:root{--ink: #1c1917;--muted: #57534e;--line: #e7e5e4;--bg: #ffffff;--soft: color-mix(in srgb, var(--primary) 6%, #fff);--wrap: 1180px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 var(--font-body)}img{max-width:100%;height:auto;display:block}a{color:var(--primary)}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.2;color:var(--ink)}h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 .5rem}h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:2.2rem 0 .8rem}h3{font-size:1.2rem;margin:1.6rem 0 .5rem}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:#fff;padding:8px;z-index:10}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.logo-mark{flex:none}.logo-text{font:700 1.4rem/1 var(--font-head);letter-spacing:-.01em;color:#14161f;white-space:nowrap}.logo-dark .logo-text{color:#fff}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem}.nav a:hover{color:var(--primary)}.topbar{background:var(--primary);color:#fff;font-size:.85rem}.topbar .wrap{display:flex;justify-content:space-between;padding:6px 16px;gap:12px}.topbar a{color:#fff}[data-header=centered-logo-nav-below] .header-inner{flex-direction:column;gap:12px}[data-header=split-nav-logo-center] .header-inner{display:grid;grid-template-columns:1fr auto 1fr}[data-header=split-nav-logo-center] .nav-right{justify-content:flex-end}.hero{padding:56px 0 40px}.hero-banner{background:var(--deep) url(/banner.svg) right center / cover no-repeat;color:#fff;position:relative}.hero.hero-banner{padding:72px 0 64px}.hero-banner h1,.hero-banner .hero-mag-title{color:#fff;max-width:640px}.hero-banner .lead{color:#ffffffdb;max-width:600px}.hero-banner .chip{background:#ffffff1a;border-color:#ffffff59;color:#fff}.hero-banner .chip:hover{background:#fff;color:var(--deep)}.lead{font-size:1.12rem;color:var(--muted);max-width:760px}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{padding:8px 16px;border:1px solid var(--primary);border-radius:999px;text-decoration:none;font-weight:700;font-size:.9rem;background:#fff}.hero-mag{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;padding-top:32px;padding-bottom:32px}.hero-mag-title{font-size:clamp(1.6rem,3vw,2.2rem)}.hero-mag-side.hero-banner{padding:28px;border-radius:var(--radius);background-image:linear-gradient(160deg,color-mix(in srgb,var(--deep) 92%,transparent) 35%,color-mix(in srgb,var(--deep) 45%,transparent)),url(/banner.svg);background-position:center,72% 100%;background-size:cover,auto 120%}.hero-mag-side.hero-banner p{color:#ffffffdb}.hero-mag-side.hero-banner .side-link{color:#fff;border-top-color:#ffffff38}.hero-mag-side.hero-banner .side-link:hover{color:var(--accent-on-dark)}.side-link{display:block;padding:12px 0;border-top:1px solid var(--line);font-weight:700;text-decoration:none;color:var(--ink)}.side-link:hover{color:var(--primary)}.block{padding-top:24px;padding-bottom:24px}.block-title{border-bottom:3px solid var(--accent);display:inline-block;padding-bottom:4px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.tile{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);font-weight:700;background:var(--soft)}.tile small{color:var(--muted);font-weight:400}.with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:40px}.sidebar a{display:block;padding:6px 0}.sidebar-head{font:700 1.05rem var(--font-head);margin:24px 0 6px}.how p{max-width:820px}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-1{grid-template-columns:1fr}.card{background:#fff;overflow:hidden;border-radius:var(--radius);display:flex;flex-direction:column}.card-media{aspect-ratio:16 / 9;background:var(--soft);display:block;overflow:hidden;text-decoration:none}.card-media img{width:100%;height:100%;object-fit:cover}.card-fallback{display:grid;place-items:center;height:100%;font:700 1.2rem var(--font-head);color:var(--primary);background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--accent) 14%,#fff))}.card-body{padding:16px 18px 20px}.card-cat{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent);text-decoration:none}.card-title{margin:6px 0;font-size:1.15rem}.card-title a{color:var(--ink);text-decoration:none}.card-title a:hover{color:var(--primary)}.card-desc{margin:0;color:var(--muted);font-size:.95rem}.card-big .card-title{font-size:1.6rem}[data-cards=rounded-shadow] .card{box-shadow:0 6px 24px #00000014}[data-cards=sharp-bordered] .card{border:2px solid var(--ink)}[data-cards=flat-image-top] .card-body{padding-left:0;padding-right:0}[data-cards=horizontal-list] .grid-3{grid-template-columns:1fr}[data-cards=horizontal-list] .card{flex-direction:row;border-bottom:1px solid var(--line);padding-bottom:16px}[data-cards=horizontal-list] .card-media{flex:0 0 240px}.crumbs{font-size:.88rem;color:var(--muted);padding-top:24px}.crumbs a{color:var(--muted)}.crumbs span{margin:0 6px}.post-head{max-width:820px;padding:8px 0 12px}.post-meta{color:var(--muted);font-size:.92rem;margin:0 0 8px}.post-disclosure{font-size:.85rem;color:var(--muted);background:var(--soft);padding:8px 12px;border-left:3px solid var(--accent)}.post-hero{border-radius:var(--radius);margin:8px 0 24px;width:100%;max-width:820px;aspect-ratio:1200 / 630}.post-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.post-layout:not(:has(.toc)){grid-template-columns:minmax(0,820px)}.toc{position:sticky;top:16px;font-size:.9rem;border-left:2px solid var(--line);padding-left:14px}.toc a{display:block;padding:4px 0;color:var(--muted);text-decoration:none}.toc a:hover{color:var(--primary)}.toc-head{font-weight:700;margin:0 0 6px}.prose{max-width:820px}.prose table{width:100%;border-collapse:collapse;font-size:.94rem;margin:16px 0 24px;display:block;overflow-x:auto}.prose th{background:var(--primary);color:#fff;text-align:left}.prose th,.prose td{padding:10px 12px;border:1px solid var(--line)}.prose tr:nth-child(2n) td{background:var(--soft)}.prose blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--accent);background:var(--soft)}.amz-pick{border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:20px 0;text-align:center}.amz-pick img{margin:0 auto 12px;max-height:280px;width:auto}.amz-btn{display:inline-block;background:#f90;color:#0f1111!important;font-weight:700;padding:12px 30px;border-radius:max(var(--radius),6px);text-decoration:none}.amz-btn:hover{background:#f08804}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related{padding:24px 0 8px}.listing{padding:32px 16px}.page{padding-top:32px;padding-bottom:40px}.contact-box{font-size:1.15rem;background:var(--soft);padding:16px 20px;border-radius:var(--radius)}.empty{color:var(--muted)}.site-footer{margin-top:48px;border-top:1px solid var(--line);font-size:.92rem}[data-footer=dark] .site-footer{background:#18181b;color:#d4d4d8;border:0}[data-footer=dark] .site-footer a{color:#fafafa}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:36px 16px 16px}.footer-grid nav a{display:block;padding:3px 0;text-decoration:none}.site-footer .logo-text{font-size:1.25rem}.footer-tag{margin:10px 0 0}.footer-head{font-weight:700;margin:0 0 6px}.footer-legal{border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-top:12px;padding-bottom:24px;font-size:.85rem}@media(max-width:860px){.hero-banner{background-position:78% center}.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep) 30%,color-mix(in srgb,var(--deep) 55%,transparent))}.hero-banner>*{position:relative}.logo-text{font-size:1.2rem}.hero-mag,.with-sidebar,.post-layout,.post-layout:not(:has(.toc)),.footer-grid{grid-template-columns:minmax(0,1fr)}.toc{position:static}[data-header=split-nav-logo-center] .header-inner{grid-template-columns:1fr;justify-items:start}[data-cards=horizontal-list] .card{flex-direction:column}[data-cards=horizontal-list] .card-media{flex:none}.pros-cons{grid-template-columns:1fr}}