:root{--ink:#102a2f;--muted:#5d7175;--line:#d6e4e5;--bg:#f5fbfa;--card:#fff;--aqua:#0a8e96;--deep:#075e65;--mint:#dff6f2;--amber:#ffcf66;--danger:#a13f32;--shadow:0 16px 45px #1640441a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,100% - 36px);margin:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f5fbfaeb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;min-height:74px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:850;display:flex}.brand small{letter-spacing:.16em;color:var(--aqua);font-size:10px;display:block}.drop{background:var(--mint);width:34px;height:34px;color:var(--aqua);border-radius:50%;place-items:center;display:grid}nav{gap:22px;font-size:14px;font-weight:700;display:flex}nav a:hover{color:var(--aqua)}nav a.active{color:var(--deep);background:var(--mint);border-radius:9px;margin:-7px -10px;padding:7px 10px}main{min-height:70vh}.hero{background:radial-gradient(circle at 75% 20%,#d7f8f3 0,#d7f8f300 36%),linear-gradient(#f8fdfc,#eef8f7);padding:76px 0 54px}.hero-grid{grid-template-columns:1.16fr .84fr;align-items:center;gap:48px;display:grid}.eyebrow{letter-spacing:.14em;color:var(--aqua);text-transform:uppercase;font-size:12px;font-weight:900}.hero h1,.page-title{letter-spacing:-.055em;margin:12px 0 20px;font-size:clamp(42px,6vw,72px);line-height:.98}.hero p{color:var(--muted);max-width:720px;font-size:20px}.hero-card{color:#e7fbf7;box-shadow:var(--shadow);background:#082f34;border-radius:26px;padding:30px}.hero-card h3{margin:4px 0 10px;font-size:25px}.hero-card .truth{border-top:1px solid #ffffff26;gap:12px;padding:16px 0;display:flex}.truth:first-of-type{margin-top:18px}.truth b{color:#98eee1}.button{background:var(--aqua);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px 17px;font-weight:850;display:inline-flex;box-shadow:0 8px 20px #0a8e962e}.button.secondary{color:var(--deep);border:1px solid var(--line);box-shadow:none;background:#fff}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.section{padding:62px 0}.section h2{letter-spacing:-.035em;margin:0 0 8px;font-size:34px}.lead{color:var(--muted);max-width:760px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 8px 25px #1446460a}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card h3{margin:6px 0 8px;font-size:20px}.card p{color:var(--muted);margin:0}.card-link{border-radius:20px;position:absolute;inset:0}.card-link:after{content:none}.meta{text-transform:uppercase;color:var(--aqua);letter-spacing:.08em;font-size:12px;font-weight:900}.finder{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:34px;scroll-margin-top:92px}.finder h2{margin:5px 0;font-size:36px}.finder-copy{max-width:760px;color:var(--muted)}.finder-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.finder label{font-size:13px;font-weight:850}.finder select{width:100%;font:inherit;color:var(--ink);background:#fbfefe;border:1px solid #bfd4d5;border-radius:11px;margin-top:7px;padding:13px}.finder-result{background:var(--mint);border-radius:16px;margin-top:18px;padding:18px 20px}.finder-result>div{align-items:center;gap:10px;display:flex}.pill{text-transform:uppercase;color:var(--deep);background:#fff;border:1px solid #cce3df;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.page-head{padding:58px 0 30px}.page-head .page-title{font-size:clamp(40px,5vw,64px)}.crumbs{color:var(--muted);margin-bottom:14px;font-size:13px}.content-layout{grid-template-columns:minmax(0,760px) 300px;align-items:start;gap:34px;display:grid}.article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:34px}.article h2{margin-top:36px;font-size:28px;line-height:1.15}.answer-box{border-left:5px solid var(--aqua);background:#e9faf7;border-radius:12px;padding:20px}.steps{counter-reset:step;padding:0;list-style:none}.steps li{counter-increment:step;border-bottom:1px solid #e7eeee;padding:14px 0 14px 48px;position:relative}.steps li:before{content:counter(step);color:#fff;background:#0f646b;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;top:12px;left:0}.warning{background:#fff4e0;border:1px solid #f1d19a;border-radius:12px;padding:18px}.source-list a{color:var(--deep);margin:9px 0;font-weight:750;display:block}.side{position:sticky;top:96px}.side-box{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:15px;padding:19px}.side-box h3{margin:0 0 8px}.side-box a{color:var(--deep);padding:7px 0;font-weight:700;display:block}.compare-strip{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.compare{border:1px solid var(--line);border-radius:16px;padding:18px}.compare.good{background:#effbf5}.compare.attn{background:#fff7e8}.list-table{gap:10px;margin-top:24px;display:grid}.row{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1.2fr .8fr 1.5fr;gap:15px;padding:15px;display:grid;position:relative}.row:hover{background:#fbfffe;border-color:#a9d2d0}.row strong{font-size:15px}.row span{color:var(--muted);font-size:14px}footer{color:#d4eeeb;background:#082f34;margin-top:70px;padding:44px 0}.footer-grid{grid-template-columns:1.2fr .7fr 1fr;gap:40px;display:grid}.footer-grid p{color:#a9cdca}.footer-grid a{padding:5px 0;display:block}@media (max-width:820px){.header-inner{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0 10px}.brand{justify-content:center}nav{white-space:nowrap;scrollbar-width:none;gap:16px;width:100%;padding:7px 4px 9px;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}.hero-grid,.content-layout,.finder-grid,.grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:48px}.hero-card{order:-1}.side{position:static}.row,.compare-strip{grid-template-columns:1fr}.article,.finder{padding:24px}}.compact-top{padding-top:24px}.trust-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.trust-row span{color:var(--deep);border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.proof-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.proof-grid>div{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.proof-grid strong{background:var(--mint);width:30px;height:30px;color:var(--deep);border-radius:50%;place-items:center;display:grid}.proof-grid span{font-size:13px;font-weight:750}.stats-band{color:#e7fbf7;background:#082f34;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:1px;padding:24px;display:grid}.stats-band>div{border-right:1px solid #ffffff1f;padding:14px 20px}.stats-band>div:last-child{border-right:0}.stats-band span{color:#a9cdca;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:850;display:block}.stats-band strong{letter-spacing:-.03em;margin-top:5px;font-size:28px;display:block}.quick-search{margin-top:24px;position:relative}.quick-search label,.library-controls label{font-size:13px;font-weight:850;display:block}.quick-search input,.library-controls input,.library-controls select{width:100%;font:inherit;color:var(--ink);background:#fbfefe;border:1px solid #bfd4d5;border-radius:11px;margin-top:7px;padding:13px}.quick-results{z-index:8;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;max-height:360px;padding:8px;position:absolute;top:72px;left:0;right:0;overflow:auto}.quick-result{border-radius:9px;justify-content:space-between;gap:16px;padding:11px 12px;display:flex}.quick-result:hover{background:var(--mint)}.quick-result strong{font-size:14px}.quick-result span{color:var(--muted);text-align:right;font-size:12px}.quick-empty{color:var(--muted);padding:12px;font-size:13px}.finder-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin:24px 0 0;font-size:11px;font-weight:850;display:flex}.finder-divider:before,.finder-divider:after{content:"";background:var(--line);flex:1;height:1px}.finder-result-head{align-items:center;gap:10px;display:flex}.text-link{color:var(--deep);font-weight:800}.library-controls{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:1.5fr .75fr .9fr;gap:14px;padding:18px;display:grid}.library-count{color:var(--muted);margin:14px 2px 0;font-size:13px}.fact-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 4px;display:grid}.fact-grid>div{border:1px solid var(--line);background:#f8fbfb;border-radius:12px;padding:12px}.fact-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:850;display:block}.fact-grid strong{margin-top:3px;font-size:14px;display:block}.source-kind{background:var(--mint);color:var(--deep);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;margin-right:7px;padding:2px 6px;font-size:9px;font-weight:900;display:inline-flex}.review-note{color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:12px}.mini-links{gap:9px;display:grid}.mini-links a{border:1px solid var(--line);border-radius:12px;grid-template-columns:150px 1fr;gap:12px;padding:12px;display:grid}.mini-links a:hover{background:#f8fbfb}.mini-links span{color:var(--muted);font-size:13px}.trust-box{background:#f7fffd}.section-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.count-badge{white-space:nowrap;background:var(--mint);color:var(--deep);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.model-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:820px){.proof-grid,.stats-band,.library-controls,.fact-grid,.model-grid{grid-template-columns:1fr}.stats-band>div{border-bottom:1px solid #ffffff1f;border-right:0}.stats-band>div:last-child{border-bottom:0}.quick-result{display:block}.quick-result span{text-align:left;margin-top:3px;display:block}.mini-links a{grid-template-columns:1fr}.section-title-row{display:block}.count-badge{margin-top:8px;display:inline-flex}}.problem-table{gap:14px;margin-top:18px;display:grid}.problem-row{border:1px solid var(--line);background:var(--card);border-radius:18px;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);gap:22px;padding:20px;display:grid}.problem-row:hover{border-color:#a9d2d0;box-shadow:0 8px 24px #1446460f}.problem-row h2,.problem-row h3{margin:5px 0 8px}.problem-row p{margin:0 0 9px}.problem-row a{font-weight:800}.problem-row .source-kind{display:inline-flex}@media (max-width:760px){.problem-row{grid-template-columns:1fr;gap:10px}}.mist-checker{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:30px}.mist-checker h2{margin:5px 0;font-size:34px}.mist-checker select{width:100%;font:inherit;color:var(--ink);background:#fbfefe;border:1px solid #bfd4d5;border-radius:11px;margin-top:7px;padding:13px}.mist-checker select:disabled{opacity:.55}.mist-verdict{border:1px solid var(--line);border-radius:16px;margin-top:20px;padding:20px}.mist-verdict.expected{background:#fff8e9}.mist-verdict.invisible{background:#e9faf7}.mist-verdict>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mist-verdict strong{font-size:20px}.mist-verdict p{color:var(--muted);margin-bottom:0}.mist-checker label{font-size:13px;font-weight:850}.mist-checker .finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}@media (max-width:820px){.mist-checker .finder-grid{grid-template-columns:1fr}}.code-decoder{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:30px}.code-decoder h2{margin:5px 0;font-size:34px}.code-decoder label{font-size:13px;font-weight:850}.code-decoder select{width:100%;font:inherit;color:var(--ink);background:#fbfefe;border:1px solid #bfd4d5;border-radius:11px;margin-top:7px;padding:13px}.code-decoder select:disabled{opacity:.55}.code-verdict{border:1px solid var(--line);background:#fff8e9;border-radius:16px;margin-top:20px;padding:20px}.code-verdict>div{flex-wrap:wrap;gap:8px;display:flex}.code-verdict h3{margin:12px 0 5px;font-size:22px}.code-verdict p{color:var(--muted);max-width:800px}@media (max-width:1080px) and (min-width:821px){.header-inner{flex-direction:column;align-items:stretch;gap:8px;padding:10px 0}.brand{justify-content:center}nav{white-space:nowrap;scrollbar-width:none;justify-content:flex-start;gap:16px;width:100%;padding:7px 4px 9px;overflow-x:auto}nav::-webkit-scrollbar{display:none}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #0a8e96}.card:has(.card-link:focus-visible){outline-offset:3px;outline:3px solid #0a8e96}.problem-row:focus-visible,.row:focus-visible,.mini-links a:focus-visible{outline-offset:3px;outline:3px solid #0a8e96}@media (max-width:820px){.finder{scroll-margin-top:145px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.guide-hero{margin:0 0 22px}.guide-hero img{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);background:#edf5f4;border-radius:16px;width:100%;height:auto;display:block}.guide-hero figcaption{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.5}.guide-card{overflow:hidden}.card-thumb{border-bottom:1px solid var(--line);background:#edf5f4;margin:-22px -22px 18px}.card-thumb img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.row-with-thumb{grid-template-columns:110px 1.2fr .8fr 1.5fr;align-items:center}.row-thumb{object-fit:cover;border:1px solid var(--line);background:#edf5f4;border-radius:9px;width:110px;height:74px;display:block}@media (max-width:820px){.row-with-thumb{grid-template-columns:1fr}.row-with-thumb .row-thumb{aspect-ratio:3/2;width:100%;height:auto}}.region-principles{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.region-principles>div{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.region-principles strong{background:var(--mint);min-width:30px;height:30px;color:var(--deep);border-radius:50%;place-items:center;display:grid}.region-principles span{font-size:13px;font-weight:750}.region-grid{grid-template-columns:repeat(2,1fr)}.region-rule{color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:13px}.region-roadmap{margin-top:26px}.region-guides-head{margin-top:42px}.locale-switch{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.locale-switch a{border:1px solid var(--line);color:var(--deep);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;display:inline-flex}.locale-switch a:hover,.locale-switch a.active{background:var(--mint);border-color:#9acbc7}.region-diff{background:#fff8e9;border-color:#ead6a2}@media (max-width:820px){.region-principles,.region-grid{grid-template-columns:1fr}}.diagnostic-preflight{border:1px solid var(--line);background:#f8fbfb;border-radius:14px;margin:18px 0;padding:18px}.diagnostic-preflight ul,.deep-list{margin:10px 0 0;padding-left:20px}.diagnostic-preflight li,.deep-list li{margin:7px 0}.decision-list{gap:12px;margin:18px 0;display:grid}.decision-card{border:1px solid var(--line);background:#fbfefe;border-radius:15px;padding:18px}.decision-card h3{margin:4px 0 9px;font-size:18px;line-height:1.3}.decision-card p{margin:7px 0}.decision-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--aqua);font-size:10px;font-weight:900}.resolution-box{margin-top:24px}.locale-switch .locale-label{color:var(--muted);align-items:center;padding-right:2px;font-size:12px;font-weight:850;display:inline-flex}.master-diagnostic{border-top:1px solid var(--line);margin:28px 0 34px;padding-top:28px}.master-diagnostic h2{margin-top:8px}.master-question{color:#e7fbf7;background:#082f34;border-radius:14px;grid-template-columns:130px 1fr;align-items:start;gap:14px;margin:18px 0;padding:16px 18px;display:grid}.master-question strong{text-transform:uppercase;letter-spacing:.08em;color:#98eee1;font-size:11px}.master-rule-grid{gap:12px;display:grid}.master-rule{border:1px solid var(--line);background:#fbfefe;border-radius:15px;padding:18px}.master-rule>span{background:var(--mint);color:var(--deep);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.master-rule h3{margin:9px 0;font-size:18px;line-height:1.3}.master-rule p{margin:7px 0}.master-rule .avoid{color:#6f4a30}.master-finish{margin-top:16px}@media (max-width:820px){.master-question{grid-template-columns:1fr}}.finder-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.technology-note{background:#f8fffd;border:1px solid #cce3df;border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.technology-note strong{text-transform:uppercase;letter-spacing:.08em;min-width:92px;color:var(--deep);font-size:10px}.technology-note span{color:var(--muted);font-size:13px}.finder-result-actions{flex-wrap:wrap;align-items:center!important;gap:16px!important;display:flex!important}.finder-result-actions .text-link{padding:8px 0}@media (max-width:1000px){.finder-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.finder-grid-four{grid-template-columns:1fr}.technology-note{display:grid}}.policy-article{max-width:850px;margin:auto}.policy-article code{border:1px solid var(--line);background:#eef5f4;border-radius:6px;padding:2px 5px;font-size:.9em}@media (max-width:820px){nav a,.footer-grid a,.locale-switch a,.side-box a,.button{align-items:center;min-height:48px;display:flex}nav a{padding:10px 8px}nav a.active{margin:0;padding:10px 12px}.footer-grid a{padding:10px 0}.locale-switch a{padding:10px 12px}.mini-links a{min-height:48px}.article,.card,.finder,.mist-checker,.code-decoder{overflow-wrap:anywhere}}
