:root{--bg:#fffaf5;--ink:#2f3a45;--muted:#525c66;--accent:#e0785a;--mint:#d8f0e6;--sky:#dcebfa;--peach:#ffe3d6;--lemon:#fff3c4;--lilac:#ece3fa;--r:18px}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:#a8452a}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px}
.site-header{background:#fff;border-bottom:3px dotted var(--peach);position:sticky;top:0;z-index:5}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:1.35rem;font-weight:700}.brand b{color:#b24a2e}.logo{width:38px;height:38px}
.site-nav{display:flex;gap:4px;flex-wrap:wrap}.site-nav a{padding:6px 12px;border-radius:999px;text-decoration:none;color:var(--ink);font-size:.95rem}.site-nav a:hover,.site-nav a[aria-current]{background:var(--peach)}
.nav-toggle{display:none;border:0;background:var(--peach);border-radius:12px;padding:6px 12px;font-size:1.2rem}
@media(max-width:820px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px}.site-nav.open{display:flex}}
.prose{max-width:820px;margin:0 auto;padding:20px}.crumbs{color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.88rem}.lead{font-size:1.1rem}
.hero{display:flex;gap:16px;align-items:center;margin:10px 0}.hicon{flex:none;display:inline-grid;place-items:center;width:72px;height:72px;border-radius:24px;background:var(--mint);color:#3e8a6b}.hicon svg{width:46px;height:46px}
h1{font-size:2rem;line-height:1.2;margin:.2em 0}h2{margin-top:1.8em}.kick{display:inline-block;background:var(--lemon);border-radius:999px;padding:2px 12px;font-size:.82rem;font-weight:600}
.draft{background:repeating-linear-gradient(45deg,#fff3c4,#fff3c4 12px,#ffe9a8 12px,#ffe9a8 24px);border:2px dashed #d9a400;border-radius:var(--r);padding:10px 14px;margin:12px 0;font-weight:600}.draft b{background:#2f3a45;color:#fff;border-radius:8px;padding:1px 8px;margin-right:6px}
.box{background:#fff;border-radius:var(--r);padding:14px 16px;margin:14px 0;box-shadow:0 2px 0 #f0e4da}.box.warn{background:var(--sky)}.disc{border-left:6px solid var(--accent)}
.adtag{display:inline-block;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;border-radius:6px;padding:1px 6px;vertical-align:middle}
.quick{background:var(--peach);border-radius:24px;padding:6px 20px 14px}.quick ul{list-style:none;padding:0;display:grid;gap:8px}.quick li{background:#fff;border-radius:14px;padding:8px 12px}.tag{display:block;font-size:.8rem;font-weight:700;color:#a8452a}
.bands{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.band{border-radius:var(--r);padding:4px 16px}.b-budget{background:var(--mint)}.b-mid-range{background:var(--sky)}.b-premium{background:var(--lilac)}.band ul{padding-left:18px}
.tablewrap{overflow-x:auto;border-radius:var(--r);background:#fff}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:9px 10px;text-align:left;border-bottom:1px solid #f1e7de;vertical-align:top}th{background:var(--lemon)}
.card{background:#fff;border-radius:24px;padding:18px 20px;margin:18px 0;box-shadow:0 3px 0 #f0e4da}.cardh{display:flex;gap:14px;align-items:center}.cardh h3{margin:0 0 4px}.rank{flex:none;width:46px;height:46px;border-radius:50%;background:#b24a2e;color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem}
.pill{display:inline-block;font-size:.78rem;border-radius:999px;padding:1px 10px;background:var(--peach);margin:2px 0}.band-budget{background:var(--mint)}.band-mid-range{background:var(--sky)}.band-premium{background:var(--lilac)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.pc{grid-template-columns:1fr}}.pc ul{padding-left:18px;margin:.3em 0}
.ownnote{border:2px dashed #9cc9b4;background:#f3fbf7;border-radius:var(--r);padding:10px 14px;margin:10px 0;display:flex;flex-direction:column}.ownnote span{color:var(--muted);font-style:italic}
.buy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.btn{background:#b24a2e;display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:10px 20px}.btn:hover{background:#8f3a22}.nolink{font-style:italic}
.hl{background:var(--lemon);padding:0 4px;border-radius:4px}.grouph{background:var(--lilac);border-radius:var(--r);padding:8px 14px}
.faq details{background:#fff;border-radius:14px;padding:10px 14px;margin:8px 0}.faq summary{font-weight:600;cursor:pointer}
.steps li{margin:6px 0}.ck ul{list-style:none;padding:0}.ck li{background:#fff;border-radius:12px;margin:6px 0;padding:8px 12px}.ck input{width:24px;height:24px;accent-color:var(--accent);vertical-align:middle}.ck input:checked+span{text-decoration:line-through;color:var(--muted)}
.homehero{background:radial-gradient(circle at 15% 30%,var(--peach) 0 120px,transparent 121px),radial-gradient(circle at 85% 70%,var(--mint) 0 150px,transparent 151px),var(--bg);padding:50px 0 30px;text-align:center}.homehero h1{font-size:2.5rem}.homehero p{max-width:620px;margin:0 auto 10px;font-size:1.15rem}.homehero .draft{max-width:620px;margin:12px auto}
.dots i{display:inline-block;width:14px;height:14px;border-radius:50%;margin:0 4px;background:var(--accent)}.dots i:nth-child(2){background:#7bc4a4}.dots i:nth-child(3){background:#8bb6e8}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.lcard{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:24px;text-decoration:none;color:var(--ink);transition:transform .15s}.lcard:hover{transform:translateY(-3px) rotate(-.5deg)}.lcard span:last-child{color:var(--muted);font-size:.93rem}.lcard .hicon{background:#fff}
.c1{background:var(--peach)}.c2{background:var(--sky)}.c3{background:var(--mint)}.c4{background:var(--lilac)}.c5{background:var(--lemon)}
.site-footer{margin-top:40px;background:#fff;border-top:3px dotted var(--peach);padding:24px 0}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}

.crumbs a,.site-footer nav a,.xl a,.quick a,.band a,.tablewrap a,.cklink a,.prose p a,.box a{display:inline-block;min-height:24px;padding:2px 0}
.site-footer nav a{padding:6px 4px}.site-nav a{min-height:40px;display:inline-flex;align-items:center}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cklink{display:block;font-size:.88rem;color:var(--muted);margin:4px 0 0 28px}
.rank.unr{background:#cfd6dd;color:#2f3a45}.btn.sm{min-height:40px;padding:6px 14px;font-size:.9rem}.btn .adtag{background:#fff;color:#2f3a45}
.pickbar{display:none}
@media(max-width:700px){.pickbar:not([hidden]){display:flex;position:fixed;left:8px;right:8px;bottom:8px;z-index:9;gap:8px;align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 18px rgba(0,0,0,.18);padding:8px 10px;font-size:.88rem}.pickbar span{flex:1}body{padding-bottom:80px}}
.pickbar .x{min-width:44px;min-height:44px;border:0;background:var(--peach);border-radius:50%;font-size:1.3rem;cursor:pointer}
:focus-visible{outline:3px solid #2f6fb5;outline-offset:2px}
.prose li a,.ck label a{display:inline-block;min-height:24px;padding:2px 0}
.box.research{background:var(--mint);border-left:6px solid #3e8a6b}
.box.alert{background:#fff1e8;border-left:6px solid #b24a2e}.box.alert h2{margin-top:.2em}
.opinion{margin:.2em 0 .6em;color:var(--muted);font-style:italic}
.factlist{list-style:none;padding:0}.factlist li{background:#fff;border-radius:14px;padding:10px 14px;margin:8px 0}
.cknote{display:block;font-size:.88rem;background:#fff1e8;border-radius:10px;padding:6px 10px;margin:6px 0 0 28px}
