:root{--bg:#f7f4ee;--surface:#fffdf8;--ink:#25211c;--muted:#6b6458;--line:#ddd4c4;--accent:#7b4f2f;--accent2:#2e6670;--soft:#f0e7d7;--cool:#e8f1f3;--warn:#fff4d7;--deep:#24211d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.7}a{color:#245f68;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,serif;line-height:1.18;letter-spacing:0}h1{font-size:clamp(2.1rem,4vw,4rem);margin:.2rem 0 1rem}h2{font-size:clamp(1.45rem,2.2vw,2.1rem);margin:2.5rem 0 1rem}h3{font-size:1.18rem;margin:1.5rem 0 .5rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(247,244,238,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.brand,.footer-brand{font-family:Georgia,serif;font-weight:700;font-size:1.25rem;color:var(--ink)}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap}.site-header nav a{font-size:.95rem;color:var(--ink)}.hero,.band,.article-shell{padding:clamp(2rem,4vw,4rem) clamp(1rem,4vw,4rem)}.hero-inner,.band-inner,.article{max-width:1120px;margin:0 auto}.hero{background:linear-gradient(180deg,#f5ecdf 0%,var(--bg) 100%)}.hero-inner.has-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,470px);gap:clamp(1.5rem,4vw,4rem);align-items:center}.hero-visual{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 14px 45px rgba(62,48,34,.08)}.hero p,.dek{font-size:1.15rem;color:var(--muted);max-width:760px}.button-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.btn{display:inline-flex;align-items:center;min-height:44px;padding:.72rem 1rem;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:white;font-weight:700}.btn.secondary{background:transparent;color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.guide-card,.feature-card,.policy-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;color:var(--ink)}.guide-card.with-thumb{padding:0;overflow:hidden}.guide-card.with-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f3eadc;border-bottom:1px solid var(--line)}.guide-card.with-thumb strong,.guide-card.with-thumb span{display:block;padding:0 1rem}.guide-card.with-thumb strong{padding-top:1rem}.guide-card.with-thumb span{padding-bottom:1rem}.cluster-strip{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cluster-strip .feature-card{min-height:132px}.guide-card span,.feature-card span,.article-meta,.fine-print,.eyebrow{display:block;color:var(--muted);font-size:.9rem}.eyebrow{text-transform:uppercase;font-weight:700;letter-spacing:.08em}.article{max-width:860px}.hero-image{border-radius:8px;border:1px solid var(--line);background:white;margin:1rem 0 1.5rem}.quick-answer,.toc,.author-box,.sources,.related,.note,.key-takeaways,.project-box,.tip-box{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;margin:1.25rem 0}.quick-answer{border-left:5px solid var(--accent);font-size:1.05rem}.key-takeaways{background:#fffaf0}.key-takeaways h2,.project-box h2,.tip-box h2{font-family:Arial,"Helvetica Neue",sans-serif;font-size:1rem;margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.06em}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.project-grid div{border-left:3px solid var(--accent2);padding-left:.7rem}.project-grid strong{display:block;color:var(--ink)}.tip-box{border-left:5px solid var(--accent2);background:#f8fbfb}.toc{display:grid;gap:.35rem}.toc strong{margin-bottom:.25rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:white;margin:1rem 0}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:.78rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f3eadc}tr:last-child td{border-bottom:0}ul,ol{padding-left:1.3rem}.checklist li{margin:.55rem 0}.site-footer{padding:2.5rem clamp(1rem,4vw,4rem);background:#24211d;color:#f5f1e7}.site-footer a{display:block;color:#f5f1e7;margin:.3rem 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:1.5rem;max-width:1120px;margin:0 auto}.site-footer h2{font-family:Arial,"Helvetica Neue",sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .6rem}.fine-print{max-width:1120px;margin:2rem auto 0;color:#cfc7b7}.sources a{word-break:break-word}.category-header{background:#f1e8d9}.category-list{display:grid;gap:1rem}.plan-table table{font-size:.92rem}@media(max-width:760px){.site-header{position:static;align-items:flex-start;flex-direction:column}.footer-grid,.cluster-strip{grid-template-columns:1fr}table{min-width:680px}.hero,.band,.article-shell{padding:2rem 1rem}.hero-inner.has-visual{grid-template-columns:1fr}.hero-visual{order:-1}}
.editorial-hero{border-bottom:1px solid var(--line)}.compact-hero{padding-bottom:2.25rem}.photo-panel{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 16px 42px rgba(62,48,34,.12);overflow:hidden}.photo-panel img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photo-panel figcaption{padding:.8rem 1rem;color:var(--muted);font-size:.88rem;line-height:1.45}.hero-facts{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.1rem 0 .2rem}.hero-facts span{border:1px solid var(--line);background:rgba(255,253,248,.78);border-radius:999px;padding:.35rem .62rem;font-size:.86rem;color:#4f463b}.guide-card:hover,.feature-card:hover,.story-card:hover,.problem-grid a:hover{text-decoration:none;border-color:#c4ad91}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.problem-grid a{display:block;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.problem-grid strong,.problem-grid span,.proof-grid strong,.proof-grid span{display:block}.problem-grid span,.proof-grid span{color:var(--muted);font-size:.92rem;margin-top:.28rem}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.story-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;color:var(--ink)}.story-card.lead{grid-column:span 2;grid-row:span 2}.story-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#efe5d7;border-bottom:1px solid var(--line)}.story-card.lead img{aspect-ratio:16/9}.story-card strong,.story-card span{display:block;padding:0 1rem}.story-card strong{padding-top:1rem;font-size:1.05rem}.story-card span{padding-bottom:1rem;color:var(--muted);font-size:.92rem}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.proof-grid div{padding:1rem;border-top:3px solid var(--accent2);background:var(--surface);border-radius:0 0 8px 8px}.hero-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.site-footer{background:var(--deep)}@media(max-width:900px){.editorial-grid{grid-template-columns:1fr 1fr}.story-card.lead{grid-column:span 2}}@media(max-width:760px){.editorial-grid{grid-template-columns:1fr}.story-card.lead{grid-column:auto;grid-row:auto}.photo-panel{order:-1}.hero-facts span{font-size:.82rem}}
/* Editorial polish pass: keep the page background consistent and make problem cards image-led. */
:root{--bg:#f5efe5;--surface:#fffaf2;--line:#d8c9b6;--soft:#f5efe5}
body,.hero,.band,.category-header{background:var(--bg)}
.hero{background:var(--bg)}
.site-header{background:rgba(245,239,229,.97)}
.photo-panel,.guide-card,.feature-card,.policy-card,.story-card,.quick-answer,.toc,.author-box,.sources,.related,.note,.key-takeaways,.project-box,.tip-box{background:var(--surface)}
.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.problem-grid a{padding:0;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;min-height:100%;box-shadow:0 8px 22px rgba(62,48,34,.04)}
.problem-grid a img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line);background:#eee3d5}
.problem-grid a strong{padding:1rem 1rem 0}
.problem-grid a span{padding:0 1rem 1rem}
.hero-facts span{background:var(--surface)}
@media(max-width:1040px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.problem-grid{grid-template-columns:1fr}.problem-grid a img{aspect-ratio:16/9}}
.pillar-card{display:grid;grid-template-columns:minmax(260px,420px) 1fr;align-items:stretch;padding:0;overflow:hidden}.pillar-card img{height:100%;min-height:230px;aspect-ratio:auto}.pillar-card strong,.pillar-card span{align-self:center}.pillar-card strong{font-size:1.35rem;padding:1.25rem 1.25rem .25rem}.pillar-card span{padding:0 1.25rem 1.25rem;font-size:1rem}.card-grid .guide-card.with-thumb{min-height:100%}
@media(max-width:760px){.pillar-card{grid-template-columns:1fr}.pillar-card img{height:auto;min-height:0;aspect-ratio:16/9}.pillar-card strong{font-size:1.05rem}}
.pillar-card img{grid-column:1;grid-row:1 / span 2;width:100%;border-bottom:0;border-right:1px solid var(--line)}
.pillar-card strong{grid-column:2;grid-row:1;align-self:end;padding:1.25rem 1.25rem .35rem!important}
.pillar-card span{grid-column:2;grid-row:2;align-self:start;padding:.1rem 1.25rem 1.25rem!important}
@media(max-width:760px){.pillar-card img{grid-column:1;grid-row:auto;border-right:0;border-bottom:1px solid var(--line)}.pillar-card strong,.pillar-card span{grid-column:1;grid-row:auto}}
.category-header{padding-bottom:1.5rem}.category-header+.band{padding-top:1.35rem}.category-header h1{margin-bottom:.65rem}
.related-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.related-grid .guide-card.with-thumb img{aspect-ratio:16/9}.related-grid .guide-card.with-thumb strong{font-size:1rem}.related-grid .guide-card.with-thumb span{font-size:.88rem;line-height:1.5}
.site-header .brand{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;line-height:1;color:var(--ink);font-family:Georgia,serif;font-size:1.22rem;font-weight:700;text-decoration:none}.site-header .brand::before{content:"";grid-row:1 / span 2;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface) url('/favicon.svg') center/20px 20px no-repeat;box-shadow:0 4px 14px rgba(62,48,34,.06)}.site-header .brand::after{content:"Home comfort guides";grid-column:2;color:var(--muted);font-family:Arial,"Helvetica Neue",sans-serif;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.22rem}.site-header{min-height:68px}.site-header nav a{font-weight:500}.footer-brand::after{content:none}@media(max-width:760px){.site-header .brand{font-size:1.15rem}.site-header .brand::before{width:30px;height:30px}.site-header .brand::after{font-size:.58rem}}
/* Header normalization pass */
.site-header{position:sticky;top:0;z-index:20;display:grid!important;grid-template-columns:minmax(220px,auto) 1fr!important;align-items:center!important;gap:2rem!important;width:100%;min-height:76px!important;padding:0 clamp(1rem,4vw,4rem)!important;background:rgba(245,239,229,.98)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.site-header .brand{justify-self:start;display:grid!important;grid-template-columns:34px auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:.58rem!important;min-width:max-content!important;font-family:Georgia,serif!important;font-size:1.2rem!important;font-weight:700!important;line-height:1!important;color:var(--ink)!important;text-decoration:none!important;margin:0!important;padding:0!important}
.site-header .brand::before{content:""!important;grid-column:1!important;grid-row:1 / span 2!important;width:34px!important;height:34px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface) url('/favicon.svg') center/20px 20px no-repeat!important;box-shadow:0 4px 14px rgba(62,48,34,.06)!important}
.site-header .brand::after{content:"Home comfort guides"!important;grid-column:2!important;grid-row:2!important;color:var(--muted)!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:.62rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-top:.24rem!important;white-space:nowrap!important}
.site-header nav{justify-self:end;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1.45rem!important;flex-wrap:wrap!important;margin:0!important;padding:0!important}
.site-header nav a{color:var(--ink)!important;font-size:.96rem!important;font-weight:500!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap!important}
.site-header nav a:hover{text-decoration:underline!important;text-underline-offset:4px!important}
@media(max-width:760px){.site-header{position:static!important;grid-template-columns:1fr!important;gap:.85rem!important;align-items:start!important;padding:1rem!important;min-height:auto!important}.site-header .brand{font-size:1.14rem!important}.site-header .brand::before{width:32px!important;height:32px!important}.site-header nav{justify-self:start!important;justify-content:flex-start!important;gap:.85rem 1rem!important}.site-header nav a{font-size:.92rem!important}}
/* Image stability pass: all source WebPs are square, components reserve their visible crop before load. */
img[src^="/images/"]{display:block;height:auto;max-width:100%;background:#eee3d5;contain:layout paint}.photo-panel img{width:100%!important;aspect-ratio:4/3!important;height:auto!important;object-fit:cover!important}.hero-image{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important}.guide-card.with-thumb img,.story-card img,.problem-grid a img,.related-grid .guide-card.with-thumb img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important}.story-card.lead img{aspect-ratio:16/9!important}.pillar-card img{width:100%!important;height:100%!important;min-height:230px!important;aspect-ratio:16/9!important;object-fit:cover!important}.problem-grid a img{aspect-ratio:16/9!important}@media(max-width:760px){.pillar-card img{height:auto!important;min-height:0!important}}

/* First-paint guard and cookie consent banner */
html{background:#f5efe5;color:#25211c}.js.dc-loading body{visibility:hidden}.cookie-banner{position:fixed;left:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);bottom:1rem;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;max-width:980px;margin:0 auto;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fffaf2;box-shadow:0 18px 50px rgba(37,33,28,.18);color:var(--ink)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.cookie-banner strong{display:block;color:var(--ink);margin-bottom:.2rem}.cookie-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.cookie-actions button,.cookie-actions a{min-height:40px;border-radius:7px;border:1px solid var(--accent);padding:.58rem .78rem;background:transparent;color:var(--accent);font:700 .9rem Arial,"Helvetica Neue",sans-serif;cursor:pointer;text-decoration:none}.cookie-actions button.primary{background:var(--accent);color:#fff}@media(max-width:720px){.cookie-banner{grid-template-columns:1fr}.cookie-actions{justify-content:flex-start}}


a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1f6b75;outline-offset:3px;border-radius:6px}
.cookie-banner p{color:var(--ink)}
.cookie-banner a{color:#3f2a18;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.cookie-actions a{background:#fff5dc}
/* Professional responsive navigation */
.professional-header{position:sticky!important;top:0;z-index:30;display:grid!important;grid-template-columns:minmax(190px,auto) minmax(0,1fr)!important;align-items:center!important;gap:1.25rem!important;width:100%;min-height:76px!important;padding:0 clamp(1rem,4vw,4rem)!important;background:rgba(245,239,229,.99)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 1px 0 rgba(37,33,28,.03)!important;backdrop-filter:blur(8px)}
.main-nav{justify-self:end;width:100%;min-width:0}
.mobile-hamburger{display:none;width:42px;height:42px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-weight:800;padding:0;box-shadow:0 3px 10px rgba(37,33,28,.05);position:relative;text-indent:-999px;overflow:hidden}
/* nav-list is a flex row of links + details groups */
.nav-list{list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:.08rem;margin:0;padding:0}
.nav-list a{display:flex;align-items:center;min-height:44px;padding:.35rem .56rem;color:var(--ink)!important;font-size:.91rem!important;font-weight:650!important;line-height:1.2;text-decoration:none!important;white-space:nowrap;border-radius:7px}
.nav-list a:hover,.nav-list a:focus-visible{background:#efe4d5;text-decoration:none!important}
/* details-based dropdown groups */
.nav-group{position:relative;display:flex;align-items:center}
.nav-group summary{display:flex;align-items:center;min-height:44px;padding:.35rem .56rem;color:var(--ink);font-size:.91rem;font-weight:650;line-height:1.2;white-space:nowrap;border-radius:7px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:"";display:inline-block;margin-left:.35rem;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted);transition:transform .18s ease}
.nav-group[open]>summary::after{transform:rotate(180deg)}
.nav-group summary:hover,.nav-group summary:focus-visible,.nav-group[open]>summary{background:#efe4d5}
/* dropdown panel (desktop: absolute) */
.nav-group[open]{z-index:50}.nav-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:40;width:max-content;min-width:210px;max-width:280px;margin:0;padding:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 50px rgba(37,33,28,.16);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.nav-group[open] .nav-panel{opacity:1;visibility:visible}.nav-panel a{display:flex;flex-direction:column;align-items:flex-start;min-height:42px;padding:.6rem .75rem;font-size:.92rem!important;font-weight:650!important;white-space:normal;border-radius:7px}.nav-panel a:hover,.nav-panel a:focus-visible{background:#efe4d5}.nav-panel a strong{font-size:.92rem;font-weight:700;color:var(--ink)}.nav-panel a span{font-size:.78rem;font-weight:400;color:var(--muted);line-height:1.45;margin-top:.15rem}.nav-group:first-of-type .nav-panel{left:0;transform:none}.nav-group:last-of-type .nav-panel{left:auto;right:0;transform:none}
/* footer */
.clean-footer{padding:2rem clamp(1rem,4vw,4rem)!important}
.footer-nav{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:center}
.footer-nav a{display:inline-flex!important;margin:0!important;color:#f5f1e7!important;font-weight:650}
.clean-footer .fine-print{margin:1.35rem auto 0!important}
.site-header .brand::after{content:"Home comfort guides"!important}
.cookie-banner{max-width:760px}.cookie-banner p{font-size:.92rem}.cookie-actions{justify-content:flex-end}

/* ── Tight desktop (1121-1180) ── */
@media(max-width:1180px) and (min-width:1121px){.professional-header{padding:0 1.25rem!important;gap:.75rem!important}.nav-list a,.nav-group summary{font-size:.86rem!important;padding:.35rem .42rem}.site-header .brand{font-size:1.08rem!important}.site-header .brand::after{font-size:.56rem!important}}

/* ── Mobile / tablet (≤1120) ── */
@media(max-width:1120px){
.professional-header{position:sticky!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.75rem!important;align-items:center!important;min-height:72px!important;padding:.75rem 1rem!important}
.professional-header .brand{grid-column:1!important;min-width:0!important}
.main-nav{grid-column:2!important;justify-self:end!important;width:auto!important}
.mobile-hamburger{display:inline-flex;align-items:center;justify-content:center}
.nav-list{position:absolute;left:1rem;right:1rem;top:calc(100% + 8px);z-index:60;display:none;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:.35rem;margin:0;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 18px 42px rgba(37,33,28,.18);max-height:calc(100vh - 96px);overflow:auto;max-width:560px;margin-left:auto!important}
.main-nav.open .nav-list{display:flex!important}
.nav-list a{justify-content:space-between;min-height:44px;padding:.72rem .8rem;background:#fffaf2;border:1px solid rgba(216,201,182,.72);font-size:.96rem!important}
/* mobile nav-group accordion style */
.nav-group{display:block;position:static}
.nav-group summary{justify-content:space-between;min-height:44px;padding:.72rem .8rem;background:#fffaf2;border:1px solid rgba(216,201,182,.72);font-size:.96rem!important;border-radius:7px;width:100%}
.nav-panel{position:static;width:100%!important;max-width:none!important;min-width:0!important;box-shadow:none;margin:0;padding:.45rem;border-left:3px solid var(--accent2);border-radius:7px;background:#fbf4e9;border:0}
.nav-panel a{background:#fffaf2;border-radius:6px;padding:.55rem .65rem;width:100%;white-space:normal;line-height:1.35}
/* responsive hero etc */
.hero,.band,.article-shell{padding:1.75rem 1rem}
.hero-inner.has-visual{grid-template-columns:1fr!important;gap:1.1rem!important}
.hero-inner.has-visual>div{order:1}
.hero-inner.has-visual>.photo-panel{order:2}
.photo-panel{max-width:620px;width:100%;margin:0 auto!important}
.photo-panel img{aspect-ratio:16/10!important}
.photo-panel figcaption{font-size:.88rem}
.eyebrow{font-size:.78rem;letter-spacing:.08em}
.hero h1,h1{font-size:clamp(2rem,9vw,3.1rem)!important;line-height:1.08!important}
.hero p,.dek{font-size:1.02rem!important;line-height:1.65}
.button-row{gap:.65rem}
.button-row .btn{width:100%;justify-content:center}
.hero-facts{gap:.45rem}
.hero-facts span{font-size:.8rem}
}

/* ── Small phone (≤560) ── */
@media(max-width:560px){.professional-header{padding:.7rem .8rem!important}.site-header .brand{font-size:1.05rem!important}.site-header .brand::before{width:31px!important;height:31px!important}.site-header .brand::after{font-size:.54rem!important}.mobile-hamburger{width:40px;height:40px;min-height:40px}.nav-list{left:.75rem;right:.75rem}.hero,.band,.article-shell{padding:1.35rem .85rem}.photo-panel{border-radius:7px}.hero h1,h1{font-size:clamp(1.85rem,8.7vw,2.55rem)!important}.hero-facts span{display:inline-flex;max-width:100%}.problem-grid,.card-grid,.editorial-grid{grid-template-columns:1fr!important}.cookie-banner{left:.75rem;right:.75rem;bottom:.75rem;grid-template-columns:1fr;padding:.85rem}.cookie-actions{justify-content:flex-start}.cookie-actions button{width:100%}}

/* hamburger icon lines */
.mobile-hamburger::before,.mobile-hamburger::after{content:"";position:absolute;left:10px;right:10px;height:2px;background:currentColor;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease}.mobile-hamburger::before{top:13px;box-shadow:0 7px 0 currentColor}.mobile-hamburger::after{top:27px}.main-nav.open .mobile-hamburger::before{top:20px;transform:rotate(45deg);box-shadow:none}.main-nav.open .mobile-hamburger::after{top:20px;transform:rotate(-45deg)}

/* Image clarity pass */
img[src^="/images/"]{image-rendering:auto!important;transform:translateZ(0);backface-visibility:hidden}.photo-panel img,.hero-image,.guide-card.with-thumb img,.story-card img,.problem-grid a img{filter:contrast(1.025) saturate(1.03)}

/* SEO expansion pass */
.search-priority-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:1121px){.professional-header{gap:.85rem!important}.nav-list a,.nav-group summary{font-size:.88rem!important;padding:.35rem .42rem!important}.site-header .brand{font-size:1.12rem!important}}

/* Breadcrumbs */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:0 0 1rem;color:#5b5248;font-size:.9rem;line-height:1.45}
.breadcrumbs a{color:#145f6b;font-weight:700}
.breadcrumbs span:last-child{color:#5b5248}

/* Editorial upgrade 2026-05-16 */
:root{--bg:#f6f3ed;--surface:#fffdfa;--ink:#1b1814;--muted:#504a41;--line:#d5c8b8;--accent:#6f4a2f;--accent2:#1f6872;--soft:#ece4d8;--cool:#e8f2f3;--deep:#211d19}body{color:var(--ink);background:var(--bg);font-size:16px}p,li,td{color:#28241f}.dek,.article-meta,.guide-card span,.feature-card span,.story-card span,.fine-print{color:var(--muted)!important}a{color:#145f6b}.site-header .brand::after{content:"Independent comfort library"!important;color:#5a5148!important}.professional-header{background:rgba(255,253,248,.98)!important;box-shadow:0 1px 0 rgba(27,24,20,.08)!important}.nav-list{gap:.12rem}.nav-list a,.nav-group summary{color:#211d19!important}.nav-panel-wide{min-width:260px}.site-search,.footer-search,.sidebar-search div{display:flex;align-items:center;gap:.35rem}.site-search{margin-left:.35rem}.site-search input,.footer-search input,.sidebar-search input{width:12.5rem;min-height:40px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:.55rem .7rem;font:inherit}.site-search button,.footer-search button,.sidebar-search button{min-height:40px;border:1px solid var(--accent2);border-radius:7px;background:var(--accent2);color:#fff;padding:.55rem .72rem;font-weight:700;cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-layout{display:grid;grid-template-columns:minmax(0,860px) minmax(240px,300px);gap:2rem;align-items:start;max-width:1220px;margin:0 auto}.article-layout .article{max-width:none;width:100%}.article-sidebar{position:sticky;top:96px;display:grid;gap:1rem}.sidebar-search,.sidebar-block{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem}.sidebar-search label,.sidebar-block h2{display:block;margin:0 0 .65rem;font:700 .84rem Arial,"Helvetica Neue",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#423a32}.sidebar-block a{display:block;padding:.45rem 0;border-top:1px solid rgba(213,200,184,.55);font-weight:700}.sidebar-block a:first-of-type{border-top:0}.sidebar-block p{margin:.25rem 0 .65rem;font-size:.92rem;line-height:1.6}.site-footer{background:#1f1c18!important}.footer-grid-expanded{grid-template-columns:1.45fr repeat(4,minmax(130px,1fr));gap:1.35rem}.footer-about .fine-print{margin:.55rem 0 1rem!important;color:#d6cec2!important}.footer-search{align-items:stretch}.footer-search input{width:100%;background:#fffaf2}.footer-bottom{border-top:1px solid rgba(245,241,231,.18);padding-top:1rem}.search-page .search-box{display:flex;gap:.5rem;margin:1.1rem 0 1.4rem}.search-page input{flex:1;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:.7rem .85rem;font:inherit}.search-page button{min-height:46px;border:1px solid var(--accent2);border-radius:8px;background:var(--accent2);color:#fff;padding:.7rem 1rem;font-weight:700}.search-results{display:grid;gap:.85rem}.search-result{display:block;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;color:var(--ink)}.search-result:hover{text-decoration:none;border-color:#bba78f}.search-result strong,.search-result span{display:block}.search-result span{color:var(--muted);margin-top:.25rem}.empty-results{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem}.external-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eef5f4}.external-proof .proof-grid div{border-top-color:var(--accent2)}@media(max-width:1180px){.site-search input{width:10rem}.footer-grid-expanded{grid-template-columns:1fr 1fr 1fr}}@media(max-width:1120px){.site-search{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto}.site-search input{width:100%}.article-layout{display:block;max-width:860px}.article-sidebar{position:static;margin-top:1.5rem}.sidebar-search div{display:grid;grid-template-columns:minmax(0,1fr) auto}.footer-grid-expanded{grid-template-columns:1fr 1fr}.nav-list{max-width:min(560px,calc(100vw - 2rem))}}@media(max-width:620px){body{font-size:15.5px}.footer-grid-expanded{grid-template-columns:1fr}.search-page .search-box{display:grid}.site-search{grid-template-columns:1fr}.site-search button{width:100%}.sidebar-search div{grid-template-columns:1fr}.sidebar-search button{width:100%}.nav-list{left:.75rem!important;right:.75rem!important}.site-header .brand::after{font-size:.52rem!important}.footer-search{display:grid}.footer-search button{width:100%}h1{font-size:clamp(1.9rem,8vw,2.45rem)!important}h2{font-size:clamp(1.35rem,6vw,1.85rem)!important}}

/* Header search and color polish */
.professional-header{background:rgba(255,253,249,.985)!important;border-bottom:1px solid #dfd5c7!important;box-shadow:0 8px 28px rgba(33,29,25,.055)!important}
.site-header .brand::after{content:"Independent comfort library"!important;color:#5a5148!important}
.nav-list a,.nav-group summary{color:#1d1a16!important}
.nav-list a:hover,.nav-list a:focus-visible,.nav-group summary:hover,.nav-group summary:focus-visible,.nav-group[open]>summary{background:#eaf3f2!important;color:#123f46!important}
.nav-panel{background:#fffdf9!important;border-color:#ded3c4!important;box-shadow:0 18px 46px rgba(31,40,38,.14)!important}
.nav-panel a:hover,.nav-panel a:focus-visible{background:#eef6f5!important}
.header-search{position:relative;display:flex;align-items:center;justify-content:center}
.search-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;min-height:42px;border:1px solid #d8cbbb;border-radius:999px;background:#fffdf9;color:#174f58;cursor:pointer;box-shadow:0 4px 14px rgba(33,29,25,.045)}
.search-toggle:hover,.search-toggle:focus-visible,.search-toggle[aria-expanded="true"]{background:#eaf3f2;border-color:#8eb9bd;color:#123f46}
.search-toggle .search-icon{width:20px;height:20px;display:block;stroke:currentColor}
.search-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:80;display:grid!important;grid-template-columns:minmax(220px,1fr) auto;gap:.45rem;width:min(390px,calc(100vw - 2rem));padding:.65rem;border:1px solid #ded3c4;border-radius:10px;background:#fffdf9;box-shadow:0 20px 52px rgba(31,40,38,.18)}
.search-popover[hidden]{display:none!important}
.search-popover input{width:100%!important;background:#fff!important}
.search-popover button{white-space:nowrap}
@media(max-width:1120px){.header-search{width:100%;justify-content:flex-end}.search-toggle{border-radius:8px;background:#fffaf2}.search-popover{position:static;width:100%;margin-top:.45rem;box-shadow:none;grid-template-columns:minmax(0,1fr) auto}.nav-list .header-search{display:grid;grid-template-columns:auto;justify-items:end}}
@media(max-width:620px){.search-popover{grid-template-columns:1fr}.search-popover button{width:100%}.search-toggle{width:44px;height:44px}}

/* Keep search available outside the collapsed mobile menu */
.main-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.5rem!important}
.main-nav>.header-search{width:auto!important;flex:0 0 auto;justify-content:center!important}
@media(max-width:1120px){.main-nav{display:flex!important;align-items:center!important;gap:.45rem!important}.main-nav>.header-search{width:auto!important}.main-nav>.header-search .search-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 1.5rem));box-shadow:0 18px 42px rgba(31,40,38,.18)}}