:root{--ink:#14162b;--mut:#565a72;--line:#e4e1ef;--bg:#faf9fd;--card:#fff;--brand:#5b3fa0;--brand2:#7a5fc0}
@media(prefers-color-scheme:dark){:root{--ink:#f1effa;--mut:#aaa7c2;--line:#2d2a44;--bg:#12111c;--card:#1b192b;--brand:#a78bfa;--brand2:#8b6ff0}}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}header{padding:44px 0 20px}
.brand{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:700}
h1{font-size:clamp(30px,6vw,46px);line-height:1.1;margin:10px 0 12px;letter-spacing:-.02em}
.lead{font-size:18px;color:var(--mut);max-width:620px;margin:0}
h2{font-size:20px;margin:36px 0 12px}h3{font-size:17px;margin:0 0 4px}p{margin:0 0 8px;color:var(--mut)}
.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit}
.card:hover{border-color:var(--brand2)}.card img{border-radius:14px;flex:none}.card p{font-size:15px}
.big{padding:18px}.btn{display:inline-block;background:var(--brand);color:#fff;font-weight:700;padding:9px 14px;border-radius:10px;font-size:15px}
@media(prefers-color-scheme:dark){.btn{color:#12111c}}
.price{font-size:14px;font-weight:700;color:var(--brand)}
.sheet{border-color:var(--brand2)}.tag{display:inline-block;font-size:12px;font-weight:700;color:var(--brand);border:1px solid var(--brand2);border-radius:999px;padding:1px 9px;margin-bottom:6px}
footer{margin:44px 0 30px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}footer a{color:var(--brand)}
/* v2 */
a.brand{text-decoration:none}.count{font-size:13px;font-weight:700;color:var(--brand);border:1px solid var(--brand2);border-radius:999px;padding:1px 9px;vertical-align:middle;margin-left:6px}
.lead2{margin:-6px 0 12px;font-size:15px}.jump{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.jump a{font-size:14px;font-weight:700;color:var(--brand);border:1px solid var(--line);border-radius:999px;padding:5px 12px;text-decoration:none;background:var(--card)}
.group{scroll-margin-top:12px}.tabs{display:grid;gap:12px}.tablist{list-style:none;margin:0;padding:0;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.tab{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;font-weight:600;font-size:14px;line-height:1.25}
.tab img{border-radius:9px;flex:none}.tab:hover{border-color:var(--brand2)}.tab[aria-selected="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.panel{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;scroll-margin-top:12px}.panel+.panel{margin-top:12px}.panel p{font-size:15px}
.js .panel{display:none}.js .panel.on{display:block}.js .panel+.panel{margin-top:0}
.phead{display:flex;gap:14px;align-items:center;margin-bottom:10px}.phead img{border-radius:16px}.phead h3{font-size:19px}
@media(min-width:760px){.tabs{grid-template-columns:270px 1fr;align-items:start}.tablist{grid-template-columns:1fr}}
a.btn{text-decoration:none}