@layer astro.images{:where([data-astro-image]){height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}[data-astro-image-fit=fill]{object-fit:fill}[data-astro-image-fit=contain]{object-fit:contain}[data-astro-image-fit=cover]{object-fit:cover}[data-astro-image-fit=scale-down]{object-fit:scale-down}[data-astro-image-pos=top]{object-position:top}[data-astro-image-pos=bottom]{object-position:bottom}[data-astro-image-pos=left]{object-position:left}[data-astro-image-pos=right]{object-position:right}[data-astro-image-pos=center]{object-position:center}[data-astro-image-pos=top-left]{object-position:top left}[data-astro-image-pos=top-right]{object-position:top right}[data-astro-image-pos=top-center]{object-position:top center}[data-astro-image-pos=bottom-left]{object-position:bottom left}[data-astro-image-pos=bottom-right]{object-position:bottom right}[data-astro-image-pos=bottom-center]{object-position:bottom center}[data-astro-image-pos=left-top]{object-position:left top}[data-astro-image-pos=left-bottom]{object-position:left bottom}[data-astro-image-pos=left-center]{object-position:left center}[data-astro-image-pos=right-top]{object-position:right top}[data-astro-image-pos=right-bottom]{object-position:right bottom}[data-astro-image-pos=right-center]{object-position:right center}[data-astro-image-pos=center-top]{object-position:center top}[data-astro-image-pos=center-bottom]{object-position:center bottom}[data-astro-image-pos=center-left]{object-position:center left}[data-astro-image-pos=center-right]{object-position:center right}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#16181d;--ink-2:#3a3f47;--muted:#646b74;--paper:#f6f1e7;--paper-2:#efe8da;--card:#fffdf8;--line:#e2d9c6;--line-2:#d4c8ae;--green:#0e5a43;--green-2:#0a4433;--green-3:#073326;--mint:#8fe0b8;--mint-2:#c9f0dc;--mint-3:#eaf7f0;--tag:#ffc531;--tag-2:#f2ad00;--tag-ink:#16181d;--coral:#ff6b57;--coral-ink:#b3321f;--coral-tint:#ffe9e4;--pro:#13704a;--pro-tint:#e3f5ea;--con:#b3321f;--con-tint:#fde9e4;--radius:16px;--radius-sm:10px;--shadow:0 1px 0 #16181d0a, 0 6px 18px -8px #16181d2e;--shadow-lg:0 18px 40px -18px #16181d59;--font-head:"Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--font-body:"DM Sans Variable", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Mono", monospace;--wrap:1200px;--measure:720px;--gutter:clamp(16px, 4vw, 32px);--zig:10px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:92px}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.075rem;line-height:1.68}img{max-width:100%;height:auto;display:block}a{color:var(--green);text-underline-offset:3px;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in srgb, var(--green) 45%, transparent)}a:hover{color:var(--green-2);text-decoration-color:currentColor}:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.025em;color:var(--ink);font-variation-settings:"opsz" 96;margin:0 0 .5em;line-height:1.08}h1{font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:800}h2{margin-top:2.1em;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800}h3{letter-spacing:-.015em;margin-top:1.7em;font-size:clamp(1.2rem,2.2vw,1.4rem);font-weight:700}p,ul,ol{margin:0 0 1.1em}li{margin-bottom:.35em}strong{font-weight:700}hr{background:repeating-linear-gradient(90deg, var(--line-2) 0 8px, transparent 8px 14px);border:0;height:2px;margin:2.6rem 0}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{background:var(--ink);color:#fff;z-index:100;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.site-header{z-index:40;background:var(--paper);position:sticky;top:0}.site-header:after{content:"";left:0;right:0;bottom:calc(-1 * var(--zig));height:var(--zig);background:linear-gradient(-45deg, transparent 50%, var(--green) 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x, linear-gradient(45deg, transparent 50%, var(--green) 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x;position:absolute}.site-header .bar{background:var(--green)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:70px;display:flex}.logo{color:#fff;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.logo:hover{color:#fff}.logo img{border:2px solid var(--tag);border-radius:50%;width:44px;height:44px}.logo .word{font-family:var(--font-head);letter-spacing:-.03em;font-size:1.28rem;font-weight:800;line-height:1}.logo .word span{color:var(--tag)}.logo small{font-family:var(--font-mono);color:var(--mint);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:.66rem;font-weight:500;display:block}.nav{align-items:center;gap:2px;display:flex}.nav a{color:#e6efe9;border-radius:999px;padding:9px 13px;font-size:.96rem;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:#fff;background:#ffffff1a}.nav .nav-cta{background:var(--tag);color:var(--tag-ink);font-family:var(--font-head);margin-left:8px;font-weight:700}.nav .nav-cta:hover{color:var(--tag-ink);background:#ffd35c}.menu{display:none}@media (width<=820px){.nav{display:none}.menu{display:block;position:relative}.menu summary{cursor:pointer;color:#fff;background:#ffffff1a;border-radius:12px;place-items:center;width:46px;height:46px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu[open] .menu-panel{display:flex}.menu-panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;min-width:220px;padding:8px;display:none;position:absolute;top:56px;right:0}.menu-panel a{color:var(--ink);border-radius:10px;padding:13px 14px;font-weight:600;text-decoration:none}.menu-panel a:hover{background:var(--mint-3)}}.site-footer{background:var(--green-3);color:#bcd3c7;margin-top:88px;padding:56px 0 28px;font-size:.95rem;position:relative}.site-footer:before{content:"";left:0;right:0;top:calc(-1 * var(--zig) + 1px);height:var(--zig);background:linear-gradient(135deg, transparent 50%, var(--green-3) 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x, linear-gradient(-135deg, transparent 50%, var(--green-3) 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x;position:absolute}.site-footer a{color:#fff}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;display:grid}.footer-brand{grid-template-columns:84px 1fr;align-items:start;gap:16px;display:grid}.footer-brand img{border:3px solid var(--tag);border-radius:50%;width:84px;height:84px}.footer-grid h2{color:#fff;margin:0 0 .8em;font-size:1.05rem}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin-bottom:.5em}.footer-small{color:#8fb3a3;font-size:.84rem;font-family:var(--font-mono);border-top:1px dashed #2e5c4b;margin-top:36px;padding-top:18px}@media (width<=820px){.footer-grid{grid-template-columns:1fr}}.btn{min-height:50px;font-family:var(--font-head);letter-spacing:-.01em;cursor:pointer;text-align:center;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:1.04rem;font-weight:750;line-height:1.15;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.btn-buy{background:var(--tag);color:var(--tag-ink);box-shadow:0 3px 0 var(--tag-2), 0 8px 16px -8px #f2ad00b3}.btn-buy:hover{color:var(--tag-ink);background:#ffd35c;transform:translateY(-1px)}.btn-buy:active{box-shadow:0 1px 0 var(--tag-2);transform:translateY(1px)}.btn-buy svg{flex:none;width:19px;height:19px}.btn-ghost{color:var(--ink);border:2px solid var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-2);color:#fff}.btn-block{width:100%}.btn-sm{min-height:44px;padding:9px 16px;font-size:.95rem}.tag{font-family:var(--font-head);letter-spacing:.01em;background:var(--tag);color:var(--tag-ink);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);border-radius:0 7px 7px 0;align-items:center;gap:7px;padding:6px 13px 6px 22px;font-size:.8rem;font-weight:750;line-height:1.2;display:inline-flex;position:relative}.tag:before{content:"";background:var(--paper);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:10px}.tag-green{background:var(--green);color:#fff}.tag-mint{background:var(--mint);color:var(--green-3)}.tag-ink{background:var(--ink);color:#fff}.tag-coral{background:var(--coral);color:#fff}.tag-upgrade{color:#3b2c8c;background:#e9e3ff}.kicker{font-family:var(--font-mono);color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.78rem;font-weight:600}.page-top{background:var(--paper);position:relative}.crumbs{color:var(--muted);font-size:.86rem;font-family:var(--font-mono);padding-top:26px}.crumbs a{color:var(--muted)}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--line-2);margin-right:6px}.article-head{max-width:920px;padding:16px 0 6px}.article-head h1{margin-bottom:.35em}.article-head .dek{color:var(--ink-2);max-width:780px;margin-bottom:.6em;font-size:clamp(1.1rem,1.8vw,1.28rem)}.byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 12px;margin:14px 0 10px;font-size:.92rem;display:flex}.byline .avatar{width:44px;height:44px}.byline a{color:var(--ink);font-weight:700;text-decoration:none}.byline .dot{color:var(--line-2)}.article-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:52px;margin-top:30px;display:grid}.article-body{min-width:0}.prose{max-width:var(--measure)}.prose>:first-child{margin-top:0}.prose h2{padding-top:.2em;position:relative}.prose h2:before{content:"";background:var(--tag);border-radius:3px;width:46px;height:6px;margin-bottom:14px;display:block}.prose ul li::marker{color:var(--green)}.prose ol li::marker{color:var(--green);font-family:var(--font-mono);font-weight:600}.prose blockquote{border-left:4px solid var(--mint);color:var(--ink-2);margin:1.5em 0;padding:.3em 0 .3em 1.1em}.prose table{font-size:.95rem}.aside{--aside-stick-top:100px;--aside-stick-bottom:24px;top:var(--aside-stick-top);overflow-anchor:none;align-self:start;gap:18px;display:grid;position:sticky}@media (width<=1040px){.article-grid{grid-template-columns:1fr;gap:0}.aside{display:none}}.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;font-size:.93rem}.toc h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;font-size:.74rem}.toc h2:before{display:none}.toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.toc li{counter-increment:toc;margin:0}.toc a{color:var(--ink-2);border-bottom:1px dashed var(--line);grid-template-columns:26px 1fr;padding:7px 0;line-height:1.35;text-decoration:none;display:grid}.toc a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);color:var(--green);padding-top:2px;font-size:.74rem}.toc li:last-child a{border-bottom:0}.toc a:hover{color:var(--green)}.toc-mobile{margin:0 0 26px}.toc-mobile summary{cursor:pointer;font-weight:700;font-family:var(--font-head);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 16px}.toc-mobile[open] summary{border-radius:12px 12px 0 0}.toc-mobile .toc{border-top:0;border-radius:0 0 12px 12px}@media (width>=1041px){.toc-mobile{display:none}}.stage{background:radial-gradient(110% 85% at 50% 42%, #fff 0%, var(--mint-3) 55%, var(--mint-2) 100%);position:relative}.stage:after{content:"";pointer-events:none;background-image:radial-gradient(#0e5a4317 1px,#0000 1.2px);background-size:16px 16px;position:absolute;inset:0;mask-image:radial-gradient(closest-side,#0000 55%,#000)}.stage img{z-index:1;mix-blend-mode:multiply;position:relative}.credit{color:var(--muted);font-size:.72rem;font-family:var(--font-mono)}.hero-product{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:1.08fr 1fr;margin:10px 0 34px;display:grid;overflow:hidden}.hero-product .stage{place-items:center;min-height:360px;padding:clamp(20px,4vw,44px);display:grid}.hero-product .stage img{object-fit:contain;width:auto;max-height:440px}.hero-product .stage .tag{z-index:2;position:absolute;top:18px;left:18px}.hero-product .stage .credit{z-index:2;position:absolute;bottom:10px;right:14px}.hero-product .panel{flex-direction:column;gap:14px;padding:clamp(22px,3vw,34px);display:flex}.hero-product .panel h2{margin:0;font-size:clamp(1.5rem,2.6vw,1.9rem)}.hero-product .panel h2:before{display:none}.verdict-line{color:var(--ink-2);margin:0;font-size:1.08rem}.quick-facts{grid-template-columns:1fr 1fr;gap:8px;margin:2px 0;padding:0;font-size:.92rem;list-style:none;display:grid}.quick-facts li{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:0;padding:9px 11px;line-height:1.35}.quick-facts b{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:2px;font-size:.68rem;font-weight:600;display:block}.price-note{color:var(--muted);font-size:.8rem;font-family:var(--font-mono);margin-top:8px;display:block}@media (width<=880px){.hero-product{grid-template-columns:1fr}.hero-product .stage{min-height:270px}.hero-product .stage img{max-height:300px}}.receipt{max-width:520px;color:var(--ink);font-family:var(--font-mono);filter:drop-shadow(0 10px 18px #16181d24);background:#fffef9;margin:34px auto;padding:28px 26px 26px;font-size:.9rem;line-height:1.55;position:relative}.receipt:before,.receipt:after{content:"";height:var(--zig);background:linear-gradient(-45deg, transparent 50%, #fffef9 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x, linear-gradient(45deg, transparent 50%, #fffef9 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x;position:absolute;left:0;right:0}.receipt:before{top:calc(-1 * var(--zig));transform:scaleY(-1)}.receipt:after{bottom:calc(-1 * var(--zig))}.receipt .r-head{text-align:center;border-bottom:2px dashed var(--line-2);margin-bottom:12px;padding-bottom:12px}.receipt .r-store{font-family:var(--font-head);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.receipt .r-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.receipt .r-item{text-align:center;margin:6px 0 2px;font-size:.98rem;font-weight:700}.receipt dl{margin:0}.receipt .r-row{align-items:baseline;gap:8px;padding:3px 0;display:flex}.receipt .r-row dt{flex:none;font-weight:600}.receipt .r-row .dots{border-bottom:2px dotted var(--line-2);flex:16px;min-width:16px;transform:translateY(-4px)}.receipt .r-row dd{text-align:right;flex:0 auto;max-width:64%;margin:0}.receipt .r-row dd.good{color:var(--pro)}.receipt .r-row dd.meh{color:#8a5a00}.receipt .r-row dd.bad{color:var(--con)}.receipt .r-total{border-top:2px dashed var(--line-2);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;font-size:1.05rem;font-weight:800;display:flex}.receipt .r-stamp{font-family:var(--font-head);color:var(--green);text-transform:uppercase;letter-spacing:.04em;border:3px solid;border-radius:8px;padding:2px 10px;font-size:1.05rem;font-weight:800;transform:rotate(-4deg)}.receipt .r-stamp.wait{color:#b07a00}.receipt .r-stamp.skip{color:var(--con)}.receipt .r-foot{color:var(--muted);text-align:center;margin-top:12px;font-size:.74rem}.receipt .r-cta{margin-top:16px}.verdict{background:var(--green);color:#e6f2ec;border-radius:var(--radius);box-shadow:var(--shadow);margin:30px 0;padding:24px 26px;position:relative}.verdict h3{color:#fff;margin-top:0;font-size:1.3rem}.verdict a:not(.btn){color:var(--tag)}.verdict p:last-child{margin-bottom:0}.verdict strong{color:#fff}.buy-skip{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 30px;display:grid}.buy-skip>div{border-radius:var(--radius);border:1px solid #0000;padding:18px 20px}.buy-skip h3,.buy-skip h4{align-items:center;gap:8px;margin:0 0 10px;font-size:1.05rem;display:flex}.buy-skip ul{margin:0;padding-left:1.1em;font-size:.97rem}.buy-skip .yes{background:var(--pro-tint);border-color:#bfe5cf}.buy-skip .yes h3,.buy-skip .yes h4{color:var(--pro)}.buy-skip .no{background:var(--con-tint);border-color:#f6c9bf}.buy-skip .no h3,.buy-skip .no h4{color:var(--con)}.proscons{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 28px;display:grid}.proscons>div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.proscons h3{margin:0 0 8px;font-size:1rem}.proscons ul{margin:0;padding:0;font-size:.96rem;list-style:none}.proscons li{padding-left:28px;position:relative}.proscons li:before{width:19px;height:19px;font-size:.85rem;font-weight:800;line-height:1;font-family:var(--font-head);border-radius:50%;place-items:center;display:grid;position:absolute;top:.2em;left:0}.proscons .pros li:before{content:"+";background:var(--pro-tint);color:var(--pro)}.proscons .cons li:before{content:"−";background:var(--con-tint);color:var(--con)}.proscons .pros h3{color:var(--pro)}.proscons .cons h3{color:var(--con)}@media (width<=640px){.buy-skip,.proscons{grid-template-columns:1fr}}.bubble{grid-template-columns:64px 1fr;align-items:start;gap:16px;margin:28px 0;display:grid}.bubble img{border:3px solid var(--card);width:64px;height:64px;box-shadow:var(--shadow);border-radius:50%}.bubble .say{border-radius:18px;padding:16px 18px;position:relative}.bubble .say:before{content:"";border-radius:3px;width:18px;height:18px;position:absolute;top:22px;left:-9px;transform:rotate(45deg)}.bubble .who{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.72rem;font-weight:700}.bubble p{margin:0 0 .6em}.bubble p:last-child,.bubble ul:last-child{margin-bottom:0}.bubble-marius .say{background:var(--card);border:1px solid var(--line)}.bubble-marius .say:before{background:var(--card);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.bubble-marius .who{color:var(--green)}.bubble-penny .say{background:var(--tag);color:var(--tag-ink)}.bubble-penny .say:before{background:var(--tag)}.bubble-penny .who{color:#6b4b00}.bubble-penny a{color:var(--ink)}@media (width<=560px){.bubble{grid-template-columns:48px 1fr;gap:12px}.bubble img{width:48px;height:48px}}.callout{background:var(--mint-3);border:1px solid var(--mint-2);border-radius:var(--radius);margin:24px 0;padding:16px 18px}.callout p:last-child{margin-bottom:0}.callout-warn{background:var(--coral-tint);border-color:#f8cdc3}.evidence{color:var(--muted);font-size:.8rem;font-family:var(--font-mono)}figure{margin:28px 0}figure .frame{border-radius:var(--radius);place-items:center;padding:22px;display:grid;overflow:hidden}figure .frame img{object-fit:contain;width:auto;max-height:520px}figure .frame.cover{background:0 0;padding:0}figure .frame.cover:after{display:none}figure .frame.cover img{object-fit:cover;mix-blend-mode:normal;width:100%;max-height:none}figcaption{color:var(--muted);margin-top:9px;font-size:.85rem}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:22px 0 30px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}thead th{background:var(--green);color:#fff;font-family:var(--font-head);white-space:nowrap;font-size:.95rem;font-weight:750}tbody th{color:var(--ink-2);background:var(--paper);width:28%;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}td .win{color:var(--pro);background:var(--pro-tint);vertical-align:middle;font-size:.7rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;border-radius:999px;margin-left:6px;padding:1px 8px;display:inline-block}.spec-src{color:var(--muted);font-size:.72rem;font-family:var(--font-mono);margin-left:4px}.compare-head{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;margin:12px 0 30px;display:grid}.compare-head .vs{background:var(--ink);width:54px;height:54px;color:var(--tag);font-family:var(--font-head);box-shadow:var(--shadow);border-radius:50%;align-self:center;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.compare-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.compare-card .stage{aspect-ratio:4/3;place-items:center;padding:18px;display:grid}.compare-card .stage img{object-fit:contain;width:auto;max-height:100%}.compare-card .body{flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}.compare-card h3{margin:0;font-size:1.2rem}.compare-card h3 a{color:var(--ink);text-decoration:none}.compare-card .vs-role{color:var(--ink-2);flex:1;margin:0;font-size:.94rem}@media (width<=640px){.compare-head{grid-template-columns:1fr 1fr;gap:10px}.compare-head .vs{display:none}.compare-card .body{padding:12px}.compare-card h3{font-size:1rem}.compare-card .btn{padding:10px 8px;font-size:.86rem}.compare-card .vs-role{font-size:.86rem}}.pick{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin:30px 0 40px;scroll-margin-top:96px;display:grid;overflow:hidden}.pick .stage{place-items:center;min-height:330px;padding:34px 26px;display:grid}.pick .stage img{object-fit:contain;width:auto;max-height:340px}.pick .stage .rank{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:16px;left:16px}.pick .stage .num{font-family:var(--font-head);color:var(--green);opacity:.16;z-index:0;font-size:3.2rem;font-weight:800;line-height:1;position:absolute;top:10px;right:18px}.pick .stage .credit{z-index:2;position:absolute;bottom:10px;right:14px}.pick .body{flex-direction:column;gap:12px;padding:clamp(20px,3vw,30px);display:flex}.pick h3{margin:0;font-size:clamp(1.4rem,2.6vw,1.75rem)}.pick h3 .pick-label{color:var(--green)}.pick .role{font-family:var(--font-mono);color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem;font-weight:600}.pick .why{color:var(--ink-2);margin:0}.pick .why p:last-child{margin-bottom:0}.pick .proscons{gap:10px;margin:0}.pick .proscons>div{padding:12px 14px}.pick .cta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}@media (width<=860px){.pick{grid-template-columns:1fr}.pick .stage{min-height:250px}.pick .stage img{max-height:260px}}.pick .stage-sticky{place-items:center;width:100%;display:grid}@media (width>=861px){.pick{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);overflow:clip}.pick .stage{padding:0;display:block}.pick .stage-sticky{mix-blend-mode:multiply;min-height:330px;max-height:calc(100vh - 110px);padding:58px 22px 40px;position:sticky;top:92px}.pick .stage-sticky img{max-height:min(300px,100vh - 230px)}.pick .proscons{grid-template-columns:1fr}}.quick-picks{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin:22px 0 36px;padding:0;list-style:none;display:grid}.quick-picks li{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;margin:0;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.quick-picks li:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.quick-picks .stage{aspect-ratio:4/3;place-items:center;padding:14px;display:grid}.quick-picks .stage img{object-fit:contain;width:auto;max-height:100%}.quick-picks .stage .tag{z-index:2;font-size:.72rem;position:absolute;top:10px;left:10px}.quick-picks .body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.quick-picks .role{text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-size:.72rem;font-weight:600;font-family:var(--font-mono)}.quick-picks .name{font-family:var(--font-head);color:var(--ink);font-size:1.1rem;font-weight:750;line-height:1.2;text-decoration:none}.quick-picks .name:hover{color:var(--green)}.quick-picks .band{color:var(--muted);font-size:.86rem;font-family:var(--font-mono);flex:1;margin-bottom:6px}.home-hero{background:var(--green);color:#d7e9df;position:relative;overflow:hidden}.home-hero:before{content:"";background-image:radial-gradient(#ffffff12 1.2px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0}.home-hero:after{content:"";height:var(--zig);background:linear-gradient(135deg, transparent 50%, var(--paper) 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x, linear-gradient(-135deg, transparent 50%, var(--paper) 50%) 0 0 / calc(var(--zig) * 2) var(--zig) repeat-x;position:absolute;bottom:-1px;left:0;right:0}.home-hero .wrap{grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:36px;padding-top:clamp(26px,4vw,44px);padding-bottom:clamp(34px,5vw,54px);display:grid;position:relative}.home-hero h1{color:#fff;letter-spacing:-.04em;margin-bottom:.2em;font-size:clamp(2.3rem,5.6vw,3.7rem)}.home-hero h1 span{color:var(--tag)}.home-hero .dek{color:#cfe3d8;max-width:640px;font-size:clamp(1.1rem,2vw,1.3rem)}.home-hero .byline{color:#a9cbb9}.home-hero .byline a{color:#fff}.home-hero .hero-art{aspect-ratio:1;background:var(--paper);border-radius:50%;justify-self:center;place-items:center;width:min(100%,270px);display:grid;position:relative;overflow:visible;box-shadow:0 0 0 10px #ffffff14,0 0 0 22px #ffffff0a}.home-hero .hero-art img{border-radius:50%;width:92%;height:auto}.home-hero .hero-art .tag{padding:8px 16px 8px 26px;font-size:.9rem;position:absolute;top:9%;right:-2%;transform:rotate(8deg)}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hero-cta .btn-ghost{color:#fff;border-color:#ffffff8c}.hero-cta .btn-ghost:hover{color:var(--ink);background:#fff}.hero-stats{font-family:var(--font-mono);color:#a9cbb9;flex-wrap:wrap;gap:10px 22px;margin-top:22px;padding:0;font-size:.8rem;list-style:none;display:flex}.hero-stats li{margin:0}.hero-stats b{color:#fff;font-family:var(--font-head);margin-right:4px;font-size:1.15rem}@media (width<=880px){.home-hero .wrap{grid-template-columns:1fr;gap:24px}.home-hero .hero-art{display:none}.home-hero .dek{font-size:1.04rem}}@media (width<=560px){.home-hero .wrap{padding-top:20px;padding-bottom:30px}.home-hero .dek{margin-bottom:.4em;font-size:.98rem;line-height:1.55}.home-hero .byline{margin:8px 0 4px}.hero-cta{gap:8px;margin-top:12px}.hero-cta .btn{flex:auto;min-height:46px;padding:10px 14px;font-size:.92rem}.hero-stats{display:none}}.shop-section{scroll-margin-top:84px}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;margin:26px 0 6px;display:flex}.shop-head h2{margin:0}.shop-head p{color:var(--muted);margin:0;font-size:.95rem}.shop-bar{z-index:30;background:color-mix(in srgb, var(--paper) 94%, transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);gap:8px;padding:12px 0 10px;display:grid;position:sticky;top:80px}.shop-bar[hidden]{display:none}.shop-row{scrollbar-width:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.shop-row::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line-2);background:var(--card);min-height:38px;color:var(--ink-2);font:600 .88rem/1.1 var(--font-body);cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:var(--green);color:var(--green)}.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.chip-price[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}.shop-meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.8rem;display:flex}.shop-meta .sort{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.shop-meta select{font:600 .88rem var(--font-body);border:1.5px solid var(--line-2);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 10px}.link-btn{color:var(--green);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.shop-grid{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin:16px 0 34px;padding:0;list-style:none;display:grid;overflow:hidden}.shop-tile{border-top:1px solid var(--line);grid-template-columns:210px minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:24px;margin:0;padding:26px 24px 26px 64px;transition:background .15s;display:grid;position:relative}.shop-tile:first-child{border-top:0}.shop-tile[hidden]{display:none}.shop-tile:hover{background:color-mix(in srgb, var(--paper) 55%, var(--card))}.shop-tile.is-compared{box-shadow:inset 4px 0 0 var(--green)}.rank-badge{z-index:2;background:var(--ink);color:#fff;min-width:38px;font:800 .92rem/1 var(--font-head);text-align:center;border-radius:0 10px;padding:7px 8px;position:absolute;top:26px;left:16px}.shop-tile .stage{aspect-ratio:1;border-radius:14px;place-items:center;padding:12px;display:grid;overflow:hidden}.shop-tile .stage img{object-fit:contain;width:100%;height:100%;max-height:none;transition:transform .25s}.shop-tile:hover .stage img{transform:scale(1.04)}.shop-tile .body{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.shop-tile .price{margin:0}.shop-tile .price b{font:800 1.6rem/1.1 var(--font-head);letter-spacing:-.01em;color:var(--ink)}.shop-tile .name{font:650 1.16rem/1.3 var(--font-body);color:var(--ink);margin-top:4px;text-decoration:none}.shop-tile .name:hover{color:var(--green);text-decoration:underline}.shop-tile .brand{color:var(--muted);margin:0;font-size:.92rem}.shop-tile .body .tag{margin:4px 0 2px;font-size:.74rem}.shop-tile .checked{color:var(--muted);margin:2px 0 8px;font-size:.88rem}.shop-tile .checked b{color:var(--green);font-weight:650}.shop-tile .body .btn{justify-content:center;min-width:150px}.tile-foot{align-items:center;gap:18px;margin-top:6px;font-size:.88rem;display:flex}.tile-foot a{font-weight:600}.shop-tile .highlights{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-self:stretch;padding:16px 20px}.hl-title{border-bottom:1px solid var(--line);font:750 1.04rem/1.3 var(--font-head);color:var(--ink);margin:0 0 10px;padding-bottom:10px}.shop-tile .highlights ul{margin:0 0 10px;padding-left:1.1em}.shop-tile .highlights li{color:var(--ink-2);margin:0 0 6px;font-size:.9rem;line-height:1.45}.shop-tile .tile-skip{border-top:1px dashed var(--line-2);color:var(--ink-2);margin:0;padding-top:10px;font-size:.88rem;line-height:1.45}.shop-tile .tile-skip b{color:var(--con);margin-right:2px}@media (width<=960px){.shop-tile{grid-template-columns:170px minmax(0,1fr);padding-left:56px}.shop-tile .highlights{grid-column:2}}.cmp{color:var(--ink-2);cursor:pointer;user-select:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.cmp[hidden]{display:none}.cmp input{width:17px;height:17px;accent-color:var(--green);cursor:pointer;margin:0}.cmp:has(input:disabled){opacity:.45;cursor:not-allowed}.shop-empty{text-align:center;background:var(--card);border:1px dashed var(--line-2);border-radius:16px;margin:16px 0 34px;padding:28px}.compare-bar{z-index:45;background:var(--ink);color:#fff;padding:10px 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -12px #00000073}.compare-bar .wrap{align-items:center;gap:14px;display:flex}.compare-thumbs{gap:8px;margin:0;padding:0;list-style:none;display:flex}.compare-thumbs li{background:#fff;border-radius:10px;place-items:center;width:48px;height:48px;margin:0;padding:4px;display:grid}.compare-thumbs img{width:auto;max-height:40px}.compare-hint{color:#c9d1d9;margin-right:auto;font-size:.88rem}.compare-bar .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.compare-bar .link-btn{color:#fff}.compare-dialog{background:var(--paper);width:min(1000px,100vw - 24px);max-height:calc(100vh - 40px);color:var(--ink);box-shadow:var(--shadow-lg);border:0;border-radius:20px;padding:0;overflow:hidden}.compare-dialog::backdrop{backdrop-filter:blur(2px);background:#0a14108c}.cmp-dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.cmp-dialog-head h2{margin:0;font-size:1.3rem}.compare-close{background:var(--paper-2);width:40px;height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:1.5rem;line-height:1}.compare-close:hover{background:var(--line)}.compare-scroll{max-height:calc(100vh - 112px);padding:4px 16px 18px;overflow:auto}.compare-panel{table-layout:fixed;min-width:560px;font-size:.9rem}.compare-panel thead td{width:120px}.compare-panel thead th{color:var(--ink);white-space:normal;vertical-align:bottom;background:0 0;padding-top:14px}.compare-panel tbody th{background:0 0;font-size:.72rem}.compare-panel th,.compare-panel td{border-bottom:1px dashed var(--line)}.cp-stage{aspect-ratio:4/3;border-radius:12px;place-items:center;margin-bottom:8px;padding:10px;display:grid;overflow:hidden}.cp-stage img{object-fit:contain;width:100%;height:100%}.cp-name{font:750 1rem/1.2 var(--font-head);display:block}@media (width<=560px){.shop-head p{font-size:.88rem}.shop-bar{backdrop-filter:none;position:static}.shop-meta .sort span{display:none}.shop-meta select{padding:5px 6px;font-size:.82rem}.shop-grid{border-radius:14px}.shop-tile{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:16px 12px}.rank-badge{min-width:30px;padding:5px 6px;font-size:.78rem;top:12px;left:8px}.shop-tile .stage{margin-top:18px;padding:4px}.shop-tile .price b{font-size:1.25rem}.shop-tile .name{margin-top:2px;font-size:1rem}.shop-tile .brand,.shop-tile .checked{font-size:.82rem}.shop-tile .body .tag{font-size:.66rem}.shop-tile .body .btn{align-self:stretch}.shop-tile .highlights{grid-column:1/-1;padding:12px 14px}.shop-tile .highlights li:nth-child(n+4){display:none}.hl-title{margin-bottom:8px;padding-bottom:8px;font-size:.94rem}.tile-foot{gap:14px;font-size:.82rem}.compare-hint{display:none}.compare-bar .wrap{justify-content:space-between}}.fold{border:1px solid var(--line);background:var(--card);border-radius:14px;margin:0 0 1.4em}.fold>summary{cursor:pointer;font:700 1rem/1.3 var(--font-head);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:hover{color:var(--green)}.fold-icon{background:var(--mint-3);border-radius:50%;flex:none;width:26px;height:26px;position:relative}.fold-icon:before,.fold-icon:after{content:"";background:var(--green);border-radius:1px;width:11px;height:2px;margin:-1px 0 0 -5.5px;transition:transform .2s;position:absolute;top:50%;left:50%}.fold-icon:after{transform:rotate(90deg)}.fold[open] .fold-icon:after{transform:rotate(0)}.fold-body{border-top:1px dashed var(--line);padding:0 16px 4px}.fold-body>:first-child{margin-top:16px}.pick .pick-verdict{color:var(--ink-2);margin:0;font-size:1.04rem}.why-more{border:1px solid var(--line);background:var(--paper);border-radius:12px}.why-more>summary{cursor:pointer;color:var(--green);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;font-weight:700;list-style:none;display:flex}.why-more>summary::-webkit-details-marker{display:none}.why-more>summary:after{content:"+";font:700 1.2rem/1 var(--font-mono)}.why-more[open]>summary:after{content:"−"}.why-more .why{padding:0 14px 12px;font-size:.98rem}.scenes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0 36px;padding:0;list-style:none;display:grid}.scene{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;margin:0;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.scene:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.scene img{aspect-ratio:16/10;object-fit:cover;width:100%}.scene .body{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.scene h3{margin:0;font-size:1.12rem}.scene h3 a{color:var(--ink);text-decoration:none}.scene h3 a:after{content:"";position:absolute;inset:0}.scene p{color:var(--ink-2);margin:0;font-size:.93rem}.scene .pickname{font-family:var(--font-mono);color:var(--green);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.collection-hero{grid-template-columns:1fr 1fr;align-items:center;gap:34px;padding:18px 0 8px;display:grid}.collection-hero img{box-shadow:var(--shadow);border-radius:22px;width:100%;height:auto}@media (width<=880px){.collection-hero{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin:22px 0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;margin:0;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card .stage{aspect-ratio:16/10;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.card .stage img{object-fit:contain;width:auto;max-width:46%;max-height:100%}.card .stage.single img{max-width:78%}.card .stage .vs{z-index:2;font-family:var(--font-head);color:var(--tag);background:var(--ink);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:grid;position:relative}.card .body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.card h3{margin:0;font-size:1.15rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:after{content:"";z-index:3;position:absolute;inset:0}.card p{color:var(--ink-2);margin:0;font-size:.95rem}.yt{margin:30px 0}.yt-frame{aspect-ratio:16/9;border-radius:var(--radius);background:var(--ink);box-shadow:var(--shadow);position:relative;overflow:hidden}.yt-frame iframe,.yt-frame button{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-frame button{cursor:pointer;background:var(--ink);padding:0}.yt-frame button img{object-fit:cover;opacity:.88;width:100%;height:100%;transition:opacity .18s}.yt-frame button:hover img{opacity:1}.yt-frame .play{background:var(--tag);border-radius:16px;place-items:center;width:78px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000059}.yt-frame .play svg{fill:var(--ink)}.yt-frame .yt-label{z-index:1;position:absolute;top:12px;left:14px}.yt figcaption{margin-top:9px}.buy-card{background:var(--green);color:#d7e9df;box-shadow:var(--shadow);border-radius:20px;gap:12px;padding:18px;display:grid}.buy-card .stage{border-radius:14px;place-items:center;padding:14px;display:grid}.buy-card .stage img{width:auto;max-height:170px}.buy-card h2{color:#fff;margin:0;font-size:1.1rem}.buy-card h2:before{display:none}.buy-card p{margin:0;font-size:.9rem}.buy-card .price-note{color:#a9cbb9;margin-top:0}.sticky-buy{z-index:45;background:var(--card);border-top:2px solid var(--green);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));align-items:center;gap:12px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 20px #16181d1f}.sticky-buy img{object-fit:contain;mix-blend-mode:multiply;flex:none;width:46px;height:46px}.sticky-buy .t{min-width:0;color:var(--muted);flex:1;font-size:.82rem;line-height:1.3}.sticky-buy .t b{font-family:var(--font-head);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;display:block;overflow:hidden}.sticky-buy .btn{flex:none;min-height:46px;padding:10px 16px;font-size:.95rem}.sticky-buy.two .btn{flex:1}@media (width<=1040px){.sticky-buy{display:flex}body.has-sticky{padding-bottom:82px}}.author-box{background:var(--card);border:1px solid var(--line);border-radius:20px;grid-template-columns:84px 1fr;gap:18px;margin:44px 0 24px;padding:22px;display:grid}.author-box img{border-radius:50%;width:84px;height:84px}.author-box h2{margin:0 0 6px;font-size:1.2rem}.author-box h2:before{display:none}.author-box p{color:var(--ink-2);margin:0 0 .5em;font-size:.96rem}.sources{color:var(--ink-2);background:var(--card);border:1px dashed var(--line-2);border-radius:var(--radius);margin:28px 0;padding:18px 20px;font-size:.88rem}.sources h2{margin:0 0 8px;font-size:1.1rem}.sources h2:before{display:none}.sources ol{margin:8px 0 0;padding-left:1.3em}.sources li{word-break:break-word}.faq{margin:18px 0 28px}.faq-item{background:var(--card);border:1px solid var(--mint);border-radius:14px;margin-bottom:10px}.faq h3{font-weight:700;font-family:var(--font-head);margin:0;padding:15px 18px;font-size:1.04rem}.faq .a{color:var(--ink-2);padding:0 18px 14px}.avatar{border-radius:50%;flex:none}.method-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0 28px;display:grid}.method-grid>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.method-grid h3{margin:0 0 6px;font-size:1.05rem}.method-grid p{color:var(--ink-2);margin:0;font-size:.94rem}.notice{background:var(--paper-2);color:var(--ink-2);border-radius:10px;padding:10px 14px;font-size:.9rem}.center{text-align:center}.not-found{grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:48px 0;display:grid}@media (width<=760px){.not-found{grid-template-columns:1fr}}@media (width<=640px){.crumbs li[aria-current]{display:none}.logo .word{font-size:1.08rem}.logo img{width:38px;height:38px}.logo small{font-size:.6rem}.byline{font-size:.86rem}.article-head .dek{font-size:1.06rem}}.compare-card .stage,.quick-picks .stage,.card .stage{overflow:hidden}.compare-card .stage img,.quick-picks .stage img{object-fit:contain;width:100%;height:100%;max-height:none}.card .stage.single img{object-fit:contain;width:100%;max-width:none;height:100%}.card .stage:not(.single) img{object-fit:contain;width:44%;max-width:none;height:100%}.tag{align-self:flex-start;width:fit-content}:is(.prose,.fold-body)>table{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);max-width:100%;margin:22px 0 30px;display:block;overflow-x:auto}:is(.prose,.fold-body)>table thead th{white-space:nowrap}:is(.prose,.fold-body)>table tbody td:first-child{color:var(--ink-2);background:var(--paper);font-weight:600}:is(.prose,.fold-body)>table tbody th,:is(.prose,.fold-body)>table tbody td{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:.93rem}:is(.prose,.fold-body)>table td,:is(.prose,.fold-body)>table th{min-width:120px}.scorecard{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin:24px 0 32px;padding:clamp(18px,3vw,26px);scroll-margin-top:96px}.scorecard-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.scorecard .scorecard-total{font-family:var(--font-head);color:var(--green);margin:0;font-size:clamp(2.4rem,6vw,3.1rem);font-weight:800;line-height:1}.scorecard-total span{color:var(--ink-2);font-size:.45em;font-weight:600}.scorecard .scorecard-label{flex-direction:column;margin:0;font-size:1.1rem;font-weight:700;display:flex}.scorecard-label span{color:var(--ink-2);font-size:.9rem;font-weight:400}.scorecard .scorecard-rows{margin:0;padding:0;list-style:none}.scorecard .scorecard-rows li{border-top:1px solid var(--line);margin:0;padding:12px 0}.scorecard .scorecard-rows li:before{content:none}.scorecard .row-top{grid-template-columns:minmax(0,13rem) minmax(0,1fr) 2.6rem;align-items:center;gap:12px;display:grid}.scorecard .cat{font-weight:700}.scorecard .cat small{font-family:var(--font-mono);color:var(--ink-2);margin-left:6px;font-weight:500}.scorecard .meter{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.scorecard .meter span{background:var(--green);border-radius:inherit;height:100%;display:block}.scorecard .num{font-family:var(--font-mono);text-align:right}.scorecard .why{color:var(--ink-2);margin:6px 0 0;font-size:.95rem}.scorecard .scorecard-note{color:var(--ink-2);margin:12px 0 0;font-size:.85rem}@media (width<=560px){.scorecard .row-top{grid-template-columns:minmax(0,1fr) 2.6rem}.scorecard .meter{grid-area:2/1/auto/-1}}.hero-score{color:var(--ink);align-items:baseline;gap:8px;width:fit-content;text-decoration:none;display:inline-flex}.hero-score b{font-family:var(--font-head);color:var(--green);font-size:1.9rem;font-weight:800;line-height:1}.hero-score span{color:var(--ink-2);font-size:.9rem}.hero-score:hover span{text-decoration:underline}.home-page .article-grid{grid-template-columns:1fr}.home-page .aside{display:none}.home-page .toc-mobile{max-width:var(--measure);display:block}.home-page .prose{max-width:none}.home-page .prose>:is(p,ul,ol,h2,h3,h4,.fold,.bubble,.callout,.penny-tip,.faq,.sources,.author-box){max-width:var(--measure)}.aisle-nav{scrollbar-width:none;gap:8px;margin:8px 0 4px;padding:4px 0 8px;display:flex;overflow-x:auto}.aisle-nav::-webkit-scrollbar{display:none}.aisle-nav a{border:1.5px solid var(--line-2);background:var(--card);min-height:38px;color:var(--ink-2);border-radius:999px;flex:none;align-items:center;padding:8px 14px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.aisle-nav a:hover{border-color:var(--green);color:var(--green)}.shelf{gap:18px;margin:18px 0 36px;display:grid}.shelf .pick-fold{margin:0}.pick.pick-fold{border-radius:20px;grid-template-columns:minmax(200px,280px) minmax(0,1fr);overflow:hidden}.pick.pick-fold .stage{min-height:0;padding:0}.pick.pick-fold .stage-sticky{mix-blend-mode:multiply;place-items:center;height:100%;min-height:0;max-height:none;padding:48px 18px 28px;display:grid;position:static}.pick.pick-fold .stage-sticky img{object-fit:contain;width:auto;max-height:220px}.pick.pick-fold .num{font-size:2rem;top:8px;right:12px}.pick.pick-fold .stage .rank{top:12px;left:12px}.pick.pick-fold .body{gap:10px;padding:20px 22px 18px}.pick.pick-fold h3{font-size:clamp(1.2rem,2vw,1.45rem)}.pick.pick-fold .pick-buy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.pick.pick-fold .pick-price{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.74rem}.pick.pick-fold .pick-price b{font:800 1.35rem var(--font-head);letter-spacing:-.01em;text-transform:none;color:var(--ink);margin-right:4px}.pick.pick-fold .pick-verdict{color:var(--ink-2);margin:0;font-size:1rem;line-height:1.45}.pick.pick-fold .cta-row{margin:0;padding:0}.pick-why-skip{gap:10px;margin:4px 0 0}.pick-why-skip>div{border-radius:12px;padding:12px 14px}.pick-why-skip h4{margin:0 0 6px;font-size:.92rem}.pick-why-skip ul{margin:0;padding-left:1.1em;font-size:.9rem}.pick-why-skip li{margin-bottom:.25em}.pick.pick-fold .why-more{margin-top:2px}@media (width>=861px){.pick.pick-fold{grid-template-columns:minmax(200px,280px) minmax(0,1fr);overflow:hidden}.pick.pick-fold .stage{padding:0;display:grid}.pick.pick-fold .stage-sticky{mix-blend-mode:multiply;min-height:0;max-height:none;padding:48px 18px 28px;position:static}}@media (width<=700px){.pick.pick-fold{grid-template-columns:1fr}.pick.pick-fold .stage-sticky{aspect-ratio:4/3;height:auto;padding:40px 20px 16px}.pick.pick-fold .stage-sticky img{max-height:200px}}@media (width<=560px){.aisle-nav a{padding:7px 12px;font-size:.82rem}.pick.pick-fold .body{padding:14px}.pick.pick-fold .cta-row{width:100%}.pick.pick-fold .cta-row .btn{flex:auto}}.faq-page{max-width:760px;padding:16px 0 40px}.faq-page h1{margin-bottom:.5em}.faq-page .prose>p:first-child{font-size:1.12rem}.faq-meta{color:var(--muted);font-size:.88rem;font-family:var(--font-mono);margin:18px 0 32px}.faq-more{border-top:1px solid var(--line-2);margin-bottom:32px;padding-top:22px}.faq-more h2{font-size:1.2rem}.faq-more ul{padding-left:1.1em}.faq-more li{margin-bottom:.45em}.faq-hub{max-width:860px;padding-bottom:40px}.faq-group{margin-top:36px}.faq-group>p{color:var(--ink-2);max-width:720px}.faq-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.faq-list li{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--card);padding:14px 18px}.faq-list h3{margin:0 0 .3em;font-size:1.05rem}.faq-list p{color:var(--ink-2);margin:0;font-size:.96rem}