:root{--bg:#fafaf7;--card:#fff;--ink:#1d1d1f;--muted:#5f6368;--line:#e4e2dc;--accent:#1f5eff;--accent-ink:#fff;--chip:#f0efe9;--ok:#1d7a46;--warn:#9a5b00;--radius:14px;--tint:#eef3ff;--accent-deep:#1647c4;--line-strong:#cfccc3;--tip:#e9f6ee;--warnbg:#fdf3e3;--keybg:#eef3ff}
@media (prefers-color-scheme:dark){:root{--bg:#121212;--card:#1c1c1e;--ink:#f2f2f2;--muted:#a1a1a6;--line:#2c2c2e;--accent:#6c9bff;--accent-ink:#0b0b0b;--chip:#2a2a2d;--ok:#5fd08f;--warn:#f0b35a;--tint:#1d2638;--accent-deep:#3d6fe0;--line-strong:#45454a;--tip:#16271d;--warnbg:#2c2416;--keybg:#1a2236}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--accent)}a:hover{text-decoration-thickness:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line);background:var(--card)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:14px 20px}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:750;letter-spacing:-.01em;color:var(--ink);text-decoration:none;font-size:1.1rem}
.brand img{width:26px;height:26px;border-radius:6px}.brand b{color:var(--accent);font-weight:inherit}
nav.top{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.95rem;max-width:100%}
nav.top a{color:var(--muted);text-decoration:none;padding:2px 0}nav.top a:hover,nav.top a[aria-current]{color:var(--ink)}
@media(max-width:560px){header.site .wrap{padding:12px 16px}nav.top{gap:2px 0;font-size:.9rem;width:100%;justify-content:space-between}nav.top a{padding:6px 0}.wrap{padding:0 16px}.hide-sm{display:none}
}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.hero{padding:44px 0 18px}.hero h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;margin:0 0 10px;letter-spacing:-.02em}
.hero p{color:var(--muted);max-width:680px;margin:0 0 8px;font-size:1.05rem}
.stats{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0 4px;padding:0;list-style:none;font-size:.9rem;color:var(--ink)}
.stats li{display:flex;align-items:center;gap:7px}.stats li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.notice{font-size:.85rem;color:var(--muted)}
.search{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 12px}
.search input{flex:1 1 280px;font:inherit;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:8px}
.filters label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.filters select{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
.toggle{display:flex;align-items:center;gap:8px;font-size:.95rem;cursor:pointer}.toggle input{width:17px;height:17px;accent-color:var(--accent);margin:0}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:14px 0 10px}
.count{color:var(--muted);font-size:.92rem;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:600;line-height:1.2;padding:11px 18px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:8px 0 30px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}
.card:hover{border-color:#cfccc3;box-shadow:0 2px 10px rgba(0,0,0,.04)}.card .chips{margin-top:auto;padding-top:2px}
.card h3{margin:0;font-size:1.08rem;line-height:1.3}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--accent)}
.meta{color:var(--muted);font-size:.9rem}
.min{font-weight:650}.min.ns{color:var(--muted);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--chip);border-radius:999px;padding:3px 10px;font-size:.8rem;color:var(--ink);text-decoration:none}
.chip.tech{outline:1px solid var(--accent)}.chip.claimed{background:var(--ok);color:#fff}.chip.sponsored{background:var(--warn);color:#fff}
section{margin:34px 0}h2{font-size:1.35rem;letter-spacing:-.01em;margin:0 0 12px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel h2:not(:first-child){margin-top:22px}.panel ul{padding-left:20px}.panel li{margin:4px 0}
.narrow{max-width:760px}.src{margin:4px 0 2px;padding-left:18px;font-size:.92rem;overflow-wrap:anywhere}
.two{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px}@media(max-width:820px){.two{grid-template-columns:minmax(0,1fr)}}
dl.facts{display:grid;grid-template-columns:170px 1fr;gap:10px 16px;margin:0}dl.facts dt{color:var(--muted);font-size:.92rem}dl.facts dd{margin:0}
@media(max-width:560px){dl.facts{grid-template-columns:1fr}dl.facts dt{margin-top:8px}}
.crumbs{font-size:.88rem;color:var(--muted);margin:22px 0 6px}.crumbs a{color:var(--muted)}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.linklist{columns:2 200px;column-gap:24px;padding-left:18px;margin:0}.panel .linklist li{margin:0 0 6px;break-inside:avoid}
.signup{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.signup input{flex:1 1 200px;min-width:0;font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.formnote{font-size:.85rem;color:var(--muted);margin-top:8px}
.form label{display:block;font-weight:600;margin:12px 0 4px}.form input,.form textarea,.form select{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
footer{border-top:1px solid var(--line);margin-top:56px;padding:30px 0 44px;color:var(--muted);font-size:.88rem;background:var(--card)}
footer .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:22px 40px}footer a{color:var(--muted)}footer a:hover{color:var(--ink)}
footer p{margin:0 0 10px}footer .flinks{display:flex;flex-direction:column;gap:6px}footer .fine{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:.82rem}
@media(max-width:700px){footer .wrap{grid-template-columns:1fr}}
.hero .badge{margin-bottom:10px}
@media(max-width:560px){.filters{grid-template-columns:1fr 1fr}.filters>div:last-child{grid-column:1/-1}.search .btn{flex:1 1 100%}footer .flinks{flex-direction:row;flex-wrap:wrap;gap:6px 16px}.hero{padding-top:30px}}
.empty{padding:30px;text-align:center;color:var(--muted)}
.srclist{font-size:.9rem;overflow-wrap:anywhere;padding-left:22px}.srclist li{margin:6px 0}
/* ---- guides */
.gtag{display:inline-block;font-size:.74rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--tint);border-radius:999px;padding:4px 11px}
.ghero{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px 38px;margin:8px 0 26px}
.ghero h1{font-size:clamp(1.75rem,3.6vw,2.6rem);line-height:1.12;letter-spacing:-.022em;margin:12px 0 12px}
.gdesc{color:var(--muted);font-size:1.08rem;margin:0 0 16px;max-width:62ch}
.gmeta{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.gmeta li{font-size:.85rem;color:var(--ink);background:var(--chip);border-radius:8px;padding:4px 10px}
.gart svg{width:100%;height:auto;display:block}.gindex{grid-template-columns:1fr}
.glayout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;align-items:start}
.gbody{max-width:700px;font-size:1.06rem;line-height:1.7;min-width:0}
.gbody h2{font-size:1.45rem;margin:42px 0 12px;scroll-margin-top:16px;letter-spacing:-.015em}.gbody h3{font-size:1.12rem;margin:28px 0 10px}
.gbody p{margin:0 0 14px}.gbody ul,.gbody ol{padding-left:22px;margin:0 0 16px}.gbody li{margin:7px 0}
.gbody .lede{font-size:1.16rem;line-height:1.6;color:var(--ink)}
sup.cite a{display:inline-block;min-width:1.3em;text-align:center;font-size:.68rem;font-weight:700;line-height:1.45;text-decoration:none;background:var(--tint);color:var(--accent);border-radius:5px;padding:0 3px;margin-left:2px}
.ct{font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px !important}
.tldr{background:var(--keybg);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:16px;padding:20px 24px 8px;margin:0 0 26px}
.tldr .ct{color:var(--accent)}.tldr ul{padding-left:20px}.tldr li{margin:6px 0 10px}
.gside{position:sticky;top:18px;display:flex;flex-direction:column;gap:14px;font-size:.92rem}
.toc,.side-more{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.toc .ct,.side-more .ct{color:var(--muted)}.toc ol{list-style:none;padding:0;margin:0;counter-reset:t}
.toc li{counter-increment:t;margin:0}.toc a{display:flex;gap:10px;color:var(--ink);text-decoration:none;padding:6px 0;line-height:1.35;border-top:1px solid var(--line)}
.toc li:first-child a{border-top:0}.toc a::before{content:counter(t);color:var(--accent);font-weight:750;min-width:1.1em}.toc a:hover{color:var(--accent)}
.side-more ul{padding-left:18px;margin:0}.side-more li{margin:6px 0}
.toc-m{display:none;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 20px}
.toc-m summary{font-weight:700;cursor:pointer}.toc-m ol{margin:10px 0 4px;padding-left:22px}.toc-m li{margin:5px 0}
.callout{border-radius:14px;padding:16px 20px 4px;margin:20px 0;border-left:5px solid}.callout ul{padding-left:20px}
.callout.tip{background:var(--tip);border-color:var(--ok)}.callout.tip .ct{color:var(--ok)}
.callout.warn{background:var(--warnbg);border-color:var(--warn)}.callout.warn .ct{color:var(--warn)}
.callout.key,.callout.note{background:var(--keybg);border-color:var(--accent)}.callout.key .ct,.callout.note .ct{color:var(--accent)}
.steps{list-style:none;padding:0 !important;counter-reset:s;display:grid;gap:10px}
.steps li{counter-increment:s;position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px 6px 64px;margin:0}
.steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;display:grid;place-items:center;font-size:.95rem}
.steps h4{margin:3px 0 4px;font-size:1.02rem}.steps p{margin:0 0 8px;color:var(--ink)}
.routes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 10px}.route{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.route h3{margin:6px 0 6px;font-size:1.05rem}.route p{margin:0;font-size:.95rem;color:var(--muted)}.rnum{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.fcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;margin:12px 0 20px}
.fcard{display:flex;flex-direction:column;gap:3px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--ink);line-height:1.4;transition:border-color .15s,box-shadow .15s}
.fcard:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(31,94,255,.10)}
.fname{font-weight:750;font-size:1rem}.floc{font-size:.84rem;color:var(--muted)}.fmin{font-size:.9rem;font-weight:650;margin-top:4px}.fmin.ns{color:var(--muted);font-weight:500}
.fnote{font-size:.86rem;color:var(--muted)}.fgo{margin-top:auto;padding-top:6px;font-size:.84rem;font-weight:700;color:var(--accent)}
.stat{display:flex;gap:20px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:18px 0}
.stat b{font-size:3rem;line-height:1;font-weight:800;color:var(--accent);letter-spacing:-.03em;flex:none}.stat figcaption{font-size:.98rem;line-height:1.5}
.pull{margin:26px 0;padding:6px 0 6px 22px;border-left:4px solid var(--accent);font-size:1.25rem;line-height:1.45;font-weight:650;letter-spacing:-.01em}
.sizes{display:flex;gap:8px;margin:6px 0 6px}.sizes span{flex:1;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 4px;font-size:.85rem;color:var(--muted)}
.sizes b{display:block;font-size:1.35rem;color:var(--ink)}
.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px}.cmp{border-radius:14px;padding:14px 16px;border:1px solid var(--line);background:var(--card)}
.cmp b{display:block;font-size:1rem}.cmp span{font-size:.9rem;color:var(--muted)}.cmp.ok{border-left:5px solid var(--ok)}.cmp.ok b{color:var(--ok)}.cmp.no{border-left:5px solid var(--warn)}.cmp.no b{color:var(--warn)}
.tblwrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:12px 0 18px;background:var(--card)}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}.tbl th,.tbl td{text-align:left;vertical-align:top;padding:11px 14px}
.tbl th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--chip)}
.tbl tbody tr:nth-child(even){background:color-mix(in srgb,var(--chip) 55%,var(--card))}.tbl td:first-child{font-weight:650;width:30%}
ul.check{list-style:none;padding-left:0 !important}ul.check li{padding-left:32px;position:relative}
ul.check li::before{content:"";position:absolute;left:2px;top:.3em;width:16px;height:16px;border:2px solid var(--accent);border-radius:5px}
ul.qs{list-style:none;padding-left:0 !important}ul.qs li{position:relative;padding:12px 0 12px 36px;border-top:1px solid var(--line);margin:0}ul.qs li:first-child{border-top:0}
ul.qs li::before{content:"?";position:absolute;left:0;top:13px;width:24px;height:24px;border-radius:50%;background:var(--tint);color:var(--accent);font-weight:800;font-size:.85rem;display:grid;place-items:center}
.gcta{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;background:var(--keybg);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:20px;padding:26px 28px;margin:40px 0 10px}
.gcta h2{margin:0 0 8px !important;font-size:1.3rem}.gcta h3{margin:0 0 6px;font-size:1.05rem}.gcta p{font-size:.95rem;color:var(--muted)}
.gcta-links{list-style:none;padding:0 !important;margin:14px 0 0 !important;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.9rem}.gcta-links li{margin:0}
.gcta-mail{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.gcta .formnote{font-size:.78rem}
.gnext{margin-top:44px}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin:8px 0}
.gcard{text-decoration:none;color:var(--ink);gap:8px}.gcard h3{font-size:1.08rem;line-height:1.3}.gcard p{margin:0;color:var(--muted);font-size:.93rem}.gcard:hover h3{color:var(--accent)}
.gicon{width:40px;height:40px;border-radius:11px;background:var(--tint);color:var(--accent);display:grid;place-items:center}.gcard .gtag{align-self:flex-start}
.gread{margin-top:auto;font-size:.86rem;font-weight:700;color:var(--accent)}
@media(max-width:980px){.glayout{grid-template-columns:1fr}.gside{display:none}.toc-m{display:block}.gbody{max-width:none}}
@media(max-width:760px){.ghero{grid-template-columns:1fr;padding:22px 20px;gap:10px;border-radius:18px}.gart{order:-1;max-width:132px}.gcta{grid-template-columns:minmax(0,1fr);padding:20px}.gcta .btn{white-space:normal;text-align:center}}
@media(max-width:560px){.gbody{font-size:1.02rem}.gbody h2{font-size:1.28rem;margin-top:34px}.routes,.compare{grid-template-columns:1fr}.compare{gap:8px}
.tblwrap{border:0;background:none;border-radius:0}.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:auto !important}
.tbl tr{background:var(--card) !important;border:1px solid var(--line);border-radius:12px;margin:0 0 8px;padding:10px 14px}.tbl td{padding:2px 0}.tbl td:first-child{color:var(--accent);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.stat{flex-direction:column;align-items:flex-start;gap:8px}.steps li{padding-left:58px}.fcards{grid-template-columns:1fr 1fr}.sizes span{padding:8px 2px}}
@media(max-width:380px){.fcards{grid-template-columns:1fr}}
.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--chip);color:var(--warn)}