:root{--paper:#f7f4fc;--surface:#fff;--ink:#24223d;--muted:#625e76;--line:#ddd5ed;--accent:#6840a5;--deep:#241642;--glow:#acdc65;--max:1160px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,.button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:3px solid #e65c9e;outline-offset:4px}button,.button{min-height:46px;border:0;border-radius:9px;padding:10px 18px;font-weight:750;line-height:1.4;display:inline-flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;gap:8px}.primary{background:var(--accent);color:white}.secondary{background:#e4f5bf;color:#203711}.quiet{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.skip{position:fixed;left:10px;top:-90px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}.top{background:var(--deep);color:white;position:relative;z-index:5}.top-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px}.brand{color:white;text-decoration:none;font-weight:850;font-size:21px;letter-spacing:-.025em;display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:12px}.brand small{font-size:12px;display:block;font-weight:500;letter-spacing:.14em;color:#d5cce3}.main-nav{display:flex;gap:18px;align-items:center}.main-nav a{color:white;font-size:14px;text-decoration:none}.menu-toggle{display:none}.container{max-width:var(--max);margin:auto;padding:0 24px}.hero{background:linear-gradient(140deg,#281246 0%,#432868 58%,#24504c 100%);color:white;padding:58px 0 44px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:38px;align-items:center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}.hero h1{font-size:clamp(32px,4.4vw,56px);line-height:1.12;letter-spacing:-.04em;margin:0 0 22px;max-width:750px}.hero p{color:#eee7f8;max-width:65ch}.hero .lead{font-size:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.hero .primary{background:#b7e270;color:#203711}.hero .secondary{background:white;color:#42216e}.hero figure{margin:0;border:1px solid #8d75b8;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #0a07275c;background:#0c1545}.hero img{width:100%;height:auto;display:block;object-fit:contain}.hero figcaption{font-size:11px;line-height:1.5;padding:10px 13px;color:#e2dcf0;background:#24183d}.hero .note{font-size:12px;color:#e0d8ed}.facts-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:13px;margin:28px 0;background:var(--surface)}.facts-strip div{padding:20px;border-right:1px solid var(--line)}.facts-strip div:last-child{border:0}.facts-strip strong{display:block;font-size:23px;line-height:1.4;color:var(--accent)}.facts-strip span{font-size:12px;color:var(--muted)}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;padding:22px 0 60px}.toc{align-self:start;position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto;font-size:13px;border-left:3px solid var(--accent);padding-left:18px}.toc strong{display:block;margin-bottom:10px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0;line-height:1.5}.toc a[aria-current=true]{color:var(--accent);font-weight:750}.content{min-width:0}.chapter{margin:0 0 36px;padding:0 0 30px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.chapter h2{font-size:clamp(24px,3vw,31px);line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}.chapter h3{font-size:21px;line-height:1.4;margin:25px 0 12px}.chapter p{max-width:75ch}.chapter figure{margin:24px 0}.chapter img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.chapter figcaption{font-size:12px;line-height:1.65;color:var(--muted);margin-top:9px}.diagram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.diagram-grid figure{margin:18px 0}.diagram-grid img{max-height:300px;object-fit:contain;background:white}.chapter figure.authentic img{border-color:#b3a9cc}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:9px;margin:25px 0;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:14px;min-width:510px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e8e0f3;color:#2d2242}td:first-child{font-weight:700;min-width:125px}td{min-width:150px}tr:last-child td{border-bottom:0}.callout{padding:22px;background:#ece5f6;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;margin:24px 0}.callout p{margin:0 0 12px}.callout .actions{margin:12px 0 0}.affiliate-note{font-size:12px;color:var(--muted);margin:10px 0}.tools{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:24px 0}.tools h3{margin-top:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fields label{font-size:14px;display:flex;flex-direction:column;gap:7px;min-width:0}input,select{border:1px solid #ada0bf;background:var(--surface);color:var(--ink);border-radius:7px;padding:10px;min-width:0;width:100%;max-width:100%;min-height:46px}.result{padding:13px 16px;border-radius:8px;background:#e4f5bf;color:#203711;margin:16px 0;display:block;min-height:52px}.quiz-card{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.quiz-card legend{font-weight:750;padding:0 5px;line-height:1.5}.quiz-card label{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:15px}.quiz-card input{width:20px;min-height:20px;height:20px;flex:none}.quiz-card fieldset{border:0;margin:0;padding:0}.quiz-card output{display:block;margin-top:12px}.quiz-card output:empty{display:none}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:15px 19px;margin:10px 0}.faq summary{cursor:pointer;font-weight:750;min-height:44px}.faq details p{font-size:15px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.cards a{display:block;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:22px;text-decoration:none;font-size:17px;font-weight:750}.topic-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px}.topic-card h3{margin:0 0 10px;font-size:19px}.topic-card p{font-size:13px;color:var(--muted)}.cards .topic-card a{font-size:14px;padding:10px 16px;display:inline-flex}.cards small{display:block;color:var(--muted);font-size:13px;font-weight:450;margin-top:9px}.breadcrumb{padding-top:24px;font-size:12px;color:var(--muted)}.article-head{padding:30px 0}.article-head h1{font-size:clamp(31px,4.5vw,49px);line-height:1.15;max-width:950px;letter-spacing:-.035em}.article-page{max-width:850px;padding-bottom:50px}.article-page .chapter{margin-bottom:28px}.article-page>.intro{font-size:19px;color:var(--muted);margin-bottom:30px}.site-footer{background:var(--deep);color:#e9e2f4;padding:43px 0 100px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.site-footer a{color:white}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.site-footer p{font-size:12px;max-width:70ch}.catfish{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto 46px;align-items:center;gap:14px;background:#231642;color:white;box-shadow:0 10px 40px #0005;border:1px solid #8c70ad;border-radius:13px;padding:13px 12px 13px 20px;z-index:12}.catfish[hidden]{display:none!important}.catfish p{margin:0;font-size:12px;line-height:1.5}.catfish strong{display:block;font-size:15px}.catfish .primary{background:#b7e270;color:#203711}.catfish .close{min-width:44px;min-height:44px;padding:8px;background:transparent;color:white;font-size:22px}.demo-dialog{width:min(1180px,100vw);height:min(880px,100dvh);padding:0;border:0;border-radius:14px;background:#080c28;color:white;max-width:100vw;max-height:100dvh;overflow:hidden}.demo-dialog::backdrop{background:#060820df}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#21173c;min-height:65px}.demo-bar div{font-size:12px;line-height:1.4}.demo-bar strong{display:block;font-size:15px}.demo-bar .close{background:white;color:#25133f;min-width:70px}.frame-slot{width:100%;height:calc(100% - 125px);background:#070c27}.frame-slot iframe{border:0;width:100%;height:100%;display:block}.demo-bottom{font-size:11px;line-height:1.5;padding:6px 12px;display:flex;justify-content:space-between;gap:12px;min-height:60px}.demo-bottom a{color:#d8f2a8}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{padding:20px;border:1px solid var(--line);background:var(--surface)}
.native-diagram{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}.diagram-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style-position:inside;margin:0;padding:0}.diagram-steps li{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:13px;min-height:62px;font-size:15px;line-height:1.5;overflow-wrap:break-word}.diagram-steps li::marker{color:var(--accent);font-weight:850}.native-diagram figcaption{font-size:12px}.variant-b .native-diagram{background:#102f40}.variant-b .diagram-steps li{background:#143b4c}@media(max-width:680px){.diagram-steps{grid-template-columns:1fr}.diagram-steps li{font-size:16px;min-height:50px;padding:11px 13px}}
/* Tarmac: a separate comparison canvas and centered editorial flow. */
body.variant-b{--paper:#081c2a;--surface:#102f40;--ink:#edf7fa;--muted:#b0c8d1;--line:#335667;--accent:#92e3cf;--deep:#06131e;color-scheme:dark} .variant-b .top-inner{padding-top:23px;padding-bottom:23px}.variant-b .brand small{color:#a2ccce}.variant-b .hero{background:radial-gradient(ellipse at 10% 0%,#294f54 0%,#0d2d40 45%,#081b2b 100%);padding-top:55px}.variant-b .hero-grid{grid-template-columns:1.2fr 1fr;align-items:start}.variant-b .hero h1{font-family:Georgia,serif;letter-spacing:-.025em;font-weight:500;font-size:clamp(35px,4.5vw,60px)}.variant-b .hero figure{border-radius:3px;border-color:#4a8684;transform:rotate(1deg);box-shadow:15px 15px 0 #92e3cf16}.variant-b .hero figcaption{background:#102f40;color:#c2dce4}.variant-b .hero p{color:#d5e6ed}.variant-b .hero .primary,.variant-b .primary{background:#92e3cf;color:#092d32}.variant-b .hero .secondary{background:#eab46b;color:#38230c}.variant-b .layout{display:block;max-width:950px;margin:auto}.variant-b .toc{position:static;display:flex;flex-wrap:wrap;gap:5px 17px;max-height:none;border:1px solid var(--line);border-radius:3px;padding:16px 20px;margin-bottom:36px;font-size:12px}.variant-b .toc strong{width:100%}.variant-b .toc a{max-width:230px;padding:4px 0}.variant-b .chapter{padding:28px;background:#0e2939;border:1px solid var(--line);border-radius:3px;margin-bottom:25px}.variant-b .chapter h2{font-family:Georgia,serif;font-weight:500;font-size:29px;color:#b9f0df}.variant-b .facts-strip{border-radius:3px}.variant-b .facts-strip strong{font-family:Georgia,serif;font-weight:500}.variant-b .callout{background:#153b46;border-color:#92e3cf}.variant-b th{background:#1d4757;color:#eaf7fa}.variant-b .diagram-grid img{border:0}.variant-b .result{background:#d9f1c9;color:#183216}.variant-b .catfish{background:#102f40;border-color:#92e3cf;border-radius:3px}.variant-b .catfish .primary{background:#92e3cf;color:#092d32}.variant-b .quiet{background:#214455;color:#eef8fa}.variant-b .article-head h1{font-family:Georgia,serif;font-weight:500}.variant-b .article-page{max-width:920px}.variant-b .chapter a{color:#a7ead7}.variant-b .demo-dialog{background:#081c2a}.variant-b .demo-bar{background:#102f40}.variant-b .no-script{color:#edf7fa}
@media(max-width:850px){.layout{grid-template-columns:180px minmax(0,1fr);gap:25px}.top-inner{gap:12px}.main-nav{gap:10px}.main-nav a{font-size:12px}.hero-grid{gap:24px}.hero{padding-top:40px}.variant-b .hero-grid{grid-template-columns:1fr 1fr}.variant-b .hero h1{font-size:39px}}
@media(max-width:680px){body{font-size:16px}.container{padding:0 18px}.top-inner{padding:13px 18px;flex-wrap:wrap}.brand{font-size:18px}.brand small{font-size:10px}.menu-toggle{display:inline-flex;background:#ffffff15;color:white;border:1px solid #8a7b9b;min-height:44px;padding:8px 12px;font-size:13px}.main-nav{width:100%;display:flex;flex-wrap:wrap;gap:15px;padding:12px 0 2px}.js .main-nav:not(.is-open){display:none}.hero,.variant-b .hero{padding:30px 0}.hero-grid,.variant-b .hero-grid{display:flex;flex-direction:column;gap:20px}.hero h1,.variant-b .hero h1{font-size:35px;line-height:1.12}.hero .lead{font-size:16px}.hero figure,.variant-b .hero figure{width:100%;transform:none}.hero .actions{margin-bottom:12px}.hero figcaption{font-size:10px}.facts-strip{grid-template-columns:repeat(2,1fr);margin:18px 0}.facts-strip div{padding:14px}.facts-strip div:nth-child(2){border-right:0}.facts-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.facts-strip strong{font-size:21px}.layout{display:block;padding-top:10px}.toc{position:static;max-height:none;font-size:13px;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:4px 15px;padding:14px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px}.toc strong{width:100%}.toc a{max-width:100%;padding:4px 0}.toc a{min-height:44px;display:flex;align-items:center}.chapter h2{font-size:25px}.chapter h3{font-size:20px}.diagram-grid{gap:12px}.diagram-grid img{max-height:230px}.chapter figure{margin:20px 0}.cards,.fields{grid-template-columns:1fr}.tools{padding:18px}.callout{padding:18px}.quiz-card{padding:16px}.footer-grid{grid-template-columns:1fr}.catfish{grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;padding:10px 8px 10px 12px;bottom:10px}.catfish p{font-size:10px}.catfish strong{font-size:12px}.catfish .primary{font-size:12px;padding:10px;min-height:44px}.catfish .close{padding:8px}.demo-dialog{width:100vw;height:100dvh;border-radius:0}.demo-bar{padding:8px;min-height:70px}.demo-bar strong{font-size:13px}.demo-bar div{font-size:10px}.demo-bar .close{min-width:62px;font-size:12px}.demo-bottom{font-size:10px;padding:7px 8px;min-height:68px}.frame-slot{height:calc(100% - 138px)}.variant-b .chapter{padding:20px 16px}.variant-b .chapter h2{font-size:26px}.variant-b .toc{gap:4px 12px;padding:15px}.article-head h1{font-size:33px}.variant-b .top-inner{padding:15px 18px}.article-head{padding-top:20px}.site-footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}