/* Shared resource pages: scoped to preserve the existing home page. */
.resource-page header nav{display:flex;flex-wrap:wrap}
.resource-width{max-width:1160px;margin:0 auto;padding-inline:24px}
.resource-hero{max-width:1160px;margin:auto;padding:62px 24px 55px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:48px}
.resource-hero h1{font-size:clamp(38px,4.8vw,62px);line-height:1.08;letter-spacing:-2px;margin:22px 0}
.resource-hero .intro{font-size:16px;max-width:660px;line-height:1.9}
.resource-text-link{display:inline-flex;align-items:center;gap:22px;color:#9ce8ff;font-size:13px;font-weight:600;margin-top:16px}
.resource-heading h2,.estimator-intro h2,.load-explainer h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:8px 0 16px}
.resource-heading>p:last-child,.field-note{font-size:12px;line-height:1.8;color:#adbdc6}
.care-illustration{width:260px;max-width:100%;position:relative;text-align:center;color:#83d3e8;justify-self:center}
.care-illustration svg{position:relative;width:100%;filter:drop-shadow(0 0 18px #68d7fc15)}
.care-illustration>span,.plan-label{font:10px 'Space Grotesk',sans-serif;letter-spacing:1.8px;color:#adbdc6}
.care-orbit{position:absolute;inset:0;background:radial-gradient(ellipse,#25465055,transparent 68%);border:1px dashed #68d7fc25;border-radius:50%}
.care-air{stroke-dasharray:130;stroke-dashoffset:130;animation:air-draw 1.6s ease-out forwards}
@keyframes air-draw{to{stroke-dashoffset:0}}
.care-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:42px;padding-top:30px;padding-bottom:60px;border-top:1px solid #2c414d}
.care-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}
.care-filters button{padding:10px 15px;border:1px solid #385463;border-radius:30px;background:transparent;color:#c2d0d8;font-size:12px;min-height:42px}
.care-filters button[aria-pressed=true]{background:#a1e6f5;color:#08232c;border-color:#a1e6f5;font-weight:700}
.care-group{margin:0 0 30px}
.care-group-head{display:flex;gap:15px;align-items:center;margin:28px 0 14px}
.care-group-head>span{font:17px 'Space Grotesk',sans-serif;width:40px;height:40px;display:grid;place-items:center;border:1px solid #42606d;border-radius:12px;color:#8ddcf0}
.care-group-head .eyebrow{margin:0 0 5px;font-size:9px}
.care-group h3{font-size:22px;margin:0;letter-spacing:-.5px}
.care-group details,.load-faq details{border-bottom:1px solid #304651;background:#12212a50}
.care-group summary,.load-faq summary{list-style:none;padding:19px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.5}
.care-group summary::-webkit-details-marker,.load-faq summary::-webkit-details-marker{display:none}
.care-group summary>span,.load-faq summary>span{font-size:23px;color:#85d8ef;transition:transform .2s}
.care-group details[open] summary>span,.load-faq details[open] summary>span{transform:rotate(45deg)}
.care-group details[open],.load-faq details[open]{background:#192e3850}
.tip-content{padding:0 16px 18px;font-size:13px;color:#bfccd4;line-height:1.85}
.tip-content p{margin:0}
.resource-sources{font-size:11px;line-height:1.9;color:#adbdc6;margin-top:24px}
.resource-sources a{color:#96dcef;text-decoration:underline;text-underline-offset:3px}
.care-checklist{border:1px solid #45606b;background:linear-gradient(155deg,#203943,#12202a);padding:28px;border-radius:16px;align-self:start;position:sticky;top:24px}
.care-checklist h2{font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:14px 0}
.care-checklist>p:not(.eyebrow){font-size:12px;color:#bfcfd6}
.care-checklist label{display:flex;align-items:center;gap:12px;border-bottom:1px solid #38505b;padding:15px 0;font-size:12px;cursor:pointer}
.care-checklist input{accent-color:#8fdcf0;width:19px;height:19px;flex-shrink:0}
.care-checklist label:has(input:checked){color:#90ddee}
.checklist-progress{margin-top:20px}
.checklist-progress progress{width:100%;height:6px;appearance:none;accent-color:#8fdcf0;border:0;border-radius:4px;background:#35515c}
.checklist-progress progress::-webkit-progress-bar{background:#35515c;border-radius:4px}
.checklist-progress progress::-webkit-progress-value{background:#8fdcf0;border-radius:4px;transition:width .25s}
.checklist-progress p{font-size:11px;color:#b7cdd5}
.care-checklist small{display:block;font-size:10px;line-height:1.6;color:#a6bcc6;margin:16px 0 22px}
.care-checklist .button{display:flex;justify-content:center;width:100%}
.load-hero{padding-top:32px}
.load-hero .eyebrow{margin-top:28px}
.blueprint{width:255px;max-width:100%;justify-self:center;transform:rotate(-5deg);padding:20px 8px;text-align:center}
.blueprint-grid{position:relative;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:105px 95px;gap:6px;border:1px solid #70c7df;padding:10px;background:repeating-linear-gradient(0deg,transparent 0 19px,#68d7fc08 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#68d7fc08 19px 20px),#132733;box-shadow:16px 16px 0 #68d7fc08}
.plan-room{border:1px solid #6ba9bd;display:grid;place-items:center;font:8px 'Space Grotesk',sans-serif;letter-spacing:1.6px;color:#aac4ce;position:relative}
.plan-living{grid-row:span 2;background:linear-gradient(140deg,#68d7fc22,transparent)}
.plan-kitchen{border-color:#b58d74;background:#ff985b0c}
.plan-door{position:absolute;left:35px;bottom:9px;width:35px;height:35px;border-top:1px dashed #8bddf1;border-right:1px solid #8bddf1;border-top-right-radius:100%;border-bottom:2px solid #132733}
.plan-label{display:block;margin-top:28px;font-size:9px}
.load-workspace{padding-bottom:56px}
.estimator-intro{padding:28px 0;border-top:1px solid #334854}
.estimate-notice{border-left:2px solid #ffab77;background:#ff985b08;padding:15px 19px;font-size:13px;color:#bdcdd6;line-height:1.85;margin:20px 0 0}
.estimate-notice strong{color:#ffba90}
.load-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px;align-items:start}
.load-layout fieldset{min-width:0}
.climate-field{margin:0 0 26px;padding:22px;border:1px solid #3e5866;border-radius:12px;background:#14242e}
.climate-field legend,.room-section-head h3{font:500 18px 'Space Grotesk',sans-serif;color:#e7f0f5;letter-spacing:-.3px}
.climate-field legend>span,.room-section-head h3>span{color:#83d9ee;font-size:12px;margin-right:10px}
.climate-field .input-grid{grid-template-columns:1fr}
.climate-field .field-note{margin:12px 0 0;font-size:11px}
.room-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.room-section-head h3{margin:0}
#room-count{font-size:10px;color:#a7bec9;white-space:nowrap}
.load-room{border:1px solid #3a525e;border-radius:12px;margin:24px 0 0;padding:18px 22px 24px;background:linear-gradient(150deg,#162832,#101c25)}
.load-room legend{padding:0 8px;font-size:14px;color:#c6e0e9}
.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.room-toolbar>span{font-size:9px;letter-spacing:1.5px;color:#99b3c0}
.remove-room{padding:8px;background:transparent;color:#ddbaaa;border:0;font-size:11px;min-height:38px}
.remove-room:disabled{opacity:.4;cursor:default}
.load-room .room-name{grid-column:1/-1}
.add-room{display:block;border:1px dashed #53788b;border-radius:8px;padding:15px;width:100%;margin-top:18px;background:#16293270;color:#9ce5f6;font:600 13px Manrope,sans-serif}
.add-room:disabled,#calculate-load:disabled{opacity:.45;cursor:default}
.estimate-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
.load-results{position:sticky;top:24px;background:linear-gradient(155deg,#223e4a,#152830);border:1px solid #4a6772;border-radius:15px;padding:28px}
.load-results h2{font-size:27px;line-height:1.15;letter-spacing:-.8px;margin:15px 0 22px}
#load-result>p{font-size:13px;color:#c1d3db;line-height:1.85}
.load-value{display:block;font:500 clamp(26px,2.6vw,35px) 'Space Grotesk',sans-serif;color:#a1edff;line-height:1.3;margin:12px 0 4px}
.load-unit{font-size:12px;color:#d0e4eb}
.load-secondary{font-size:15px;color:#e2eff3}
.load-result-meta{font-size:11px;color:#b5cdd7;border-bottom:1px solid #4d6570;padding-bottom:15px;margin-bottom:22px}
.room-breakdown{padding:0;list-style:none;margin:20px 0}
.room-breakdown li{border-top:1px solid #3c5864;padding:14px 0}
.room-breakdown strong{display:block;overflow-wrap:anywhere;font-size:13px;color:#ecf7fb}
.room-breakdown span{display:block;font-size:12px;color:#a6e8f9;margin-top:4px}
.room-breakdown small{display:block;color:#b0c5d0;font-size:10px;margin-top:4px}
.result-next{border-top:1px solid #4a6572;margin-top:22px;padding-top:16px}
.result-next p{font-size:12px;color:#c1d3db}
.result-next .button{width:100%;display:flex;justify-content:center}
.print-estimate{border:0;border-bottom:1px solid #83c9dd;color:#a4e4f4;background:none;font-size:11px;padding:8px 0}
.load-explainer{border-top:1px solid #314551;padding-block:40px 56px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px}
.load-explainer>div>p:not(.eyebrow){font-size:13px;color:#bccbd3;line-height:1.9}
.load-faq summary{font-size:13px}
.load-faq .tip-content{font-size:12px}
.load-feature{margin-top:22px;border:1px solid #4b6977;border-radius:14px;background:radial-gradient(ellipse at 95% 0,#25566a70,transparent 60%),#14242e;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.load-feature h2{font-size:26px;letter-spacing:-.6px;margin:9px 0}
.load-feature p:not(.eyebrow){font-size:13px;color:#bbced7;max-width:650px}
.load-feature .button{flex-shrink:0;max-width:240px}
.feature-caveat{display:block;color:#e6b28d;font-size:10px}
.resource-page :focus-visible{outline:2px solid #93e7fc;outline-offset:4px}
.resource-page [hidden],.tools-page [hidden]{display:none!important}
/* The extra resource link needs a second navigation row at intermediate widths. */
@media(min-width:761px) and (max-width:1180px){.site-organized>header{flex-wrap:wrap;gap:14px}.site-organized>header nav{order:4;width:100%;flex-basis:100%;justify-content:center;gap:24px}.site-organized>header .header-call{margin-left:auto}}
@media(min-width:1181px){.site-organized>header nav{gap:17px;font-size:11px}}
@media(max-width:900px){.care-layout{gap:26px;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.resource-hero{gap:25px}.care-checklist,.load-results{padding:22px}.load-layout{gap:20px;grid-template-columns:1.2fr 1fr}.load-layout .input-grid{grid-template-columns:1fr}.load-room{padding-inline:18px}.load-explainer{gap:30px}}
@media(max-width:700px){.resource-page header{flex-wrap:wrap;gap:14px}.resource-page header nav{order:3;width:100%;justify-content:flex-start;gap:24px}.resource-hero{grid-template-columns:1fr;padding:34px 22px 36px}.resource-hero h1{font-size:42px}.resource-hero .intro{font-size:14px}.care-illustration,.blueprint{display:none}.care-layout,.load-layout,.load-explainer{grid-template-columns:1fr}.care-layout{padding-top:20px}.care-checklist,.load-results{position:static}.care-checklist{margin-top:6px}.load-workspace{padding-bottom:38px}.resource-heading h2,.estimator-intro h2,.load-explainer h2{font-size:28px}.load-layout .input-grid{grid-template-columns:1fr 1fr}.climate-field .input-grid{grid-template-columns:1fr}.load-feature{display:block;padding:24px}.load-feature .button{margin-top:22px;max-width:100%}.load-explainer{gap:28px}.load-results{margin-top:10px}.resource-page .tools-cta h2{font-size:27px}.tools-page header nav{flex-wrap:wrap}.tools-page .tools-footer{line-height:1.7}}
@media(max-width:400px){.load-layout .input-grid{grid-template-columns:1fr}.resource-page header .header-call{font-size:11px}.resource-page header .brand>span{font-size:15px!important}.care-filters{gap:6px}.care-filters button{font-size:11px;padding-inline:12px}.room-section-head{align-items:flex-start}.room-section-head h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.resource-page *{animation:none!important;transition:none!important}.care-air{stroke-dashoffset:0}}
@media print{.resource-page{color:#111!important;background:white!important}.resource-page header,.resource-page footer,.resource-hero,.estimator-intro,#load-form,.load-explainer,.tools-cta,.result-next,#print-estimate,.skip{display:none!important}.load-workspace,.load-layout,.load-results{display:block;position:static;padding:0;margin:0;border:0;background:white;color:#111}.load-results{max-width:none}.load-results :is(p,span,strong,small,h2,.eyebrow){color:#111!important}.room-breakdown li{break-inside:avoid}.load-results::before{content:'TMerlo Air & Heating | Preliminary cooling estimate | tmerloair.com';display:block;font-size:13px;margin:0 0 24px}.load-results::after{content:'Not a Manual J calculation. Cooling only. Not for equipment selection. Contact (832) 388-9489 for professional help.';display:block;font-size:12px;margin-top:24px}}