:root{--ink:#0B0B0F;--paper:#FFFDF6;--paper-2:#FFF7E6;--line:#0B0B0F;--border:3px;--shadow: 6px 6px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow-lg: 10px 10px 0 var(--ink);--radius:0px;--r-soft:14px;--c-yellow:#FFC400;--c-pink:#FF2E93;--c-blue:#1F51FF;--c-green:#00B368;--c-purple:#7A2FF7;--c-orange:#FF6A00;--c-red:#E10600;--c-cyan:#00BFB2;--maxw:1240px;--font-display:"Space Grotesk",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--ink) 1.1px,transparent 1.1px);background-size:26px 26px;background-attachment:fixed}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.mono{font-family:Space Grotesk,monospace}.box{background:var(--paper);border:var(--border) solid var(--line);box-shadow:var(--shadow)}.box-sm{box-shadow:var(--shadow-sm)}.hover-pop{transition:transform .12s ease,box-shadow .12s ease}.hover-pop:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.chip{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:.32em .7em;border:2.5px solid var(--ink);color:var(--ink);background:#fff;text-decoration:none}.chip:hover{transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;font-family:var(--font-display);font-weight:700;text-decoration:none;padding:.7em 1.2em;border:var(--border) solid var(--ink);background:var(--c-yellow);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(0);box-shadow:1px 1px 0 var(--ink)}.site-head{position:sticky;top:0;z-index:50;background:var(--ink);color:var(--paper);border-bottom:var(--border) solid var(--ink)}.site-head .bar{display:flex;align-items:center;gap:18px;height:64px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.03em}.logo .mark{width:34px;height:34px;background:var(--c-yellow);border:3px solid var(--paper);display:grid;place-items:center;transform:rotate(-6deg);color:var(--ink);font-weight:800}.nav{display:flex;gap:2px;margin-left:auto;overflow:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--paper);text-decoration:none;padding:.45em .7em;border:2px solid transparent}.nav a:hover{border-color:currentColor}.burger{display:none}.ticker{background:var(--c-pink);color:#fff;border-bottom:var(--border) solid var(--ink);overflow:hidden;white-space:nowrap}.ticker .track{display:inline-block;padding:.5em 0;font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;animation:scroll 40s linear infinite}.ticker .track span{margin:0 1.4em}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin:26px 0}.cell{grid-column:span 4}.cell.big{grid-column:span 8;grid-row:span 2}.cell.wide{grid-column:span 6}.cell.tall{grid-row:span 2}.card{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;background:#fff;border:var(--border) solid var(--ink);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}.card .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:var(--border) solid var(--ink);background:#eee}.card.big .thumb{aspect-ratio:16/9}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .thumb img{transform:scale(1.06)}.card .cat-tag{position:absolute;top:12px;left:12px;z-index:2}.card .body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.card h3{font-size:1.15rem;line-height:1.12}.card.big h3{font-size:2rem}.card .dek{font-size:.9rem;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .meta{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:.72rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#666}.card .colorbar{height:8px;width:100%}.sec-head{display:flex;align-items:center;gap:14px;margin:44px 0 18px}.sec-head h2{font-size:2.1rem}.sec-head .rule{flex:1;height:var(--border);background:var(--ink)}.sec-head .sq{width:22px;height:22px;border:3px solid var(--ink)}.catstrip{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.catstrip a{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;padding:.5em .9em;border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);text-decoration:none;color:#fff;transition:transform .1s,box-shadow .1s}.catstrip a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.article-head{padding:34px 0 10px}.article-head .kicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.article-head h1{font-size:clamp(2.1rem,5vw,3.6rem);max-width:16ch}.article-head .dek{font-size:1.25rem;max-width:60ch;margin-top:16px;color:#222;line-height:1.5}.article-head .byline{display:flex;gap:14px;align-items:center;margin-top:20px;font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#555;flex-wrap:wrap}.hero-img{margin:24px 0;border:var(--border) solid var(--ink);box-shadow:var(--shadow-lg);overflow:hidden}.hero-img img{width:100%;aspect-ratio:16/9;object-fit:cover}.prose{max-width:760px;margin:0 auto}.prose>*{margin-top:1.4em}.prose p{font-size:1.12rem;line-height:1.75}.prose h2{font-size:1.9rem;margin-top:2em;padding-top:.4em}.prose h2:before{content:"";display:block;width:56px;height:8px;background:var(--accent,var(--c-blue));margin-bottom:.5em}.prose h3{font-size:1.35rem;margin-top:1.6em}.prose a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-color:var(--accent,var(--c-blue))}.prose ul,.prose ol{padding-left:1.1em}.prose li{margin:.5em 0}.prose li::marker{color:var(--accent,var(--c-blue));font-weight:800}.prose strong{background:linear-gradient(transparent 62%,var(--tint,#ffe08a) 62%);padding:0 .05em}.callout{border:var(--border) solid var(--ink);box-shadow:var(--shadow);padding:18px 20px;position:relative}.callout .co-h{font-family:var(--font-display);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.callout p{margin:.3em 0;font-size:1.02rem}.callout.info{background:var(--c-blue);color:#fff}.callout.tip{background:var(--c-green);color:#fff}.callout.key{background:var(--c-yellow)}.callout.warning{background:var(--c-orange);color:#fff}.tablewrap{overflow-x:auto;border:var(--border) solid var(--ink);box-shadow:var(--shadow)}.prose table{border-collapse:collapse;width:100%;min-width:520px;background:#fff;margin:0}.prose th,.prose td{border:2px solid var(--ink);padding:.7em .8em;text-align:left;font-size:.98rem}.prose thead th{background:var(--accent,var(--c-blue));color:#fff;font-family:var(--font-display);text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}.prose tbody tr:nth-child(2n){background:var(--tint,#f3f3f3)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare .col{border:var(--border) solid var(--ink);box-shadow:var(--shadow);background:#fff}.compare .col h4{padding:14px 16px;color:#fff;font-size:1.05rem;text-transform:uppercase;letter-spacing:.03em}.compare .col.a h4{background:var(--c-green)}.compare .col.b h4{background:var(--c-red)}.compare .col ul{list-style:none;padding:14px 16px;margin:0}.compare .col li{padding:.4em 0 .4em 1.6em;position:relative;font-size:.98rem;border-bottom:1px dashed #ccc}.compare .col li:last-child{border-bottom:0}.compare .col.a li:before{content:"✓";position:absolute;left:0;color:var(--c-green);font-weight:800}.compare .col.b li:before{content:"✕";position:absolute;left:0;color:var(--c-red);font-weight:800}.faq details{border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);margin-bottom:12px;background:#fff}.faq summary{cursor:pointer;padding:16px 18px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.5rem;line-height:1}.faq details[open] summary:after{content:" : "}.faq details[open] summary{background:var(--accent,var(--c-blue));color:#fff}.faq .ans{padding:0 18px 16px;font-size:1.02rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stats .stat{border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);padding:18px;text-align:center;background:#fff}.stats .stat .v{font-family:var(--font-display);font-weight:700;font-size:2.2rem;line-height:1}.stats .stat .l{font-size:.82rem;color:#555;margin-top:.4em}.takeaways{border:var(--border) solid var(--ink);box-shadow:var(--shadow);background:var(--c-yellow);padding:20px 22px;margin:24px 0}.takeaways h4{font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6em;display:flex;gap:.5em;align-items:center}.takeaways ul{margin:0;padding-left:1.2em}.takeaways li{margin:.35em 0;font-weight:500}.pullquote{border-left:10px solid var(--accent,var(--c-blue));padding:6px 0 6px 22px;font-family:var(--font-display);font-size:1.5rem;line-height:1.25;font-weight:600}.pullquote cite{display:block;font-size:.9rem;font-style:normal;color:#666;margin-top:.6em;font-weight:400}.site-foot{background:var(--ink);color:var(--paper);margin-top:70px;border-top:6px solid var(--c-yellow)}.site-foot .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding:44px 0}.site-foot h5{font-family:var(--font-display);text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:var(--c-yellow);margin-bottom:12px}.site-foot a{color:var(--paper);text-decoration:none;display:block;padding:.2em 0;opacity:.85;font-size:.92rem}.site-foot a:hover{opacity:1;text-decoration:underline}.site-foot .bottom{border-top:2px solid #333;padding:18px 0;font-size:.8rem;color:#999;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.badge-num{font-family:var(--font-display);font-weight:700;background:var(--ink);color:var(--paper);width:1.9em;height:1.9em;display:inline-grid;place-items:center;flex:none}.grid-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:900px){.cell,.cell.big,.cell.wide{grid-column:span 6}.site-foot .grid,.grid-related{grid-template-columns:1fr 1fr}}@media (max-width:640px){body{font-size:16px}.mosaic{gap:12px}.cell,.cell.big,.cell.wide{grid-column:span 12;grid-row:auto}.card.big h3{font-size:1.4rem}.compare,.grid-related,.site-foot .grid{grid-template-columns:1fr}.sec-head h2{font-size:1.5rem}.nav{display:none}}.nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{border-color:var(--c,#fff)}