/* Carnet d'Hyrule — styles */
:root{
  color-scheme:dark;
  --bg:#0b110e; --bg2:#101a15; --card:#14201a; --card2:#192821; --line:#263a2f; --line2:#33503f;
  --text:#ece9dc; --muted:#a3b1a0; --dim:#6f806f;
  --gold:#d9b45a; --gold2:#f0d78c; --child:#5cc7b2; --adult:#e3a24f; --night:#b59cf0; --red:#e0776a; --ok:#79c97f;
  --serif:"Cinzel","Palatino Linotype","Book Antiqua",Georgia,serif;
  --sans:"Nunito Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font:16px/1.6 var(--sans);
  background:radial-gradient(1200px 600px at 80% -10%,#1b2f24 0%,transparent 60%),radial-gradient(900px 500px at -10% 10%,#16261e 0%,transparent 55%),var(--bg);min-height:100vh}
a{color:inherit}
button{font:inherit;cursor:pointer}

/* ---------- Barre du haut ---------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--bg)}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;backdrop-filter:blur(10px);background:rgba(11,17,14,.82);border-bottom:1px solid var(--line)}
.topbar .in{max-width:1080px;margin:0 auto;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.gem{width:26px;height:26px;transform:rotate(45deg);border:2px solid var(--gold);border-radius:4px;display:grid;place-items:center;flex:none}
.gem::after{content:"";width:9px;height:9px;background:var(--gold);border-radius:2px}
.brand b{font-family:var(--serif);font-weight:700;letter-spacing:1px;color:var(--gold2);font-size:1.05rem}
.brand small{display:block;color:var(--dim);font-size:.72rem;letter-spacing:.5px;margin-top:-3px}
.tabs{display:flex;gap:4px;margin-left:auto}
.tabs a{text-decoration:none;color:var(--muted);padding:7px 12px;border-radius:8px;font-weight:600;font-size:.92rem}
.tabs a:hover{color:var(--text);background:var(--card)}
.tabs a.on{color:var(--gold2);background:var(--card2)}
.toppct{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700;font-size:.9rem;min-width:44px;text-align:right}
.thinbar{height:3px;background:var(--line)}
.thinbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--child),var(--gold));transition:width .4s}

main{max-width:1080px;margin:0 auto;padding-block:28px 80px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.view{animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- Accueil ---------- */
.hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(135deg,rgba(217,180,90,.08),transparent 50%),var(--bg2);margin-bottom:34px}
.hero h1{font-family:var(--serif);font-size:2rem;line-height:1.15;margin:0 0 8px;color:var(--gold2);letter-spacing:.5px}
.hero p{margin:0 0 18px;color:var(--muted);max-width:560px}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--gold);background:var(--gold);color:#1b1608;font-weight:700;padding:10px 18px;border-radius:10px;text-decoration:none}
.btn:hover{background:var(--gold2)}
.btn.ghost{background:transparent;color:var(--gold2)}
.btn.ghost:hover{background:rgba(217,180,90,.1)}
.ring{--p:0;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--gold) calc(var(--p)*1%),var(--line) 0)}
.ring>div{width:108px;height:108px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;text-align:center}
.ring b{font-family:var(--serif);font-size:1.7rem;color:var(--gold2);line-height:1}
.ring small{color:var(--dim);font-size:.75rem}
.sect{display:flex;align-items:baseline;gap:12px;margin:30px 0 14px}
.sect h2{font-family:var(--serif);font-size:1.15rem;letter-spacing:1px;margin:0;color:var(--text)}
.sect span{color:var(--dim);font-size:.88rem}
.sect::after{content:"";flex:1;height:1px;background:var(--line);transform:translateY(-4px)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.ccard{position:relative;display:block;text-decoration:none;padding:16px 16px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);overflow:hidden;transition:transform .15s,border-color .15s}
.ccard:hover{transform:translateY(-2px);border-color:var(--line2)}
.ccard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c,var(--gold))}
.ccard .num{font-family:var(--serif);font-size:.8rem;color:var(--c,var(--gold));letter-spacing:2px}
.ccard h3{margin:2px 0 4px;font-size:1.08rem;line-height:1.3}
.ccard p{margin:0 0 12px;color:var(--muted);font-size:.86rem;min-height:3.2em}
.ccard.done h3::after{content:" ✓";color:var(--ok)}
.mini{height:6px;border-radius:4px;background:var(--line);overflow:hidden}
.mini i{display:block;height:100%;background:var(--c,var(--gold));width:0;transition:width .3s}
.ccard .meta{display:flex;justify-content:space-between;margin-top:6px;font-size:.78rem;color:var(--dim)}
.child{--c:var(--child)} .adult{--c:var(--adult)} .both{--c:var(--gold)} .coll{--c:var(--night)}

