@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif}a{color:inherit}button,input{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:20;background:var(--ink);color:white;padding:.7rem 1rem;border-radius:.5rem}.skip:focus{top:1rem}.site-header{height:76px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:2rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent);position:sticky;top:0;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;min-width:max-content}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--accent);display:grid;place-items:center;font:700 18px 'Space Grotesk'}.brand span:last-child{display:grid;line-height:1.1}.brand small{font-size:.7rem;opacity:.62;margin-top:.2rem}.site-header nav{display:flex;gap:.2rem;margin-left:auto}.site-header nav a{padding:.55rem .7rem;text-decoration:none;border-radius:.55rem;font-weight:600;font-size:.88rem}.site-header nav a:hover,.site-header nav a[aria-current]{background:color-mix(in srgb,var(--accent) 22%,transparent)}.official,.button{background:var(--ink);color:var(--paper);text-decoration:none;padding:.65rem .9rem;border-radius:.6rem;font-weight:700;font-size:.88rem}.nav-toggle{display:none}.hero{min-height:440px;padding:clamp(3rem,8vw,7rem) clamp(1rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2rem,8vw,8rem);align-items:end;background:radial-gradient(circle at 78% 15%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 30%),linear-gradient(140deg,color-mix(in srgb,var(--ink) 4%,var(--paper)),var(--paper));border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:color-mix(in srgb,var(--ink) 58%,var(--accent));margin:0 0 1rem}.hero h1,.not-found h1{font:700 clamp(2.7rem,7vw,6.5rem)/.94 'Space Grotesk';letter-spacing:-.065em;margin:0;max-width:950px}.lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:700px;opacity:.72;margin:1.5rem 0}.verification{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;font-size:.82rem}.verification span:last-child{opacity:.6}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent)}.answer-card{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:color-mix(in srgb,var(--paper) 72%,white);box-shadow:12px 12px 0 var(--accent);padding:1.5rem}.answer-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.answer-card strong{display:block;font:700 1.65rem/1.1 'Space Grotesk';margin:.7rem 0}.answer-card p{margin:0;opacity:.66}.page-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(3rem,6vw,6rem) 0}.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:2rem;margin-bottom:2rem}.section-head h2,.panel h2{font:700 clamp(1.8rem,4vw,3.2rem)/1 'Space Grotesk';letter-spacing:-.045em;margin:0}.section-head p{margin:0;max-width:700px;opacity:.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 4rem}.card,.panel,.status-strip{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--paper) 88%,white);padding:1.4rem}.card{display:flex;flex-direction:column;min-height:220px;text-decoration:none;transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px color-mix(in srgb,var(--ink) 10%,transparent)}.card .number{font:600 .8rem 'Space Grotesk';color:var(--accent-2)}.card h2,.card h3{font:700 1.35rem/1.1 'Space Grotesk';margin:auto 0 .6rem}.card p{margin:0;opacity:.66}.card .arrow{margin-top:1rem;font-weight:800}.panel{margin:1rem 0 3rem;border-left:5px solid var(--accent)}.panel p:last-child{margin-bottom:0}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.badge{display:inline-flex;padding:.26rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:700;font-size:.75rem}.table-wrap{overflow:auto;margin:1rem 0 3rem;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}table{width:100%;border-collapse:collapse;min-width:680px;background:color-mix(in srgb,var(--paper) 90%,white)}th,td{text-align:left;padding:1rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);vertical-align:top}th{font:700 .78rem 'Space Grotesk';text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--ink) 5%,transparent)}.checklist{margin:1rem 0 3rem}.progress{height:10px;background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:999px;overflow:hidden;margin:.7rem 0 1.5rem}.progress:after{content:'';display:block;width:var(--progress,0);height:100%;background:var(--accent);transition:width .2s}.checklist label{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);cursor:pointer}.checklist input{width:20px;height:20px;accent-color:var(--accent-2)}.checklist input:checked+span{text-decoration:line-through;opacity:.55}.actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.text-button{border:0;background:transparent;text-decoration:underline;cursor:pointer}.source-list{display:grid;gap:.8rem}.source{display:grid;grid-template-columns:110px 1fr auto;gap:1rem;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding:1rem 0}.source small{opacity:.6}.callout{background:var(--ink);color:var(--paper);padding:clamp(1.5rem,4vw,3rem);margin:3rem 0}.callout h2{font:700 clamp(1.8rem,4vw,3rem)/1 'Space Grotesk';margin:0 0 1rem}.callout a{color:var(--accent)}.room-tools{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.room-tools input{flex:1;min-width:220px;padding:.85rem;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);background:white}.room-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.45rem}.room{display:grid;place-items:center;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);background:white;font-weight:700}.room:hover{background:var(--accent)}footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem;background:var(--ink);color:var(--paper);padding:3rem clamp(1rem,8vw,8rem)}footer p{opacity:.65;font-size:.88rem}footer a{color:var(--accent)}.not-found{min-height:100vh;display:grid;place-content:center;padding:2rem;max-width:900px}.not-found .button{width:max-content;margin-top:1rem}
@media(max-width:980px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;padding:.8rem 1rem}.nav-toggle{display:block;margin-left:auto;border:1px solid currentColor;background:transparent;border-radius:.5rem;padding:.45rem .7rem}.site-header nav{display:none;order:5;width:100%;flex-direction:column}.site-header nav[data-open=true]{display:flex}.official{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 1rem}.grid{grid-template-columns:1fr 1fr}.room-grid{grid-template-columns:repeat(6,1fr)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.brand small{display:none}.hero h1{font-size:3.15rem}.answer-card{box-shadow:7px 7px 0 var(--accent)}.page-shell{width:min(100% - 1.25rem,1180px)}.section-head{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.card{min-height:180px}.status-strip,.actions{align-items:flex-start;flex-direction:column}.source{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(5,1fr)}footer{grid-template-columns:1fr;padding:2.5rem 1rem}}
.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.solution-card{background:white;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);padding:1.1rem}.solution-card:target{outline:4px solid var(--accent);scroll-margin-top:150px}.solution-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.room-number{font:700 1.1rem 'Space Grotesk';color:var(--accent-2)}.solution-card p{margin:.7rem 0}.solution-card small{opacity:.58}.mini-copy{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:transparent;padding:.35rem .55rem;border-radius:.4rem;cursor:pointer;font-weight:700}.sticky-tools{position:sticky;top:92px;z-index:4;background:var(--paper);padding:.75rem 0}.result-count{font-weight:700}.quick-find{max-width:760px;margin-inline:auto}@media(max-width:620px){.solution-grid{grid-template-columns:1fr}.sticky-tools{top:68px}}
body[data-page-type=utility] .hero{min-height:0;padding:clamp(2rem,4vw,3.5rem) clamp(1rem,8vw,8rem);align-items:center}body[data-page-type=utility] .hero h1{font-size:clamp(2.35rem,5vw,4.6rem)}body[data-page-type=utility] .lead{margin:1rem 0}.responsive-table td:before{display:none}@media(max-width:620px){.table-wrap{overflow:visible;border:0}.responsive-table{min-width:0;background:transparent}.responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{margin:0 0 .8rem;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--paper) 90%,white);padding:.35rem .85rem}.responsive-table td{display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:.75rem;padding:.65rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);display:block;font:700 .7rem 'Space Grotesk';text-transform:uppercase;letter-spacing:.06em;opacity:.62}body[data-page-type=utility] .hero{padding:2rem 1rem}body[data-page-type=utility] .hero h1{font-size:2.65rem}body[data-page-type=utility] .answer-card{padding:1rem}}
.finder-shell{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:1rem;align-items:start}.finder-search,.range-picker,.single-solution{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:white;padding:1.25rem}.finder-search label{display:grid;gap:.2rem}.finder-search label span,.finder-message{font-size:.88rem;opacity:.65}.finder-search form{display:flex;gap:.6rem;margin-top:1rem}.finder-search input{min-width:0;flex:1;padding:.8rem;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.range-buttons,.range-rooms{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.range-button,.room-choice{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:var(--paper);padding:.5rem .7rem;border-radius:.4rem;cursor:pointer;font-weight:700}.range-button[aria-pressed=true],.range-button:hover,.room-choice:hover{background:var(--accent)}.room-choice{min-width:44px}.single-solution{grid-column:1/-1;border-left:6px solid var(--accent);scroll-margin-top:100px}.single-solution h2{font:700 clamp(2rem,5vw,4rem)/1 'Space Grotesk';margin:.6rem 0}.solution-answer{font-size:clamp(1.1rem,2vw,1.35rem);max-width:760px}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}.result-actions button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:760px){.finder-shell{grid-template-columns:1fr}.finder-search form{flex-direction:column}.single-solution{grid-column:auto}.result-actions{align-items:flex-start;flex-direction:column}}
.ad-slot{width:min(1180px,calc(100% - 2rem));margin:2rem auto;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--paper) 88%,white);padding:1rem}.ad-slot span{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.62}