:root{--canvas:#f4f6f3;--surface:#fff;--ink:#202923;--muted:#57645c;--line:#d5ddd6;--accent:#c74937;--accent-ink:#fff;--secondary:#b8efcb;--secondary-ink:#183728;--soft:#e5ede6;--shadow:0 8px 24px #20292312;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.65 var(--font);letter-spacing:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}input,select,textarea,button{font:inherit}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:48px;line-height:1.12;max-width:820px;margin-bottom:26px}h2{font-size:30px;line-height:1.25;margin-bottom:24px}h3{font-size:22px;line-height:1.3}p{margin-bottom:23px}header{background:var(--ink);color:var(--surface);border-bottom:5px solid var(--secondary)}.nav{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 30px}.wordmark{font-weight:800;font-size:24px;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--secondary)}nav{display:flex;gap:25px;font-size:14px;font-weight:700}nav a{text-decoration:none}.menu{display:none;background:none;color:inherit;border:1px solid var(--muted);width:44px;height:44px}.menu svg{width:24px;height:24px;vertical-align:middle}.container{max-width:1260px;margin:auto;padding:0 30px}.masthead{padding:42px 0 26px;border-bottom:1px solid var(--line)}.crumb{font-size:13px;color:var(--muted);margin-bottom:28px;display:flex;gap:12px;flex-wrap:wrap}.edition{font-size:12px;text-transform:uppercase;font-weight:700;margin-bottom:15px;color:var(--muted)}.intro{font-size:20px;max-width:810px;line-height:1.6}.share{display:flex;gap:12px;align-items:center;margin:22px 0;flex-wrap:wrap}.icon-button,.share a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);background:var(--surface);text-decoration:none;border-radius:4px;color:var(--ink);cursor:pointer}.icon-button svg,.share svg{width:19px;height:19px}.share small{color:var(--muted);font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:46px;padding:32px 0 50px}.content-grid>*{min-width:0}.article-section{padding:36px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.article-section p{max-width:75ch}.toc{position:sticky;top:80px;border-left:3px solid var(--ink);padding:15px 0 15px 20px;align-self:start;font-size:13px}.toc h2{font-size:16px}.toc a{display:block;padding:9px 0;text-decoration:none;color:var(--muted);line-height:1.45}.toc a[aria-current=true]{color:var(--accent);font-weight:700}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.operator{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px;min-width:0}.operator-head{display:flex;align-items:center;gap:15px;min-height:56px;margin-bottom:20px}.operator h3{margin:0;font-size:23px}.logo{width:95px;max-height:50px;object-fit:contain}.operator dl{margin:18px 0}.operator dl>div{padding:9px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:14px}.operator dt{color:var(--muted)}.operator dd{margin:0;text-align:right;font-weight:700}.operator p{font-size:15px}.source{font-size:12px;color:var(--muted)}.action{display:inline-flex;justify-content:center;gap:10px;align-items:center;min-height:45px;padding:8px 20px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:4px;text-decoration:none;font-weight:700;cursor:pointer}.action[aria-disabled=true]{background:var(--soft);color:var(--muted);cursor:default}.comparison{border-collapse:collapse;width:100%;font-size:14px;margin:24px 0}.comparison th{text-align:left;background:var(--ink);color:var(--surface);padding:14px}.comparison td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}.comparison td a{display:block;font-size:12px;margin-top:5px;color:var(--muted)}.tool{background:var(--soft);border-left:5px solid var(--secondary-ink);padding:26px}.tool h3{margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields label{display:flex;flex-direction:column;gap:7px;font-size:14px}.fields input,.fields select,.fields textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:3px;padding:10px;background:var(--surface);color:var(--ink)}.fields textarea{min-height:100px}.result{margin-top:20px;font-size:26px;font-weight:700;min-height:46px}.tool .hint{font-size:13px;color:var(--muted);margin:14px 0 0}.steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:15px}.steps li{counter-increment:step;display:flex;align-items:flex-start;gap:15px}.steps li:before{content:counter(step,decimal-leading-zero);font-weight:800;color:var(--accent);font-size:23px}.checklist{list-style:none;padding:0}.checklist li{border-bottom:1px solid var(--line);padding:13px 0}.checklist label{display:flex;gap:12px;align-items:flex-start}.checklist input{width:19px;height:19px;flex:0 0 19px;margin-top:4px;accent-color:var(--accent)}.diagram{margin:25px 0}.diagram img{width:720px;border:1px solid var(--line)}.diagram figcaption{font-size:13px;color:var(--muted);margin-top:10px}.case{border-left:4px solid var(--accent);padding-left:22px;margin:25px 0}.faq summary{font-size:22px;font-weight:700;cursor:pointer;line-height:1.4}.faq details{border-top:2px solid var(--ink);padding-top:24px}.faq details>div{padding-top:25px}.author{padding:30px 0;display:flex;align-items:center;gap:20px}.author img{width:80px;height:80px;object-fit:cover;border-radius:50%}.author h2{font-size:20px;margin-bottom:7px}.author p{margin:0;font-size:14px;color:var(--muted)}footer{background:var(--ink);color:var(--surface);padding:38px 0;font-size:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:25px}footer p{max-width:85ch;color:var(--line)}.back-top{margin-top:12px;background:var(--secondary);color:var(--secondary-ink);border:0;width:44px;height:44px;cursor:pointer}.layout-P3 .masthead{border-bottom:4px solid var(--accent)}.layout-P6 .steps{border-left:1px solid var(--line);padding-left:18px}.layout-P4 .intro{border-left:4px solid var(--accent);padding-left:22px}.status-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.status-buttons button{border:1px solid var(--line);background:var(--surface);padding:9px 12px;color:var(--ink);cursor:pointer}.status-buttons button[aria-pressed=true]{background:var(--secondary);border-color:var(--secondary-ink)}.log-table{font-size:13px;overflow-wrap:anywhere}.muted{color:var(--muted)}
@media(max-width:1023px){.content-grid{grid-template-columns:1fr;gap:0}.toc{display:none}h1{font-size:40px}.nav{flex-wrap:wrap}.menu{display:block}nav{display:none;width:100%;flex-direction:column;gap:0}nav a{padding:13px 0;border-top:1px solid var(--muted)}nav.is-open{display:flex}}
@media(max-width:600px){body{font-size:16px}.container{padding:0 20px}.nav{padding:18px 20px}.wordmark{font-size:21px}.masthead{padding-top:26px}h1{font-size:34px;overflow-wrap:anywhere}h2{font-size:26px}.intro{font-size:18px}.cards{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.tool{padding:20px}.comparison thead{display:none}.comparison tr{display:block;margin-bottom:20px;border:1px solid var(--line);background:var(--surface)}.comparison td{display:flex;justify-content:space-between;gap:15px;text-align:right;overflow-wrap:anywhere}.comparison td:before{content:attr(data-label);text-align:left;color:var(--muted);flex:0 0 40%;font-weight:700}.article-section{padding:28px 0}.author{align-items:flex-start}.author img{width:60px;height:60px}}
.lobby{margin:30px 0}.lobby img{width:100%;height:auto}.lobby figcaption{font-size:13px;color:var(--muted);padding:10px 0}.official-quote{margin:30px 0;padding:24px 0 24px 24px;border-left:4px solid var(--accent)}.official-quote cite{font-size:14px}.back-top svg{width:24px;height:24px}.operator dd{overflow-wrap:anywhere;min-width:0}.comparison{table-layout:fixed}.comparison td{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* v2 editorial blocks (EE: field-notebook look, square corners, mint + brick) */
.top3{padding:30px 0 10px}.top3>p{max-width:760px}.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pick{position:relative;background:var(--surface);border:2px solid var(--ink);padding:22px 18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:6px 6px 0 var(--secondary)}
.pick-1{box-shadow:6px 6px 0 var(--accent)}.pick-rank{position:absolute;top:-14px;left:16px;background:var(--ink);color:var(--surface);font-weight:800;padding:2px 12px;font-size:15px}
.pick-logo{height:64px;display:flex;align-items:center}.pick-logo img{max-height:56px;width:auto;max-width:170px;object-fit:contain}
.pick h3{margin:0;font-size:21px}.pick-bonus{font-weight:800;font-size:18px;color:var(--accent);margin:0}
.pick-facts{list-style:none;margin:0;padding:0;font-size:14px}.pick-facts li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:6px 0}.pick-facts span{color:var(--muted)}.pick-facts b{text-align:right}
.pick-note{font-size:15px;margin:0;flex:1}
.play{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 22px;background:var(--accent);color:var(--accent-ink);font-weight:800;text-decoration:none;border:0;white-space:nowrap}
.play:hover{filter:brightness(.92)}
.table-wrap{overflow-x:auto}.comparison.big td{vertical-align:middle}.comparison.big .cas{display:flex;align-items:center;gap:10px}.tlogo{width:64px;height:32px;object-fit:contain;background:var(--soft);padding:3px}
.comparison.big .play{min-height:40px;padding:8px 14px;font-size:14px}.blocked{font-size:13px;color:var(--accent);font-weight:700}
.box{padding:16px 20px;margin:22px 0;border-left:6px solid}.box.tip{background:var(--secondary);border-color:var(--secondary-ink);color:var(--secondary-ink)}.box.warn{background:#fff4e8;border-color:var(--accent)}
.footnote{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.mini{border-collapse:collapse;width:100%;font-size:15px;margin:20px 0}.mini th{background:var(--soft);text-align:left;padding:10px}.mini td{border-bottom:1px solid var(--line);padding:10px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.ba>div{padding:16px;border:1px solid var(--line);background:var(--surface)}.ba-after{border-color:var(--secondary-ink)!important}.ba p{margin:8px 0 0}
.numbered{counter-reset:n;list-style:none;padding:0;margin:20px 0}.numbered li{counter-increment:n;position:relative;padding:4px 0 14px 52px}.numbered li:before{content:counter(n);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:800}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}.stat{background:var(--ink);color:var(--surface);padding:16px}.stat b{display:block;font-size:26px;color:var(--secondary)}.stat span{font-size:14px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.pc>div{padding:16px;background:var(--surface);border-top:4px solid var(--secondary-ink)}.pc-cons{border-top-color:var(--accent)!important}.pc ul{margin:8px 0 0;padding-left:20px}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--soft);border:2px dashed var(--ink);padding:18px 20px;margin:26px 0}.cta-box p{margin:0;font-weight:700}
.example{background:var(--surface);border:1px solid var(--line);padding:16px 20px;margin:22px 0}.example p{margin:8px 0 0}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-weight:800;cursor:pointer}.closing .play{margin:6px 0 20px}
@media(max-width:1023px){.picks{grid-template-columns:1fr}}
@media(max-width:600px){.ba,.pc{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:stretch}.comparison.big td .play{width:100%}.mini thead{display:none}.mini tr{display:block;border:1px solid var(--line);margin-bottom:10px}.mini td{display:flex;justify-content:space-between;gap:10px}.mini td:before{content:attr(data-label);font-weight:700;color:var(--muted)}}

/* v2 bright/bold palette (EE: night-club navy, neon lime, hot pink) */
:root{--canvas:#0f1630;--surface:#18214a;--ink:#f3f5ff;--muted:#aab3dd;--line:#2c3770;--accent:#ff2e88;--accent-ink:#fff;--secondary:#c6ff3d;--secondary-ink:#0f1630;--soft:#1f2a5c;--shadow:0 10px 30px #00000055}
header{background:#0a0f24;border-bottom:4px solid var(--secondary)}.wordmark span{color:var(--secondary)}
.masthead h1{font-size:54px;font-weight:900;background:linear-gradient(90deg,var(--secondary),#3df5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pick{background:var(--surface);border-color:var(--secondary);box-shadow:6px 6px 0 var(--accent)}.pick-1{border-color:var(--accent);box-shadow:6px 6px 0 var(--secondary)}.pick-rank{background:var(--secondary);color:var(--secondary-ink)}
.pick-bonus{color:var(--secondary)}.play{background:linear-gradient(90deg,var(--accent),#ff6a3d);box-shadow:0 6px 18px #ff2e8855}
.comparison th{background:#0a0f24;color:var(--secondary)}.comparison td{border-bottom-color:var(--line)}.tlogo{background:#fff}
.pick-logo img{background:#fff;padding:6px;border-radius:4px}
.box.warn{background:#3a1430;color:#ffd3e6}.box.tip{background:#24361a;color:#e4ffb0;border-color:var(--secondary)}
.stat{background:linear-gradient(135deg,#1f2a5c,#2a1650)}.stat b{color:var(--secondary)}
.cta-box{background:linear-gradient(90deg,#2a1650,#18214a);border-color:var(--secondary)}
.ba>div,.pc>div,.example{background:var(--surface);border-color:var(--line)}
footer{background:#0a0f24}.toc a{color:var(--muted)}blockquote,.official-quote{border-left:4px solid var(--accent)}
.mini th{background:#0a0f24;color:var(--secondary)}
@media(max-width:600px){.masthead h1{font-size:36px}}
.author-quote{margin:26px 0;padding:18px 22px;border-left:6px solid var(--secondary);background:var(--soft);font-size:19px;font-weight:700}.author-quote p{margin:0 0 8px}.author-quote cite{font-size:14px;color:var(--muted);font-style:normal}
.comparison.big{table-layout:auto;min-width:880px}.comparison.big td,.comparison.big th{overflow-wrap:normal;word-break:normal}.comparison.big .cas b{white-space:nowrap}
.share a,.icon-button{background:var(--surface);color:var(--ink);border-color:var(--line)}
@media(max-width:600px){.comparison.big{min-width:0}.comparison.big .cas b{white-space:normal}}
.comparison.big .cas b{white-space:normal}.comparison.big td:nth-child(2){min-width:190px}.comparison.big td:nth-child(3){min-width:150px;font-weight:700}.comparison.big td:last-child{white-space:nowrap}
@media(max-width:600px){.comparison.big td:first-child{display:none}.comparison.big td:nth-child(2){min-width:0;justify-content:flex-start;background:var(--soft)}.comparison.big td:nth-child(2):before,.comparison.big td:last-child:before{display:none}.comparison.big td{padding:9px 12px}.comparison.big td:last-child{display:block}.comparison.big td:nth-child(3){min-width:0}}
header,header a,.wordmark{color:#f3f5ff}nav a{color:#f3f5ff}.menu{color:#f3f5ff;border-color:#3a4785}
.comparison.big{min-width:0;font-size:13.5px}.comparison.big td{padding:12px 8px}.comparison.big th{padding:12px 8px}.comparison.big td:nth-child(2){min-width:150px}.comparison.big td:nth-child(3){min-width:120px}.tlogo{width:56px;height:30px}
@media(max-width:600px){.comparison.big td:last-child{text-align:center}}
.comparison td a.play{color:var(--accent-ink);font-size:14px;display:inline-flex;margin:0}
footer,footer p{color:#aab3dd}footer a{color:#f3f5ff}
