:root{--bg:#fff;--bg-alt:#f8fafc;--bg-alt2:#f1f5f9;--card:#fff;--grad-hero:linear-gradient(135deg,#0c1445 0%,#1a3a82 50%,#1d4ed8 100%);--blue:#1d4ed8;--blue-dk:#1e40af;--blue-lt:#3b82f6;--blue-bg:#eff6ff;--blue-bdr:#bfdbfe;--orange:#ea580c;--orange-lt:#f97316;--orange-bg:#fff7ed;--orange-bdr:#fed7aa;--green:#16a34a;--green-bg:#f0fdf4;--green-bdr:#bbf7d0;--red:#dc2626;--red-bg:#fef2f2;--red-bdr:#fecaca;--warning:#b45309;--warning-tint:#fefce8;--info:#0284c7;--info-tint:#f0f9ff;--success:#16a34a;--success-tint:#f0fdf4;--danger:#dc2626;--danger-tint:#fef2f2;--ink:#0f172a;--ink-2:#1e293b;--ink-3:#475569;--ink-4:#64748b;--ink-5:#94a3b8;--bdr:#e2e8f0;--bdr-2:#cbd5e1;--text:var(--ink);--text-soft:var(--ink-3);--text-faint:var(--ink-4);--text-dim:var(--ink-5);--surface-1:var(--bg-alt);--surface-2:var(--bg-alt2);--surface-3:#e8edf3;--border:var(--bdr);--border-strong:var(--bdr-2);--volt:var(--blue);--volt-tint:var(--blue-bg);--volt-line:var(--blue-bdr);--volt-glow:#1d4ed833;--grad-volt:linear-gradient(120deg,var(--blue-lt),var(--blue));--sh-xs:0 1px 2px #0f172a0f;--sh-sm:0 1px 3px #0f172a14,0 1px 2px #0f172a0d;--sh-md:0 4px 12px #0f172a14,0 2px 6px #0f172a0a;--sh-lg:0 10px 32px #0f172a1a,0 4px 12px #0f172a0f;--shadow-md:var(--sh-md);--shadow-lg:var(--sh-lg);--font-display:"Chakra Petch", system-ui, sans-serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13.5px;--fs-base:16px;--fs-md:18px;--fs-lg:21px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:clamp(28px,4vw,42px);--fs-4xl:clamp(36px,6vw,64px);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--notch:0px;--maxw:1200px;--maxw-prose:720px;--header-h:64px;--sidebar:236px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}strong{color:var(--ink-2)}::selection{background:var(--blue);color:#fff}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--ink);margin:0;font-weight:700;line-height:1.15}code{font-family:var(--font-mono);background:var(--bg-alt);border:1px solid var(--bdr);border-radius:var(--r-xs);color:var(--blue-dk);padding:1px 6px;font-size:.82em}.container{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,4vw,44px)}.layout{min-height:100vh;display:flex}.grid-span-all{grid-column:1/-1}.site-header{z-index:50;height:var(--header-h);border-bottom:1px solid var(--bdr);box-shadow:var(--sh-sm);background:#fff;align-items:center;display:flex;position:sticky;top:0}.site-header .container{align-items:center;gap:var(--s4);width:100%;display:flex}.brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.brand-logo{object-fit:contain;width:auto;height:56px;display:block}.main-nav{gap:2px;margin-left:8px;display:flex}.main-nav a{font-family:var(--font-sans);color:var(--ink-4);border-radius:var(--r-sm);padding:8px 13px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.main-nav a:hover{color:var(--ink);background:var(--bg-alt);text-decoration:none}.main-nav a.active{color:var(--blue);font-weight:600}.header-actions{align-items:center;gap:var(--s3);margin-left:auto;display:flex}.search-box{background:var(--bg-alt);border:1px solid var(--bdr);color:var(--ink-4);font-family:var(--font-sans);border-radius:var(--r-sm);align-items:center;gap:7px;min-width:160px;padding:7px 13px;font-size:13px;transition:border-color .15s;display:flex}.search-box:hover{border-color:var(--bdr-2)}.search-box svg{flex:none;width:14px;height:14px}.nav-toggle{cursor:pointer;color:var(--ink-3);background:0 0;border:none;padding:6px;display:none}.nav-toggle svg{width:22px;height:22px}.mobile-nav{top:var(--header-h);border-bottom:1px solid var(--bdr);padding:var(--s3) var(--s4) var(--s4);box-shadow:var(--sh-md);z-index:49;background:#fff;flex-direction:column;display:none;position:fixed;left:0;right:0}.mobile-nav.open{display:flex}.mobile-nav a{color:var(--ink-3);border-bottom:1px solid var(--bdr);padding:12px 8px;font-size:16px;font-weight:500}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a.active{color:var(--blue)}.btn{font-family:var(--font-sans);cursor:pointer;border-radius:var(--r-sm);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 8px #1d4ed840}.btn-primary:hover{background:var(--blue-dk);color:#fff;box-shadow:0 4px 16px #1d4ed859}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 2px 8px #ea580c40}.btn-orange:hover{color:#fff;background:#c2410c}.btn-secondary{background:var(--bg-alt);color:var(--ink-2);border:1px solid var(--bdr-2)}.btn-secondary:hover{background:var(--bg-alt2);color:var(--ink)}.btn-ghost{color:var(--ink-4);border:1px solid var(--bdr);background:0 0}.btn-ghost:hover{background:var(--bg-alt);color:var(--ink-2)}.btn-outline{color:var(--blue);border:1.5px solid var(--blue-bdr);background:0 0}.btn-outline:hover{background:var(--blue-bg);border-color:var(--blue)}.btn-hero{color:var(--blue-dk);box-shadow:var(--sh-md);background:#fff;font-weight:800}.btn-hero:hover{background:var(--blue-bg)}.btn-hero-outline{color:#fff;background:0 0;border:1.5px solid #fff6}.btn-hero-outline:hover{background:#ffffff1a;border-color:#ffffffb3}.btn-sm{padding:8px 16px;font-size:12.5px}.btn-lg{padding:14px 28px;font-size:16px}.badge{font-family:var(--font-sans);border-radius:var(--r-xs);letter-spacing:.01em;text-transform:uppercase;background:var(--blue-bg);color:var(--blue-dk);border:1px solid;border-color:var(--blue-bdr);align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.info{background:var(--info-tint);color:var(--info);border-color:#0284c740}.badge.success{background:var(--success-tint);color:var(--success);border-color:var(--green-bdr)}.badge.warning{background:var(--warning-tint);color:var(--warning);border-color:#fde68a}.badge.danger{background:var(--red-bg);color:var(--red);border-color:var(--red-bdr)}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tag{font-family:var(--font-sans);color:var(--ink-4);background:var(--bg-alt2);border:1px solid var(--bdr);border-radius:var(--r-xs);padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s;display:inline-block}.tag:hover{color:var(--blue);border-color:var(--blue-bdr)}.card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r-md);flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--bdr-2);box-shadow:var(--sh-md);transform:translateY(-3px)}.card .thumb{aspect-ratio:16/10;background:var(--bg-alt2);position:relative;overflow:hidden}.card .thumb .ph-img{width:100%;height:100%}.card .thumb .cat{z-index:2;position:absolute;top:12px;left:12px}.card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.card .body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.card .idx{font-family:var(--font-mono);color:var(--ink-5);letter-spacing:.1em;font-size:11px}.card .body h3{font-size:var(--fs-md);color:var(--ink);line-height:1.25;transition:color .15s}.card:hover .body h3{color:var(--blue)}.card .excerpt{color:var(--ink-4);margin:0;font-size:14px;line-height:1.55}.card .meta{color:var(--ink-5);font-size:12px;font-family:var(--font-mono);align-items:center;gap:10px;margin-top:auto;display:flex}.card .meta .sep{color:var(--ink-5)}.ph-img{font-family:var(--font-sans);color:var(--ink-5);place-items:center;font-size:14px;font-weight:700;display:grid}.ph-1{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.ph-2{background:linear-gradient(135deg,#fff7ed,#fef3c7)}.ph-3{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.ph-4{background:linear-gradient(135deg,#fdf4ff,#ede9fe)}.lb-frame{background:var(--bg-alt);border:1px dashed var(--bdr-2);width:728px;max-width:100%;height:90px;min-height:90px;font-family:var(--font-mono);color:var(--ink-5);place-items:center;margin:0 auto;font-size:11px;display:grid}.feed-frame{background:var(--bg-alt);border:1px dashed var(--bdr-2);width:728px;max-width:100%;min-height:130px;font-family:var(--font-mono);color:var(--ink-5);place-items:center;font-size:11px;display:grid}.rect-frame{background:var(--bg-alt);border:1px dashed var(--bdr-2);width:300px;max-width:100%;height:250px;font-family:var(--font-mono);color:var(--ink-5);place-items:center;font-size:11px;display:grid}.ad-slot{border:1px dashed var(--bdr-2);background:var(--bg-alt);text-align:center;color:var(--ink-5);place-items:center;padding:16px;display:grid;position:relative}.ad-slot .ad-inner{font-family:var(--font-mono);font-size:12px}.ad-leaderboard{width:728px;max-width:100%;height:90px;min-height:90px;margin:0 auto;padding:8px}.ad-rectangle{min-height:260px}.ad-inline{min-height:130px}.ad-slot.filled{background:0 0;border:none;padding:0}.ad-slot.filled:before{content:none}.ad-slot.filled img{max-width:100%;height:auto;display:block}.ad-band{padding:22px 0 0}.ad-footer{padding:var(--s7) 0 0}.ad-square{aspect-ratio:1;min-height:0}.topstrip .inner{justify-content:center;padding:12px 0;display:flex}.mid-break,.pre-footer .inner{justify-content:center;padding:20px 0;display:flex}.ad-anchor{z-index:55;border-top:1px solid var(--bdr);background:#fff;flex-direction:column;align-items:center;padding:0 12px 12px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a14}.ad-anchor.is-visible{display:flex}.ad-anchor .close{background:var(--bg-alt);border:1px solid var(--bdr);color:var(--ink-4);cursor:pointer;border-radius:4px;order:-1;align-self:flex-end;place-items:center;width:24px;height:24px;margin:5px 0;font-size:12px;display:grid}.ad-anchor .close:hover{color:var(--blue);border-color:var(--blue-bdr)}.breadcrumb{color:var(--ink-5);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb a{color:var(--ink-4)}.breadcrumb a:hover{color:var(--blue);text-decoration:none}.breadcrumb .chev{color:var(--ink-5)}.breadcrumb .current{color:var(--ink-3)}.toc{background:var(--bg-alt);border:1px solid var(--bdr);border-radius:var(--r-md);padding:16px 18px}.toc .toc-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px;font-size:11px;font-weight:700}.toc ol{counter-reset:toc;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.toc li{counter-increment:toc}.toc a{color:var(--ink-4);border-left:2px solid var(--bdr);border-radius:0 var(--r-xs) var(--r-xs) 0;gap:10px;padding:7px 10px;font-size:13.5px;transition:background .15s,color .15s,border-color .15s;display:flex}.toc a:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-5);flex-shrink:0;font-size:11px}.toc a:hover,.toc a.active{background:var(--blue-bg);color:var(--blue);border-left-color:var(--blue);text-decoration:none}.toc a.active:before{color:var(--blue)}.author-box{background:var(--bg-alt);border:1px solid var(--bdr);border-radius:var(--r-md);align-items:flex-start;gap:16px;padding:20px;display:flex}.author-box .avatar{background:var(--grad-hero);width:52px;height:52px;font-family:var(--font-display);color:#fff;border-radius:var(--r-md);flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.author-box .a-name{font-weight:700;font-size:var(--fs-md);color:var(--ink);align-items:center;gap:8px;display:flex}.author-box .a-role{font-family:var(--font-mono);color:var(--blue);margin:3px 0 8px;font-size:12px}.author-box .a-bio{color:var(--ink-4);margin:0;font-size:14px;line-height:1.55}.verified{color:var(--blue)}.callout{background:var(--blue-bg);border-left:3px solid var(--blue);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:14px 16px 14px 18px}.callout .c-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.callout p{color:var(--ink-3);margin:0;font-size:14px}.callout.info{background:var(--info-tint);border-left-color:var(--info)}.callout.info .c-label{color:var(--info)}.callout.tip{background:var(--success-tint);border-left-color:var(--success)}.callout.tip .c-label{color:var(--success)}.callout.warn{background:var(--warning-tint);border-left-color:var(--warning)}.callout.warn .c-label{color:var(--warning)}.callout.danger{background:var(--red-bg);border-left-color:var(--red)}.callout.danger .c-label{color:var(--red)}.pagination{align-items:center;gap:5px;display:flex}.pagination a,.pagination span.page{border:1px solid var(--bdr);background:var(--bg-alt);min-width:36px;height:36px;color:var(--ink-4);border-radius:var(--r-sm);place-items:center;padding:0 10px;font-size:14px;transition:all .15s;display:grid}.pagination a:hover{border-color:var(--blue-bdr);color:var(--blue);background:var(--blue-bg);text-decoration:none}.pagination .current{background:var(--blue);border-color:var(--blue);color:#fff}.data-table{border-collapse:collapse;border:1px solid var(--bdr);border-radius:var(--r-md);width:100%;font-size:14px;overflow:hidden}.data-table th{background:var(--bg-alt2);text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);border-bottom:2px solid var(--bdr);padding:10px 14px;font-size:11px;font-weight:700}.data-table td{border-top:1px solid var(--bdr);color:var(--ink-3);padding:10px 14px}.data-table tr:hover td{background:var(--bg-alt)}.data-table td strong{color:var(--ink)}.site-footer{border-top:1px solid var(--bdr);margin-top:var(--s9);background:var(--bg-alt)}.site-footer .footer-grid{gap:var(--s6);padding:var(--s8) 0 var(--s6);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.site-footer .f-col h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:14px;font-size:12px;font-weight:700}.site-footer .f-col a{color:var(--ink-4);padding:4px 0;font-size:14px;display:block}.site-footer .f-col a:hover{color:var(--blue);text-decoration:none}.site-footer .f-about p{color:var(--ink-4);max-width:34ch;margin:12px 0 0;font-size:14px;line-height:1.6}.site-footer .footer-bottom{border-top:1px solid var(--bdr);color:var(--ink-5);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:18px 0;font-size:12px;display:flex}.site-footer .footer-bottom a{color:var(--ink-4)}.site-footer .footer-bottom a:hover{color:var(--blue)}.reading-progress{background:var(--bg-alt2);height:3px;position:relative;overflow:hidden}.reading-progress>span{background:var(--blue);position:absolute;top:0;bottom:0;left:0}.spotlight{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.spotlight .feature{border:1px solid var(--bdr);border-radius:var(--r-md);flex-direction:column;justify-content:flex-end;min-height:340px;padding:28px;display:flex;position:relative;overflow:hidden}.spotlight .feature .bg{z-index:0;position:absolute;inset:0}.spotlight .feature:after{content:"";z-index:1;background:linear-gradient(#0000,#0c144533 35%,#0c1445eb 90%);position:absolute;inset:0}.spotlight .feature>*{z-index:2;position:relative}.spotlight .feature h2{font-size:var(--fs-2xl);color:#fff;max-width:20ch;margin:12px 0 8px}.spotlight .feature p{color:#ffffffbf;max-width:46ch;margin:0 0 14px;font-size:15px}.spotlight .side{flex-direction:column;gap:14px;display:flex}.spotlight .side .mini{background:var(--bg-alt);border:1px solid var(--bdr);border-radius:var(--r-sm);color:inherit;align-items:center;gap:12px;padding:12px;transition:border-color .15s;display:flex}.spotlight .side .mini:hover{border-color:var(--blue-bdr);text-decoration:none}.spotlight .side .mini .thumb{border-radius:var(--r-xs);flex:none;width:84px;height:60px;overflow:hidden}.spotlight .side .mini .thumb img{object-fit:cover;width:100%;height:100%}.spotlight .side .mini h4{color:var(--ink);font-size:14px;line-height:1.3}.spotlight .side .mini .m-meta{font-family:var(--font-mono);color:var(--ink-5);margin-top:4px;font-size:11px}.section-head{border-bottom:2px solid var(--bdr);justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-head h2{font-size:var(--fs-lg);color:var(--ink);font-weight:700}.section-head .see-all{color:var(--blue);font-size:13px;font-weight:600}.section-head .see-all:hover{text-decoration:underline}.hub-header{background:var(--grad-hero);border-radius:var(--r-lg);flex-direction:column;justify-content:flex-end;min-height:200px;padding:40px 32px;display:flex;position:relative;overflow:hidden}.hub-header .bg{z-index:0;object-fit:cover;opacity:.25;width:100%;height:100%;position:absolute;inset:0}.hub-header:after{content:"";z-index:1;background:linear-gradient(135deg,#0c1445d9 0%,#1d4ed880 100%);position:absolute;inset:0}.hub-header>*{z-index:2;position:relative}.hub-header .h-title{font-size:var(--fs-3xl);color:#fff;margin:10px 0 8px}.hub-header .h-desc{color:#ffffffbf;max-width:56ch;margin:0 0 16px;font-size:15px}.hub-header .h-stats{gap:24px;display:flex}.hub-header .h-stats .hs{font-family:var(--font-mono)}.hub-header .h-stats .hs b{font-family:var(--font-display);color:#fff;font-size:22px;display:block}.hub-header .h-stats .hs span{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hub-header.is-tag .h-title:before{content:"#";color:var(--orange)}.hub-header.is-author{flex-direction:row;align-items:center;gap:22px}.hub-header.is-author .author-avatar{width:84px;height:84px;font-family:var(--font-display);color:#fff;border-radius:var(--r-lg);background:#ffffff26;border:2px solid #ffffff40;flex:none;place-items:center;font-size:34px;font-weight:700;display:grid}.newsletter{background:var(--blue-bg);border:1px solid var(--blue-bdr);border-radius:var(--r-lg);text-align:center;padding:32px}.newsletter h3{font-size:var(--fs-xl);color:var(--ink)}.newsletter p{color:var(--ink-4);max-width:44ch;margin:8px auto 18px;font-size:15px}.newsletter .nl-form{gap:10px;max-width:440px;margin:0 auto;display:flex}.newsletter .nl-form input{flex:1}.trending{flex-direction:column;display:flex}.tr-item{border-bottom:1px solid var(--bdr);color:inherit;align-items:center;gap:14px;padding:11px 6px;display:flex}.tr-item:hover{text-decoration:none}.tr-item .rank{font-family:var(--font-display);color:var(--bdr-2);text-align:center;flex:none;width:32px;font-size:24px;font-weight:700}.tr-item:first-child .rank,.tr-item:nth-child(2) .rank,.tr-item:nth-child(3) .rank{color:var(--orange)}.tr-item h4{color:var(--ink);font-size:14px;line-height:1.3}.tr-item .t-meta{font-family:var(--font-mono);color:var(--ink-5);margin-top:3px;font-size:11px}.game-card{aspect-ratio:3/4;border:1px solid var(--bdr);border-radius:var(--r-md);align-items:flex-end;padding:14px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:var(--blue-bdr);text-decoration:none;transform:translateY(-3px)}.game-card .bg{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game-card:after{content:"";z-index:1;background:linear-gradient(#0000 40%,#0c1445e0);position:absolute;inset:0}.game-card .g-name{z-index:2;color:#fff;font-size:15px;font-weight:700;position:relative}.game-card .g-count{z-index:2;font-family:var(--font-mono);color:#fff9;margin-top:2px;font-size:11px;display:block;position:relative}.proscons{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pc-col{background:var(--bg-alt);border:1px solid var(--bdr);border-radius:var(--r-md);padding:18px}.pc-col.pros{border-top:3px solid var(--green)}.pc-col.cons{border-top:3px solid var(--red)}.pc-col h4{letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.pc-col.pros h4{color:var(--green)}.pc-col.cons h4{color:var(--red)}.pc-col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pc-col li{color:var(--ink-3);padding-left:22px;font-size:14px;line-height:1.45;position:relative}.pc-col.pros li:before{content:"+";color:var(--green);font-weight:700;position:absolute;left:4px}.pc-col.cons li:before{content:"−";color:var(--red);font-weight:700;position:absolute;left:4px}.verdict{background:var(--blue-bg);border:1px solid var(--blue-bdr);border-left:4px solid var(--blue);border-radius:0 var(--r-md) var(--r-md) 0;padding:20px 22px}.verdict .v-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.verdict .v-head h4{font-size:var(--fs-lg);color:var(--ink)}.verdict .rating .score{color:var(--blue);font-size:26px;font-weight:900;font-family:var(--font-display)}.verdict .rating .over{color:var(--ink-5);font-size:14px;font-family:var(--font-mono)}.verdict p{color:var(--ink-3);margin:0;font-size:15px;line-height:1.6}.rating{align-items:center;gap:6px;font-weight:700;display:inline-flex}.rating .score{color:var(--blue);font-size:22px;font-family:var(--font-display)}.rating .over{font-family:var(--font-mono);color:var(--ink-5);font-size:12px;font-weight:400}.prose{font-size:var(--fs-md);color:var(--ink-3);max-width:680px;line-height:1.75}.prose>*+*{margin-top:1em}.prose h2{font-size:var(--fs-2xl);color:var(--ink);margin-top:1.6em;font-weight:700}.prose h3{font-size:var(--fs-xl);color:var(--ink);margin-top:1.3em;font-weight:700}.prose h4{font-size:var(--fs-md);color:var(--ink);margin-top:1.1em;font-weight:700}.prose p{margin:0}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--blue);border-bottom:1px solid var(--blue-bdr)}.prose a:hover{border-bottom-color:var(--blue);text-decoration:none}.prose ul,.prose ol{margin:0;padding-left:1.4em}.prose li{margin:.4em 0}.prose li::marker{color:var(--blue)}.prose blockquote{border-left:3px solid var(--blue-bdr);color:var(--ink-3);background:var(--blue-bg);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:0;padding:8px 20px;font-style:italic}.prose figure{margin:0}.prose figure img{border:1px solid var(--bdr);border-radius:var(--r-sm)}.prose figcaption{color:var(--ink-5);text-align:center;margin-top:8px;font-size:12px}.prose hr{border:none;border-top:1px solid var(--bdr);margin:1.8em 0}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th{background:var(--bg-alt2);text-align:left;border-bottom:2px solid var(--bdr);color:var(--ink-4);padding:8px 12px;font-size:12px;font-weight:700}.prose td{border-top:1px solid var(--bdr);color:var(--ink-3);padding:8px 12px}.article-wrap{padding:var(--s5) 0 var(--s8)}.article-head{max-width:var(--maxw-prose);margin:0 auto}.article-head .breadcrumb{margin-bottom:16px}.article-head .head-tags{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.article-head h1{font-size:var(--fs-3xl);color:var(--ink);margin:0 0 16px;line-height:1.1}.article-head .dek{font-size:var(--fs-lg);color:var(--ink-4);margin:0 0 20px;line-height:1.5}.article-byline{color:var(--ink-5);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;font-size:13px;display:flex}.article-byline .who{color:var(--ink-3);align-items:center;gap:8px;display:flex}.article-byline .mini-av{background:var(--grad-hero);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.article-byline .sep{color:var(--bdr-2)}.article-hero-split{gap:var(--s7);max-width:var(--maxw);grid-template-columns:minmax(0,1fr) 300px;align-items:start;margin:0 auto;display:grid}.article-hero-split .article-head{max-width:none;margin:0}.article-hero-split .hero-ad{top:calc(var(--header-h) + 20px);position:sticky}@media (width<=940px){.article-hero-split{gap:var(--s5);grid-template-columns:1fr}.article-hero-split .hero-ad{position:static}}.article-hero{max-width:var(--maxw);margin:24px auto 0}.article-hero .frame{aspect-ratio:21/9;border:1px solid var(--bdr);border-radius:var(--r-md);overflow:hidden}.article-hero .frame img,.article-hero .frame .ph-img{object-fit:cover;width:100%;height:100%}.article-body{gap:var(--s7);max-width:var(--maxw);margin:var(--s6) auto 0;grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.article-main{min-width:0;max-width:var(--maxw-prose)}.article-main .prose{max-width:none}.article-side{top:calc(var(--header-h) + 20px);flex-direction:column;gap:20px;display:flex;position:sticky}.article-related{max-width:var(--maxw);margin:var(--s8) auto 0}@media (width<=940px){.article-body{grid-template-columns:1fr}.article-side{position:static}}.listing-layout{gap:var(--s7);max-width:var(--maxw);margin:var(--s5) auto 0;grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.listing-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.listing-side{top:calc(var(--header-h) + 20px);flex-direction:column;gap:20px;display:flex;position:sticky}@media (width<=940px){.listing-layout{grid-template-columns:1fr}.listing-side{position:static}}@media (width<=560px){.listing-grid{grid-template-columns:1fr}}.sb-sticky{top:calc(var(--header-h) + 20px);background:var(--bg);position:sticky}.widget{background:var(--bg-alt);border:1px solid var(--bdr);border-radius:var(--r-md);padding:18px}.widget-cta{background:var(--grad-hero);border-radius:var(--r-md);color:#fff;padding:18px}.widget-cta .w-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-bottom:8px;font-size:10px;font-weight:700}.widget-cta .w-name{margin-bottom:6px;font-size:18px;font-weight:800}.widget-cta .w-sub{color:#ffffffb3;margin-bottom:14px;font-size:13px;line-height:1.5}.widget-cta .w-disc{color:#fff6;margin-top:8px;font-size:11px;font-style:italic}.grid{gap:18px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=820px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.related-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=820px){.related-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.related-grid{grid-template-columns:1fr}}.flow>*+*{margin-top:var(--flow,24px)}.flow-sm{--flow:14px}.flow-lg{--flow:38px}.faq{border:1px solid var(--bdr);border-radius:var(--r-md);overflow:hidden}.faq details{border-bottom:1px solid var(--bdr)}.faq details:last-child{border-bottom:none}.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:15px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);flex:none;font-size:18px}.faq details[open] summary{color:var(--blue)}.faq details[open] summary:after{content:"−"}.faq .faq-body{color:var(--ink-4);padding:0 18px 16px;font-size:14px;line-height:1.65}.sources{background:var(--bg-alt);border:1px solid var(--bdr);border-radius:var(--r-sm);padding:16px 18px}.sources h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-5);margin-bottom:10px;font-size:11px;font-weight:700}.sources ol{margin:0;padding-left:1.4em}.sources li{color:var(--ink-5);margin:5px 0;font-size:13px}.sources li a{color:var(--blue)}.disclosure{background:var(--orange-bg);border-left:3px solid var(--orange);color:var(--ink-4);border-radius:0 var(--r-xs) var(--r-xs) 0;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.disclosure .d-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);font-size:10px;font-weight:700}.aff-disc{color:var(--ink-5);font-size:12px}.cookie-banner{z-index:100;border-top:1px solid var(--bdr);background:#fff;flex-wrap:wrap;align-items:center;gap:20px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a14}.cookie-banner .cb-text{min-width:240px;color:var(--ink-3);flex:1;font-size:13.5px;line-height:1.5}.cookie-banner .cb-text b{color:var(--ink)}.cookie-banner .cb-actions{gap:10px;display:flex}.cookie-banner .cb-actions button{min-height:44px}.popup-sticky{z-index:80;border:1px solid var(--bdr);border-radius:var(--r-md);box-shadow:var(--sh-lg);background:#fff;max-width:300px;padding:16px;display:none;position:fixed;bottom:90px;right:20px}.popup-sticky.open{display:block}.popup-close{cursor:pointer;color:var(--ink-4);background:0 0;border:none;border-radius:50%;place-items:center;width:24px;height:24px;font-size:16px;display:grid;position:absolute;top:8px;right:8px}.popup-close:hover{background:var(--bg-alt2)}.popup-tag{font-family:var(--font-mono);color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.popup-fine{color:var(--ink-5);margin-top:6px;font-size:.75rem}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:12px;font-weight:700}.input,.select,.textarea,.nl-form input{border:1px solid var(--bdr);color:var(--ink);font-family:var(--font-sans);border-radius:var(--r-sm);background:#fff;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus,.nl-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.input::placeholder,.textarea::placeholder{color:var(--ink-5)}.textarea{resize:vertical;min-height:90px}.notfound{text-align:center;padding:64px 20px}.notfound .code{font-family:var(--font-display);color:var(--blue);font-size:clamp(64px,12vw,120px);font-weight:700;line-height:1}.notfound h3{font-size:var(--fs-xl);color:var(--ink);margin:10px 0}.notfound p{color:var(--ink-4);max-width:36ch;margin:0 auto 20px}.skeleton{background:linear-gradient(90deg,var(--bg-alt2) 25%,var(--bg-alt) 50%,var(--bg-alt2) 75%);background-size:200% 100%;animation:1.4s infinite sk}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-line{border-radius:var(--r-xs);height:12px;margin-bottom:9px}.sk-thumb{aspect-ratio:16/10;border-radius:var(--r-sm);margin-bottom:12px}.stat-block{border:1px solid var(--bdr);border-radius:var(--r-lg);padding:var(--s4) var(--s5);box-shadow:var(--sh-sm);background:#fff}.stat-val{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-size:28px;font-weight:900;line-height:1}.stat-val .stat-unit{color:var(--orange);margin-left:2px;font-size:16px}.stat-lbl{color:var(--ink-4);margin-top:var(--s2);font-size:12px;font-weight:600}.stat-sub{font-family:var(--font-mono);color:var(--ink-5);margin-top:3px;font-size:10px}.stat-block-dark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-lg);padding:var(--s4) var(--s5);background:#ffffff1a;border:1px solid #ffffff26}.stat-block-dark .stat-val{color:#fff}.stat-block-dark .stat-lbl{color:#ffffffa6}.stat-block-dark .stat-sub{color:#ffffff59}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--blue);width:16px;height:1px;display:inline-block}img.bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.stars{align-items:center;gap:1px;display:inline-flex}.star{color:var(--bdr-2);font-size:14px;line-height:1}.star.on{color:#f59e0b}.star-val{font-family:var(--font-mono);color:var(--warning);margin-left:5px;font-size:12px;font-weight:700}@media (width<=900px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}.main-nav,.search-box{display:none}.nav-toggle{display:flex}.spotlight,.proscons,.pcreq{grid-template-columns:1fr}}@media (width<=820px){.related-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.article-hero-split{grid-template-columns:1fr}.hero-numbers{flex-wrap:wrap}}@media (width<=560px){.site-footer .footer-grid,.listing-grid,.proscons{grid-template-columns:1fr}}@media (width<=940px){.article-side{flex-direction:column;order:-1}}