/* ---------- Chapitre ---------- */
.crumb{color:var(--dim);font-size:.88rem;margin-bottom:14px}
.crumb a{text-decoration:none;color:var(--muted)} .crumb a:hover{color:var(--gold2)}
.chead{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--bg2);margin-bottom:22px;position:relative;overflow:hidden}
.chead::after{content:attr(data-n);position:absolute;right:18px;top:-14px;font-family:var(--serif);font-size:7rem;color:rgba(217,180,90,.06);line-height:1}
.chead h1{font-family:var(--serif);font-size:1.7rem;margin:6px 0 6px;color:var(--gold2)}
.chead .lead{color:var(--muted);margin:0 0 14px;max-width:680px}
.pill{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;border-radius:20px;border:1px solid currentColor;margin-right:6px}
.pill.e{color:var(--child)} .pill.a{color:var(--adult)} .pill.n{color:var(--night)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 16px}
.chip{font-size:.82rem;padding:4px 10px;border-radius:8px;background:var(--card2);border:1px solid var(--line);color:var(--text)}
.chip em{font-style:normal;color:var(--gold)}
.pbar{display:flex;align-items:center;gap:12px}
.pbar .mini{flex:1;height:8px}
.pbar span{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}

.layout{display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:start}
.toc{position:sticky;top:76px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px}
.toc h4{margin:0 0 8px;font-family:var(--serif);font-size:.85rem;letter-spacing:1px;color:var(--gold)}
.toc a{display:flex;justify-content:space-between;gap:8px;text-decoration:none;color:var(--muted);font-size:.88rem;padding:5px 8px;border-radius:6px}
.toc a:hover{background:var(--card2);color:var(--text)}
.toc a.ok{color:var(--ok)}
.toc .sep{height:1px;background:var(--line);margin:8px 0}

