/* City preview v3. Keep these scoped refinements separate from the accepted v2. */
.brand,.footer-brand .brand{width:286px;height:auto;overflow:visible;justify-content:flex-start;margin-left:0}.brand img,.footer-brand .brand img{display:block;width:100%;max-width:100%;height:auto}.header-inner{height:100px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:29px;flex-wrap:wrap}.hero-actions .button{margin-top:0;min-height:48px;font-size:13px;padding-inline:23px}.hero-quote{border-color:#bdc9b3;background:transparent}.hero-quote:hover{background:#e5ebdc}.hero-art>img{object-position:47% 60%}.hero-art .art-note{background:#f8f5ecf0}.art-label{color:#5e6c52;font-size:8px}.section-nav-shell{position:relative}.section-nav-hint,.nav-scroll{display:none}.section-nav nav{min-width:0}.section-nav a:focus-visible,.motion-toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}
/* A small living illustration; all motion pauses outside the viewport. */
.options-layout{align-items:center}.decision-panel{box-shadow:0 10px 35px #173f3505;border:1px solid #d5dfcc}.choice-tabs button[aria-selected=true]{color:var(--pine);border-bottom-width:2px}.step-num{border:1px solid #cbd8c0;background:#eef2e7}.house-scene{position:relative;width:255px;margin-top:24px}.simple-roof{margin-top:0;width:245px}.simple-roof svg{width:245px;height:147px;overflow:visible}.simple-roof .roof-stroke{stroke-dasharray:none;stroke-dashoffset:0}.house-sun{transform-origin:236px 36px}.simple-roof .window-light{transition:opacity .6s}.motion-toggle{position:absolute;right:2px;bottom:0;display:grid;place-items:center;width:27px;height:27px;padding:3px;border:1px solid #bccbb0;border-radius:5px;background:transparent;color:#637b59;cursor:pointer}.motion-toggle .icon{width:15px;height:15px}.house-signal{height:2px;background:#a9b99b;margin-top:13px}.simple-roof.is-animating .window-light{animation:window-warmth 9s ease-in-out infinite}.simple-roof.is-animating .house-sun{animation:sun-breathe 9s ease-in-out infinite}.simple-roof.is-animating .roof-stroke{animation:roof-breathe 9s ease-in-out infinite}.simple-roof.is-animating .house-signal{animation:house-line 9s ease-in-out infinite}
@keyframes window-warmth{0%,18%,100%{opacity:.1}42%,68%{opacity:.65}}@keyframes sun-breathe{0%,100%{transform:translateY(3px);opacity:.25}50%{transform:translateY(-3px);opacity:.48}}@keyframes roof-breathe{0%,100%{stroke:#718b63}50%{stroke:#315a41}}@keyframes house-line{0%,100%{opacity:.35;transform:scaleX(.65);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}
/* The budget input uses the same menu language as directory sorting. */
.pill{border-radius:6px}.budget-inputs{overflow:visible}.budget-layout{overflow:visible}.field-menu{position:relative;margin-top:10px}.field-menu summary{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 16px;min-height:48px;border:1px solid #bdccb1;border-radius:6px;background:var(--white);font-size:13px;cursor:pointer;list-style:none}.field-menu summary::-webkit-details-marker{display:none}.field-menu summary .icon{width:17px;height:17px;flex-shrink:0;transition:transform .2s}.field-menu[open] summary{border-color:#53744c;box-shadow:0 0 0 2px #ccd8bd66}.field-menu[open] summary .icon{transform:rotate(180deg)}.field-options{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 7px);padding:7px;border:1px solid #ccd6c3;border-radius:9px;background:var(--white);box-shadow:0 14px 35px #173f351c;animation:menu-in .15s ease-out}.field-options button{position:relative;display:block;width:100%;border:0;border-radius:5px;padding:12px 36px 12px 12px;text-align:left;color:var(--ink);background:transparent;font:inherit;font-size:13px;cursor:pointer}.field-options button span{display:block;margin-top:3px;color:#6f7d68;font-size:10px}.field-options button[aria-pressed=true]{background:#e8eee1;font-weight:650}.field-options button[aria-pressed=true]::after{content:'✓';position:absolute;right:14px;top:14px}.field-options button:hover,.field-options button:focus-visible{background:#f0f3e9;outline:1px solid #acbc9d}.scope-icon{width:25px;height:25px;border-radius:5px;display:grid;place-items:center;background:#dfe8d4;flex-shrink:0;margin-top:2px}.scope-icon .icon{width:16px;height:16px}.budget-takeaway{gap:12px;margin-top:23px;padding:16px}.budget-takeaway p{font-size:11px}.budget-results{border-radius:0 10px 10px 0}.budget-inputs{border-radius:10px 0 0 10px}.calculator-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dbe2d1;margin-top:21px;padding-top:18px;text-decoration:none}.calculator-link>span:first-child{display:grid;gap:5px}.calculator-link strong{font-size:12px}.calculator-link>span>span{font-size:10px;line-height:1.6;color:#6b7d61}.calculator-link-label{font-size:11px;font-weight:650;border-bottom:1px solid #7c8c73;padding-block:5px;flex-shrink:0}.calculator-link:hover .calculator-link-label{color:#4d763b;border-color:#4d763b}.assumptions p{margin:11px 0}.budget-price{font-variant-numeric:tabular-nums;letter-spacing:-1.1px}
/* A stronger date and an outlined flame, with the same stroke as other icons. */
.report-row time{border-color:#aa9766;background:#fdfaf0;box-shadow:0 2px 0 #a7966620;color:#51492f}.report-row time>span{background:#e2d3ac;color:#574f37;display:block;width:100%;padding:3px 1px;font-weight:650;letter-spacing:.4px}.report-row time>strong{color:#494633;padding-top:2px}.report-row time{overflow:hidden;padding-top:0}.alert-note>strong{display:flex;align-items:center;gap:8px}.alert-note>strong .icon{width:18px;height:21px;stroke:#967033;flex-shrink:0}.alert-note{background:#ece0bf}.alert-note>span{white-space:normal}.hiring-checklist .button{width:100%;margin-top:18px;font-size:12px}
/* Keep the two permanent guides; newest relevant published articles follow. */
.latest-reading{border-top:1px solid #d8dfcf;border-bottom:1px solid #d8dfcf;padding:27px 0;margin-top:34px}.latest-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:19px}.latest-heading .eyebrow{font-size:8px;margin-bottom:7px}.latest-heading h3{font-size:26px;letter-spacing:-.6px}.latest-heading>a{font-size:11px;white-space:nowrap}.latest-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.fresh-article{display:grid;grid-template-columns:82px minmax(0,1fr);gap:13px;text-decoration:none;align-items:center;padding:5px 0}.fresh-article img{width:82px;height:76px;object-fit:cover;border-radius:6px;transition:transform .25s}.fresh-article time{font-size:9px;color:#708166;display:block;margin-bottom:6px}.fresh-article h4{font-family:var(--sans);font-size:12px;font-weight:550;line-height:1.5;margin:0}.fresh-article:hover h4{text-decoration:underline;text-underline-offset:3px}.fresh-article:hover img{transform:translateY(-3px)}.solar-note{margin-top:10px}.solar-answers{gap:23px}.solar-next{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding-top:4px}.solar-next .button{font-size:11px;min-height:42px;padding-inline:15px}.solar-next>span{font-size:10px;color:#6f8064;max-width:255px;line-height:1.7}.faq-intro{max-width:215px;margin-top:15px!important;color:#6d7e64;font-size:12px;line-height:1.8}.question-list summary{font-size:13px}.question-list p{font-size:12px;line-height:1.9}.question-list p a{font-weight:550}.question-list details[open]{padding-bottom:9px}.question-list details[open] summary{color:#315f3d}.question-list details[open] summary .icon{transform:rotate(180deg)}
/* Decoration occupies its own space, including at narrow widths. */
.footer-brand{position:relative}.footer-brand>p{font-size:29px;line-height:1.15;margin-top:24px}.footer-brand>span{font-size:12px;line-height:1.8;margin-top:14px}.footer-outline{position:static;display:block;width:88px;height:auto;opacity:.2;margin:22px 0 0;pointer-events:none}.footer-top{gap:55px}.footer-states{margin-top:0}
@media(min-width:1450px){.hero-art{min-height:360px}.hero-art>img{object-position:50% 58%}.hero h1{font-size:56px}}
@media(max-width:1000px){.brand{width:255px}.site-header nav{gap:17px}.header-inner{gap:18px}.hero-actions{gap:9px}.hero-actions .button{font-size:12px;padding-inline:16px}.house-scene{width:225px}.simple-roof,.simple-roof svg{width:220px}.fresh-article{grid-template-columns:65px minmax(0,1fr);gap:10px}.fresh-article img{width:65px;height:72px}.fresh-article h4{font-size:11px}.latest-articles{gap:18px}.footer-brand .brand{width:255px}.footer-top{gap:30px}}
@media(max-width:700px){
 html{scroll-padding-top:108px}.header-inner{height:85px;justify-content:space-between}.brand{width:264px;max-width:100%}.header-inner>.button{display:none}.hero h1{font-size:41px}.hero-actions{margin-top:23px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{padding-inline:10px;font-size:12px;white-space:nowrap}.hero-trust{line-height:1.7}.hero-art{min-height:220px;height:220px}.hero-art>img{object-position:48% 50%}.art-label{top:14px;left:15px;font-size:7px}.art-note strong{font-size:15px}.section-nav-shell{display:grid;grid-template-columns:29px minmax(0,1fr) 29px;gap:0 10px;padding-bottom:3px}.section-nav-hint{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:9px;font-size:9px;color:#64745a}.section-nav-hint span:first-child{font-weight:650}.section-nav-hint span:last-child{font-size:8px;color:#7e8a75}.section-nav nav{grid-column:2;grid-row:2;gap:25px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain}.section-nav nav a{padding:15px 0 13px}.section-nav nav a span{font-size:11px}.nav-scroll{display:grid;align-self:center;place-items:center;width:29px;height:29px;padding:4px;border:1px solid #cad5bf;border-radius:5px;background:#eff2e7;color:var(--pine);cursor:pointer}.nav-scroll .icon{width:16px;height:16px}.nav-prev{grid-column:1;grid-row:2}.nav-next{grid-column:3;grid-row:2}.nav-prev .icon{transform:rotate(90deg)}.nav-next .icon{transform:rotate(-90deg)}.nav-scroll:disabled{opacity:.3;cursor:default}.section-intro{padding-bottom:4px;min-height:0}.section-intro h2{max-width:320px}.section-intro>p:not(.eyebrow){max-width:230px}.house-scene{position:relative;width:100%;height:109px;margin-top:10px}.simple-roof{position:relative;right:auto;bottom:auto;width:165px;height:105px;margin:0;opacity:1}.simple-roof svg{width:170px;height:102px}.simple-roof span,.house-signal{display:none}.motion-toggle{left:185px;right:auto;bottom:15px;width:26px;height:26px}.options-layout{gap:15px}.decision-panel{box-shadow:0 9px 24px #173f3506}.budget-inputs{border-radius:10px 10px 0 0}.budget-results{border-radius:0 0 10px 10px}.field-menu summary{font-size:13px;padding:13px 16px}.field-options button{font-size:13px;min-height:61px}.field-options button span{font-size:10px}.budget-takeaway{padding:13px;gap:10px}.budget-takeaway p{font-size:11px}.budget-price{font-size:32px}.calculator-link{flex-wrap:wrap;gap:8px;padding-top:16px;margin-top:19px}.calculator-link strong{font-size:12px}.calculator-link>span>span{font-size:11px}.calculator-link-label{font-size:12px}.report-row time{min-width:36px}.alert-note>strong{gap:7px}.alert-note>span{padding-left:25px;margin-top:2px}.guide h3{font-size:21px}.hiring-checklist .button{font-size:12px}.latest-reading{margin-top:26px;padding-block:24px}.latest-heading{align-items:flex-start;gap:15px}.latest-heading h3{font-size:25px;max-width:210px}.latest-heading>a{font-size:10px;margin-top:22px}.latest-articles{grid-template-columns:1fr;gap:0}.fresh-article{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:15px 0;border-top:1px solid #e0e5d8}.fresh-article:first-child{border-top:0;padding-top:0}.fresh-article:last-child{padding-bottom:0}.fresh-article img{width:76px;height:65px}.fresh-article time{font-size:10px}.fresh-article h4{font-size:13px;line-height:1.5}.solar-note summary strong{font-size:14px;line-height:1.4}.solar-note summary>span>span{font-size:11px;line-height:1.6;margin-top:5px}.solar-next{display:block;padding-top:0}.solar-next .button{font-size:11px;line-height:1.5;white-space:normal;text-align:left}.solar-next>span{display:block;font-size:10px;margin-top:10px}.solar-answers{padding-left:0;gap:22px}.local-questions{gap:17px;margin-top:25px}.faq-intro{max-width:290px;margin-top:10px!important}.question-list summary{font-size:13px;padding-block:19px}.question-list p{font-size:12px}.footer-brand .brand{width:264px;height:auto}.footer-brand>p{font-size:29px}.footer-brand>span{font-size:12px}.footer-outline{width:70px;margin:20px 0 0}.footer-top{gap:26px}.footer-disclosure{font-size:10px}
}
@media(max-width:370px){.brand,.footer-brand .brand{width:240px}.hero h1{font-size:37px}.hero-actions .button{font-size:10px;padding-inline:7px}.hero-art{height:210px;min-height:210px}.budget-price{font-size:28px}.section-nav-shell{gap:0 7px}.section-nav-hint span:last-child{font-size:7px}.latest-heading h3{font-size:23px}.latest-heading>a{font-size:9px}.guide-grid{grid-template-columns:1fr}.guide-image{aspect-ratio:1.8}.guide h3{font-size:23px}.guide p{font-size:12px}.hero .art-note{gap:8px}.art-note strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.simple-roof *,.simple-roof.is-animating *{animation:none!important}.motion-toggle{display:none}.fresh-article:hover img{transform:none}.field-options{animation:none}}
/* Keep the keyboard skip link fully clipped until focused. */
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0;top:0}