@import url("/assets/font/fonts.css?v=35cf7e1ccd04");
:root{--paper:#F4F6F8;--card:#fff;--ink:#111A2B;--ink-2:#4A5567;--brand:#0559FF;--brand-soft:#E4EEFF;--logo:#0083EF;--stop:#9A4607;--stop-soft:#FFF1E4;--ok:#1B6E4A;--ok-soft:#E6F4EC;--line:#D6DCE5;--jamb:#111A2B;--cta-fg:#fff;--radius:10px;--wrap:1140px;--display:'Bricolage Grotesque',Georgia,serif;--body:'Albert Sans',system-ui,sans-serif;--mono:'Spline Sans Mono',ui-monospace,monospace}
@media (prefers-color-scheme:dark){:root{--paper:#0F1419;--card:#161C24;--ink:#E7ECF3;--ink-2:#A9B4C4;--brand:#6EA6FF;--brand-soft:#1B2A45;--stop:#F5B36B;--stop-soft:#3A2412;--ok:#7CD3A6;--ok-soft:#14301F;--line:#2A3341;--jamb:#E7ECF3;--cta-fg:#0F1419}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6}
@media (min-width:1024px){body{font-size:16.5px}}
h1,h2,h3{font-family:var(--display);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2rem,1.2rem + 2.6vw,3.2rem);font-weight:700}
h2{font-size:clamp(1.45rem,1.1rem + 1.2vw,2rem);font-weight:650}
h3{font-size:1.15rem;font-weight:650}
p{margin:0 0 1em}
a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
code{font-family:var(--mono);font-size:.92em;background:var(--brand-soft);padding:.1em .35em;border-radius:4px}
img{max-width:100%;height:auto}
main img,main svg{max-width:100%}
.fd-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
/* Hidden with clip-path, not a negative offset: an off-canvas skip link counts as
   scrollable overflow and shows up as a phantom 9px overflow on every page. Keeping the
   box at 44px also keeps it out of the touch-target report. */
.fd-skip{position:absolute;left:0;top:0;display:flex;align-items:center;padding:8px 14px;background:var(--brand);color:var(--cta-fg);clip-path:inset(50%);min-height:44px;min-width:120px;z-index:99}
.fd-skip:focus{clip-path:none}
/* header */
.fd-head{background:var(--card);border-bottom:1px solid var(--line);position:relative;z-index:5}
.fd-head-in{display:flex;align-items:center;gap:18px;min-height:64px}
.brandmark{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:700;font-size:1.05rem;white-space:nowrap}
@media (max-width:420px){.brandmark{font-size:.95rem;white-space:normal;line-height:1.15}.brandmark img{width:84px}}
.brandmark img{width:108px;height:auto;display:block}
@media (prefers-color-scheme:dark){.brandmark img{background:#fff;border-radius:4px;padding:3px 5px}}
.fd-head nav{margin-left:auto}
.fd-head nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:nowrap}
.fd-head nav a{display:block;padding:10px 10px;text-decoration:none;color:var(--ink);font-weight:500;border-radius:6px;white-space:nowrap;min-height:44px;line-height:24px}
.fd-head nav a:hover,.fd-head nav a[aria-current]{background:var(--brand-soft);color:var(--ink)}
.fd-burger{display:none;margin-left:auto;min-height:44px;min-width:64px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;font:inherit;font-weight:600}
@media (max-width:1100px){.fd-burger{display:block}.fd-head nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);border-bottom:1px solid var(--line);margin:0}.fd-head nav ul{flex-direction:column;padding:8px 20px 16px}body.nav-open .fd-head nav{display:block}}
/* hero */
.fd-hero{padding:44px 0 26px;background:linear-gradient(180deg,var(--brand-soft),var(--paper) 85%)}
.fd-hero h1{max-width:18ch;margin-bottom:.35em}
.fd-lede{font-size:1.12rem;color:var(--ink-2);max-width:62ch;margin-bottom:1.1em}
.fd-search{max-width:64%;margin:0 0 14px}
@media (max-width:760px){.fd-search{max-width:100%}}
.fd-search label{display:block;font-weight:600;margin-bottom:6px}
.fd-search-row{display:flex;gap:0;border:2px solid var(--ink);border-radius:var(--radius);background:var(--card);overflow:hidden}
.fd-search input{flex:1 1 auto;min-width:0;border:0;padding:14px 16px;font:inherit;font-size:1.05rem;background:transparent;color:var(--ink);min-height:52px}
.fd-search input:focus{outline:3px solid var(--brand);outline-offset:-3px}
.fd-search button{border:0;background:var(--brand);color:var(--cta-fg);font:inherit;font-weight:700;padding:0 22px;cursor:pointer;min-height:52px}
.fd-subnav{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:.92rem}
.fd-subnav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);line-height:1.3}
/* wall */
.fd-wall{padding:22px 0 34px}
.fd-wall h2{margin-bottom:.6em}
.fd-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.fd-tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.fd-tiles{grid-template-columns:repeat(2,1fr);gap:12px}}
.fd-tile{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);min-height:44px}
.fd-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:#fff}
.fd-tile-name{font-weight:650;padding:10px 12px 0}
.fd-tile-badge{font-family:var(--mono);font-size:.74rem;color:var(--ink-2);padding:2px 12px 12px}
.fd-tile-hint{display:block;color:var(--ink-2);font-size:.84rem;padding:0 12px 12px;margin-top:-6px;line-height:1.4}
.fd-tile:hover{border-color:var(--brand)}
.fd-wall.is-compact{padding:14px 0 10px;border-bottom:1px solid var(--line)}
.fd-wall-mini-h{font-size:.86rem;color:var(--ink-2);margin:0 0 8px}
.fd-tiles.is-compact{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.fd-tiles.is-compact .fd-tile{flex:0 0 112px;scroll-snap-align:start;min-height:0}
.fd-tiles.is-compact .fd-tile img{width:112px;height:112px}
.fd-tiles.is-compact .fd-tile-name{font-size:.78rem;font-weight:600;padding:6px 8px 8px;line-height:1.2}
.is-wide .fd-wrap{max-width:980px}
.is-wide .fd-prose{max-width:none}
/* sections */
.fd-sec{padding:34px 0}
.fd-sec+.fd-sec{border-top:1px solid var(--line)}
.fd-eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 .6em}
.fd-prose{max-width:72ch}
.fd-prose ul,.fd-prose ol{padding-left:1.2em}
.fd-prose li{margin-bottom:.35em}
.fd-split{display:grid;grid-template-columns:7fr 5fr;gap:34px;align-items:stretch}
.is-left .fd-split{grid-template-columns:5fr 7fr}
.is-heavy .fd-split{grid-template-columns:4fr 8fr}
.is-heavy.is-left .fd-split{grid-template-columns:8fr 4fr}
.is-right .fd-split .fd-fig{order:2}
.is-left .fd-split .fd-fig{order:0}
.is-split .fd-prose{max-width:none}
@media (max-width:860px){.fd-split,.is-left .fd-split,.is-heavy .fd-split,.is-heavy.is-left .fd-split{grid-template-columns:1fr}.is-right .fd-split .fd-fig,.is-left .fd-split .fd-fig{order:2}}
.fd-fig{margin:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px;height:100%}
.fd-fig img{width:100%;height:auto;object-fit:contain;object-position:top;display:block;border-radius:6px;background:#fff;align-self:center}
.is-split .fd-fig img{flex:1 1 auto;height:100%;max-height:100%}
.fd-fig figcaption{font-size:.86rem;color:var(--ink-2);padding:8px 2px 0;line-height:1.45;margin-top:auto}
.is-split .fd-fig figcaption{margin-top:8px}
.is-split .fd-fig img{flex:0 0 auto;height:auto}
.fd-src{display:block;font-family:var(--mono);font-size:.74rem}
.is-wide .fd-fig{margin-top:18px;max-width:100%}
.fd-jamb{margin:1.2em 0;padding:4px 0 4px 18px;border-left:5px solid var(--jamb)}
.fd-jamb p{font-style:italic;margin-bottom:.3em}
.fd-jamb cite{font-style:normal;font-family:var(--mono);font-size:.78rem;color:var(--ink-2)}
.fd-cite{font-family:var(--mono);font-size:.76rem;color:var(--ink-2)}
.fd-cta-sec{padding:26px 0 34px}
.fd-cta a{display:inline-block;background:var(--brand);color:var(--cta-fg);text-decoration:none;font-weight:700;padding:12px 20px;border-radius:var(--radius);min-height:44px}
.fd-cta.is-small a{font-size:.9rem;padding:9px 14px}
/* tables */
.fd-tablewrap{overflow-x:auto;margin:1em 0}
.fd-table{border-collapse:collapse;width:100%;background:var(--card);font-size:.93rem}
.fd-table th,.fd-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.fd-table th{background:var(--brand-soft);font-weight:650}
@media (max-width:700px){.fd-table thead{display:none}.fd-table tr{display:block;margin-bottom:12px;border:1px solid var(--line)}.fd-table td{display:block;border:0;border-bottom:1px solid var(--line)}.fd-table td::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:.74rem;color:var(--ink-2);margin-bottom:2px}}
/* door frame */
.fd-door{position:relative;margin:26px 0;border-left:10px solid var(--jamb);background:var(--card);border-radius:0 var(--radius) var(--radius) 0;overflow:hidden}
.fd-lintel{background:var(--brand-soft);padding:14px 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;border-bottom:3px solid var(--jamb)}
.fd-door-n{font-family:var(--mono);font-weight:600;font-size:1.3rem;grid-row:1/3}
.fd-lintel h3{margin:0}
.fd-door-fee{margin:0;font-size:.95rem}
.fd-door-grid{display:grid;grid-template-columns:7fr 5fr;gap:20px;padding:18px;align-items:stretch}
.fd-door.is-flip{border-left:0;border-right:10px solid var(--jamb);border-radius:var(--radius) 0 0 var(--radius)}
.fd-door.is-flip .fd-door-grid{grid-template-columns:5fr 7fr}
.fd-door.is-band .fd-door-grid{grid-template-columns:1fr}
.fd-door.is-band .fd-fig{margin-top:4px}
.fd-door.is-compact .fd-door-grid{grid-template-columns:1fr}
@media (max-width:860px){.fd-door-grid{grid-template-columns:1fr}}
.fd-door-who{margin-bottom:.8em}
.fd-door-facts{margin:0}
.fd-door-facts div{margin-bottom:.7em}
.fd-door-facts dt{font-weight:650;font-size:.9rem}
.fd-door-facts dd{margin:0}
.fd-threshold{margin:0;padding:12px 18px;border-top:1px dashed var(--line);font-size:.93rem;color:var(--ink-2)}
/* clock strip */
.fd-clock{list-style:none;margin:1.2em 0 .4em;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:stop}
@media (max-width:700px){.fd-clock{grid-template-columns:repeat(2,1fr);gap:10px}}
.fd-clock li{position:relative;padding:14px 12px 10px 14px;border-top:4px solid var(--brand);background:var(--card);border-right:1px solid var(--line)}
.fd-clock li:first-child{border-radius:var(--radius) 0 0 var(--radius)}
.fd-clock li:last-child{border-right:0;border-radius:0 var(--radius) var(--radius) 0}
.fd-clock-w{display:block;font-family:var(--mono);font-size:1.25rem;font-weight:600;color:var(--brand)}
.fd-clock strong{display:block;margin:2px 0 4px}
.fd-clock small{display:block;color:var(--ink-2);line-height:1.4}
.fd-clock-src{font-size:.85rem;color:var(--ink-2)}
.fd-stop{border-left:5px solid var(--stop);background:var(--stop-soft);padding:12px 16px;border-radius:0 var(--radius) var(--radius) 0;margin:0 0 12px}
.fd-stop strong{color:var(--stop)}
/* check console */
.fd-check{display:grid;grid-template-columns:5fr 7fr;gap:24px;background:var(--card);border:1px solid var(--line);border-left:10px solid var(--jamb);border-radius:0 var(--radius) var(--radius) 0;padding:20px}
@media (max-width:860px){.fd-check{grid-template-columns:1fr}}
.fd-check-form label{display:block;font-weight:600;margin:0 0 12px}
.fd-check-form select{display:block;width:100%;margin-top:4px;font:inherit;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);min-height:44px}
.fd-check-lead{font-size:.92rem;color:var(--ink-2)}
.fd-check-out dl{margin:0}
.fd-verdict{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.fd-verdict dt{font-weight:650;font-size:.9rem}
.fd-verdict dd{margin:0}
.fd-verdict small{display:block;font-family:var(--mono);font-size:.74rem;color:var(--ink-2);margin-top:2px}
.fd-verdict:first-child dd{font-family:var(--display);font-size:1.3rem;font-weight:700}
@media (max-width:560px){.fd-verdict{grid-template-columns:1fr;gap:2px}}
.fd-check-static{margin-top:18px}
.fd-check-static summary{cursor:pointer;font-weight:600;min-height:44px;line-height:44px}
/* faq */
.fd-qs{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px}
@media (max-width:760px){.fd-qs{grid-template-columns:1fr}}
.fd-faq-src{font-size:.86rem;color:var(--ink-2);margin:-.2em 0 1.2em}
.fd-q h3{font-size:1.05rem;margin-bottom:.3em}
.fd-q p{color:var(--ink-2)}
/* status + notes helpers */
.fd-status{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;margin:0;padding:0;list-style:none}
@media (max-width:700px){.fd-status{grid-template-columns:1fr}}
.fd-status li{padding:6px 0;border-bottom:1px solid var(--line)}
.fd-status code{background:transparent;padding:0;font-weight:600}
.fd-updates{list-style:none;margin:0;padding:0}
.fd-updates li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
@media (max-width:560px){.fd-updates li{grid-template-columns:1fr;gap:2px}}
.fd-updates time{font-family:var(--mono);font-size:.86rem;color:var(--ink-2)}
.fd-updates strong{display:block}
.fd-updates q{display:block;margin-top:3px;color:var(--ink-2);font-size:.9rem}
.fd-gloss{margin:0}
.fd-gloss dt{font-family:var(--mono);font-weight:600;margin-top:.8em}
.fd-gloss dd{margin:0 0 .3em}
.fd-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
@media (max-width:760px){.fd-two{grid-template-columns:1fr}}
/* footer */
.fd-foot{border-top:1px solid var(--line);background:var(--card);padding:36px 0 30px;font-size:.92rem;color:var(--ink-2)}
.fd-foot-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:30px}
@media (max-width:760px){.fd-foot-grid{grid-template-columns:1fr}}
.fd-foot ul{list-style:none;margin:0;padding:0}
/* Short labels fail the touch-target check on width, not height: "Help" is 44px tall and
   28px wide. min-width is the half everyone forgets. */
.fd-foot li a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:4px 0}
.fd-chan{display:flex;flex-wrap:wrap;gap:4px 20px;margin:.4em 0 0;padding:0;list-style:none}
.fd-chan a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.fd-foot-brand{font-family:var(--display);font-weight:700;color:var(--ink);font-size:1.1rem}
.fd-foot-h{font-weight:650;color:var(--ink)}
.fd-disclose{border-left:4px solid var(--line);padding-left:10px}
.fd-foot-small{font-size:.84rem}
.fd-404{padding:60px 0}
/* Local review: short return link on guide pages. */
.guide-back{padding-top:1.2rem;padding-bottom:1.2rem}.guide-back a{display:inline-flex;min-height:44px;align-items:center}#tool .fd-prose{max-width:70ch}#why .fd-text h3{margin-top:1.5rem}@media(max-width:650px){.fd-fig img{height:auto}}