.group{margin-bottom:22px;scroll-margin-top:80px}
.group h3{display:flex;align-items:center;gap:10px;font-size:1.02rem;margin:0 0 10px}
.group h3 .k{font-family:var(--serif);font-size:.78rem;color:var(--gold);border:1px solid var(--line2);border-radius:6px;padding:2px 7px}
.step{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}
.step:hover{border-color:var(--line2)}
.step .t{flex:1}
.step b{color:var(--gold2);font-weight:700}
.step.ok{background:transparent;border-style:dashed}
.step.ok .t{color:var(--dim)}
.step.ok .t b{color:var(--dim)}
.box{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--line2);background:var(--bg);flex:none;margin-top:1px;cursor:pointer;display:grid;place-items:center;transition:all .15s}
.box:checked{background:var(--ok);border-color:var(--ok)}
.box:checked::after{content:"";width:6px;height:11px;border:solid #0b110e;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.box:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.boss{border-color:#5a2e28;background:linear-gradient(135deg,rgba(224,119,106,.12),transparent 60%),var(--card)}
.boss .bt{font-family:var(--serif);color:var(--red);letter-spacing:1px;font-size:.8rem;display:block;margin-bottom:2px}
.tip{border-left:3px solid var(--child);background:rgba(92,199,178,.07);border-radius:0 10px 10px 0;padding:10px 14px;margin:10px 0 18px;font-size:.93rem;color:#cfe3dc}
.tip.gold{border-color:var(--gold);background:rgba(217,180,90,.07);color:#e9dfc2}

.modes{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden;margin-bottom:22px}
.modes button{background:transparent;border:0;color:var(--muted);padding:8px 16px;font-weight:700;font-size:.9rem}
.modes button.on{background:var(--gold);color:#1b1608}
.prose{margin:0 0 14px}
.prose p{margin:0 0 12px;color:#dcd8c8;font-size:1.01rem;line-height:1.75}
.prose p b{color:var(--gold2)}
.know{border:1px solid var(--line2);border-radius:12px;padding:12px 14px;margin:4px 0 14px;background:var(--card2)}
.know .lbl{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:1px;color:#1b1608;background:var(--child);border-radius:5px;padding:1px 7px;margin-right:6px}
.know.warn .lbl{background:var(--red)}
.know.gold .lbl{background:var(--gold)}
.fig{margin:6px 0 18px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);padding:14px 14px 10px}
.fig svg{display:block;width:100%;height:auto}
.fig figcaption{color:var(--dim);font-size:.8rem;margin-top:6px;text-align:center}
.cklbl{font-size:.75rem;letter-spacing:1px;color:var(--dim);text-transform:uppercase;margin:4px 0 8px;font-weight:700}
.soon{border:1px dashed var(--line2);border-radius:12px;padding:12px 14px;color:var(--muted);margin-bottom:18px;font-size:.92rem}
.loot{border:1px solid var(--line);border-radius:14px;background:var(--bg2);padding:16px;margin-top:26px;scroll-margin-top:80px}
.loot>h3{font-family:var(--serif);font-size:1rem;letter-spacing:1px;margin:0 0 2px;color:var(--night)}
.loot>p{margin:0 0 10px;color:var(--dim);font-size:.86rem}
.lz{margin-top:12px}
.lz h5{margin:0 0 6px;font-size:.82rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}
.item{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;cursor:pointer}
.item:hover{background:var(--card)}
.item .t{flex:1;font-size:.93rem}
.item.ok .t{color:var(--dim);text-decoration:line-through}
.kind{font-size:.68rem;font-weight:700;letter-spacing:.5px;padding:1px 7px;border-radius:5px;margin-right:6px;vertical-align:1px}
.kind.gs{background:rgba(217,180,90,.15);color:var(--gold2)}
.kind.hp{background:rgba(224,119,106,.15);color:#f2a197}
.kind.bt{background:rgba(92,199,178,.15);color:var(--child)}
.kind.gf{background:rgba(181,156,240,.15);color:var(--night)}
.kind.up{background:rgba(121,201,127,.15);color:var(--ok)}
.optlbl{font-size:.74rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--night);margin:14px 0 8px}
.step.opt{border-style:dashed;border-color:rgba(181,156,240,.35);background:rgba(181,156,240,.05)}
.step.opt .tags{margin-left:auto}
body.hideopt .step.opt,body.hideopt .optlbl{display:none}
.it{font-weight:800;color:var(--text);margin-right:4px}
.idt{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}
.need{display:block;color:var(--adult);font-size:.8rem;font-weight:700;margin-top:3px}
.item.ok .it,.item.ok .idt,.step.ok .it,.step.ok .idt{color:var(--dim)}
.lsec{display:flex;justify-content:space-between;margin:16px 0 4px;font-size:.92rem;color:var(--ok);letter-spacing:.5px}
.lsec.later{color:var(--adult);border-top:1px dashed var(--line);padding-top:14px;margin-top:20px}
.lsec span{color:var(--dim);font-weight:600}
.lnote,.lnone{color:var(--dim);font-size:.82rem;margin:0 0 4px}
.tags{white-space:nowrap}
.tg{font-size:.7rem;padding:1px 6px;border-radius:5px;border:1px solid currentColor;margin-left:4px}
.tg.e{color:var(--child)} .tg.a{color:var(--adult)} .tg.n{color:var(--night)}

.pager{display:flex;justify-content:space-between;gap:12px;margin-top:30px}
.pager a{flex:1;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--card)}
.pager a:hover{border-color:var(--line2)}
.pager small{display:block;color:var(--dim);font-size:.78rem}
.pager .nx{text-align:right}

/* ---------- Collection ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg button{background:transparent;border:0;color:var(--muted);padding:7px 12px;font-weight:600;font-size:.86rem}
.seg button.on{background:var(--card2);color:var(--gold2)}
.tgl{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem;border:1px solid var(--line);border-radius:10px;padding:6px 12px;cursor:pointer}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.zcard{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px}
.zcard h4{margin:0 0 4px;display:flex;justify-content:space-between;font-size:.98rem}
.zcard h4 span{color:var(--dim);font-weight:600;font-size:.85rem}
.zcard.full h4{color:var(--ok)}
.empty{color:var(--dim);padding:20px;text-align:center;border:1px dashed var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse}
td,th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:.94rem}
th{color:var(--gold);font-family:var(--serif);font-size:.8rem;letter-spacing:1px;font-weight:500}
.notes{font-weight:700;color:var(--gold2);letter-spacing:1px;white-space:nowrap}
.panel{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:18px}
.danger{background:transparent;border:1px solid #5a2e28;color:var(--red);border-radius:10px;padding:9px 14px;font-weight:700}
.danger:hover{background:rgba(224,119,106,.1)}

/* ---------- Chants ---------- */
.legend{display:flex;flex-wrap:wrap;gap:8px 16px}
.legend>span{display:inline-flex;align-items:center;gap:6px}
.legend i{font-style:normal;color:var(--dim)}
.songs{display:grid;gap:8px}
.song{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.song .sn b{display:block;font-size:1rem}
.song .sn small{color:var(--muted);font-size:.84rem}
.song.ok{background:transparent;border-style:dashed}
.song.ok .sn b{color:var(--ok)}
.where{text-decoration:none;text-align:right;font-size:.86rem;color:var(--gold2);border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.where:hover{border-color:var(--line2);background:var(--card2)}
.where small{display:block;color:var(--dim);font-size:.72rem}
.kc{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:50%;font-weight:800;font-size:.92rem;color:#0b110e;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.kc-sh{border-radius:9px;min-width:40px;background:#c9d1c6}
.padsel{margin:6px 0 12px}
.padsel button{padding:6px 12px}
.padnote{color:var(--dim);font-size:.82rem;margin:10px 0 0;max-width:640px}
.kin{width:84px;background:var(--bg);border:1px solid var(--line2);color:var(--gold2);border-radius:8px;padding:5px 8px;font:inherit;font-weight:700;font-size:.88rem}
.kin:focus{outline:2px solid var(--gold);outline-offset:1px}
.nc{display:inline-grid;place-items:center;min-height:28px;padding:0 9px;border-radius:8px;font-weight:700;font-size:.84rem;background:var(--card2);border:1px solid var(--line2);color:var(--gold2)}
.melo{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:8px;border-top:1px dashed var(--line)}
.melo .seq{display:flex;flex-wrap:wrap;gap:5px}
.mlink{background:transparent;border:0;color:var(--gold2);font:inherit;font-size:.86rem;font-weight:700;padding:4px 2px;cursor:pointer}
.mlink:hover{text-decoration:underline}
.mi{flex:1;min-width:200px;background:var(--bg);border:1px solid var(--line2);color:var(--text);border-radius:9px;padding:8px 10px;font:inherit}
.mi:focus{outline:2px solid var(--gold);outline-offset:1px}
.melo .padnote,.melo .msg{flex-basis:100%;margin:2px 0 0}
@media (max-width:640px){.song{grid-template-columns:auto 1fr}.where{grid-column:1/-1;text-align:left}}

/* ---------- Réglages ---------- */
.setgrid{display:grid;gap:14px}
.ph{margin:0 0 6px;font-family:var(--serif);font-size:.95rem;letter-spacing:1px;color:var(--gold)}
.pt{color:var(--muted);margin:0 0 12px;font-size:.93rem}
.syncst{margin:0;color:var(--muted)}
.syncst b{color:var(--text)}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#io{width:100%;margin:12px 0 10px;background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:10px;font:inherit;font-size:.85rem;resize:vertical}
.msg{margin:10px 0 0;color:var(--ok);font-size:.9rem;min-height:1.2em}
.msg.bad{color:var(--red)}

/* ---------- Recherche, navigation, confort ---------- */
.sbtn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:6px 10px;font-size:.88rem}
.sbtn:hover{border-color:var(--line2);color:var(--text)}
.sbtn kbd,.shint kbd{font:inherit;font-size:.72rem;border:1px solid var(--line2);border-radius:4px;padding:0 5px;color:var(--dim)}
.tabs{margin-left:0}
.sov{position:fixed;inset:0;z-index:50;background:rgba(5,8,6,.72);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}
.sov[hidden]{display:none}
.sbox{width:100%;max-width:640px;background:var(--bg2);border:1px solid var(--line2);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.sbox input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:1.05rem;padding:16px 18px;outline:none}
.sres{max-height:56vh;overflow:auto}
.sres a{display:block;text-decoration:none;padding:10px 18px;border-bottom:1px solid var(--line)}
.sres a.on,.sres a:hover{background:var(--card2)}
.sres b{display:block;font-weight:700;font-size:.95rem}
.sres small{color:var(--gold);font-size:.75rem;letter-spacing:.3px}
.sres .snip{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}
.sres mark{background:rgba(217,180,90,.25);color:var(--gold2);border-radius:3px;padding:0 1px}
.sres .none{padding:22px 18px;color:var(--dim)}
.shint{padding:9px 18px;color:var(--dim);font-size:.78rem;border-top:1px solid var(--line)}
.flash{animation:flash 1.8s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 3px var(--gold)}70%{box-shadow:0 0 0 3px rgba(217,180,90,.4)}100%{box-shadow:0 0 0 0 transparent}}
.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}
.tools .modes{margin-bottom:0}
.nextbtn{margin-top:14px;font-size:.88rem;padding:7px 14px}
body.hidedone .step.ok,body.hidedone .loot .item.ok{display:none}
.totop{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--card2);color:var(--gold2);font-size:1.1rem;opacity:0;pointer-events:none;transition:opacity .2s}
.totop.show{opacity:1;pointer-events:auto}
a:focus-visible,button:focus-visible,.tgl:focus-within{outline:2px solid var(--gold);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view,.flash{animation:none}*{transition:none!important}}
@media print{
  :root{--bg:#fff;--bg2:#fff;--card:#fff;--card2:#f3f3f3;--line:#ccc;--line2:#999;--text:#111;--muted:#444;--dim:#666;--gold:#7a5c0c;--gold2:#5c450a}
  body{background:#fff}
  .topbar,.toc,.tools,.pager,.filters,.totop,.sov,.nextbtn,.crumb{display:none!important}
  .layout{grid-template-columns:1fr}
  .prose p{color:#111}
  .step,.fig,.know,.boss{break-inside:avoid}
  .view{animation:none}
}
@media (max-width:860px){
  .layout{grid-template-columns:1fr}
  .toc{position:static;order:-1}
  .hero{grid-template-columns:1fr}
  .ring{justify-self:start}
  .tabs a{padding:6px 8px;font-size:.85rem}
  .brand small{display:none}
}
@media (max-width:600px){
  .panel table tr:first-child{display:none}
  .panel table tr{display:grid;grid-template-columns:36px 1fr;border-bottom:1px solid var(--line);padding:8px 0}
  .panel table td{border:0;padding:3px 6px}
  .panel table td:nth-child(3),.panel table td:nth-child(4){grid-column:2}
  .notes{white-space:normal}
}
@media (max-width:520px){.toppct{display:none}.brand>span:last-child{display:none}.sbtn span,.sbtn kbd{display:none}.topbar .in{gap:8px}.tabs a{padding:6px 7px}.hero h1{font-size:1.5rem}.chead h1{font-size:1.35rem}.cgrid{grid-template-columns:1fr}}