/* Wabukan — Saber (manual, código de honra, bibliografia, glossário) */
.sb{max-width:980px;margin:0 auto;color:#e9e3d8;line-height:1.6}
.sb h1{font-family:Cinzel,serif;color:#fff;font-size:clamp(26px,6vw,40px);margin:10px 0 6px;line-height:1.2}
.sb h2{font-family:Cinzel,serif;color:var(--gold);font-size:clamp(20px,4.6vw,26px);margin:34px 0 10px;border-bottom:1px solid #2a2a2a;padding-bottom:6px;scroll-margin-top:90px}
.sb h3{font-family:Cinzel,serif;color:#fff;font-size:18px;margin:20px 0 6px;scroll-margin-top:90px}
.sb p,.sb li{font-size:16px}
.sb a{color:#e9c46a}
.sb .lead{font-size:18px;color:#ddd}
.sb-langs{font-size:13px;color:var(--mute);margin:6px 0 0;display:block;overflow-wrap:anywhere}
.sb-langs a{color:var(--mute)}.sb-langs b{color:#fff}
.sb-crumb{font-size:13px;color:var(--mute);margin:8px 0 0}.sb-crumb a{color:var(--mute)}
.sb-badge{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#3a2a12;color:var(--gold);border-radius:20px;padding:2px 10px;margin:4px 0}
.sb-card{background:#141414;border:1px solid #262626;border-radius:12px;padding:14px 16px;margin:12px 0}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.sb-val{background:#141414;border:1px solid #262626;border-left:3px solid var(--red);border-radius:10px;padding:12px 14px;scroll-margin-top:90px}
.sb-val h3{margin:0 0 4px}.sb-val .k{color:var(--gold);font-size:14px;margin-left:6px;font-family:inherit}
.sb-val p{margin:4px 0;font-size:15px}
.sb-val .pr{font-size:14px;color:#bbb}
.sb-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0;border:1px solid #262626;border-radius:10px}
.sb table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
.sb th,.sb td{border-bottom:1px solid #262626;padding:8px 10px;text-align:left;vertical-align:top}
.sb th{background:#1a1a1a;color:var(--gold);font-weight:600}
.sb-ok{color:#8fd18f}.sb-no{color:#888}
.sb-fig{margin:16px 0;background:#101010;border:1px solid #262626;border-radius:12px;padding:10px}
.sb-fig svg{display:block;width:100%;height:auto;max-height:440px}
.sb-fig figcaption{font-size:14px;color:#ccc;margin-top:8px}
.sb-fig dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:14px;margin:8px 0 0}
.sb-fig dt{color:var(--gold);font-weight:700}.sb-fig dd{margin:0;color:#ccc}
.sb-num{background:#16130c;border:1px solid #3a2a12;border-radius:10px;padding:12px 14px;margin:12px 0}
.sb-num .f{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;color:#fff;overflow-x:auto;white-space:nowrap}
.sb-num small{display:block;color:#aaa;font-size:13px;margin-top:4px}
.sb-warn{background:#1c0e0e;border:1px solid #5a1d1d;border-left:4px solid var(--red);border-radius:10px;padding:12px 14px;margin:18px 0}
.sb-warn b{color:#ff9a8a}
.sb-steps{counter-reset:s;list-style:none;padding:0}
.sb-steps li{counter-increment:s;position:relative;padding:4px 0 8px 40px}
.sb-steps li:before{content:counter(s);position:absolute;left:0;top:4px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;text-align:center;line-height:28px;font-size:14px}
.sb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.sb-chips a,.sb-chips span{font-size:12px;background:#2a2a2a;border-radius:12px;padding:2px 9px;color:#ddd;text-decoration:none}
.sb-chips a:hover{background:var(--red)}
.sb-toc{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.sb-toc a{font-size:13px;border:1px solid #333;border-radius:16px;padding:3px 10px;color:#ddd;text-decoration:none}
.sb-toc a:hover{border-color:var(--gold)}
.sb-bib{list-style:none;padding:0;margin:0}
.sb-bib li{padding:10px 0;border-bottom:1px solid #222;scroll-margin-top:90px}
.sb-bib li:target{background:#16130c}
.sb-bib .r{font-size:15px}.sb-bib .r i{color:#fff}
.sb-bib .n{font-size:14px;color:#bbb;margin:3px 0}
.sb-bib .id{font-size:12px;color:var(--mute);font-family:ui-monospace,Menlo,monospace;word-break:break-all}
.sb-src{margin-top:36px;font-size:13px;color:#aaa}
.sb-src h2{font-size:18px}
.sb-src li{font-size:13px;margin:4px 0;word-break:break-word}
.sb-src a{color:#aaa}
.sb-cite{margin:30px 0 10px;background:#121212;border:1px dashed #333;border-radius:10px;padding:10px 14px;font-size:13px}
.sb-cite h2{font-size:15px;border:0;margin:4px 0;padding:0;color:#bbb}
.sb-cite p{font-size:13px;color:#aaa;margin:4px 0}
.sb-cit{white-space:pre-wrap;word-break:break-word;background:#0c0c0c;border-radius:6px;padding:8px;font-size:12px;color:#ddd;margin:6px 0}
.sb-btn{background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:13px}
.sb-small{font-size:12px;color:var(--mute)}
.sb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:12px 0}
.sb-tile{display:block;background:#141414;border:1px solid #262626;border-radius:12px;padding:12px;text-decoration:none;color:#e9e3d8}
.sb-tile:hover{border-color:var(--gold)}
.sb-tile svg{width:100%;height:120px;display:block;background:#0e0e0e;border-radius:8px}
.sb-tile b{display:block;font-family:Cinzel,serif;color:#fff;margin-top:8px}
.sb-tile span{font-size:13px;color:#aaa}
.sb-pron{color:var(--gold);font-size:13px;margin-left:6px}
@media (max-width:480px){.sb p,.sb li{font-size:15px}.sb-steps li{padding-left:36px}}
.sb-bib-c{font-size:15px;margin:0}.sb-bib-c i{color:#fff}
.sb-bib-n{font-size:14px;color:#bbb;margin:3px 0}
.sb-sec h2 small{font-size:14px;color:var(--mute)}
.sb-card ul{padding-left:18px;margin:6px 0}.sb-card li{font-size:14px}
.sb-head{margin:6px 0 8px}
.sb-lead{font-size:17px;color:#ddd}
.sb-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.sb-two{grid-template-columns:1fr}}
.sb-names{font-size:14px;color:#ccc}.sb-names b{color:var(--gold)}
.sb-calc{border-left:3px solid var(--gold);padding-left:10px;font-size:14px;color:#ddd}
.sb-calc em{color:var(--gold);font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.sb-err li::marker{color:var(--red)}
.sb-tile small{display:block;font-size:13px;line-height:1.4;color:#aaa;margin-top:4px}
/* storytelling (vaga 3): BD em 4 vinhetas, imagem histórica, revelação ao scroll */
.sb-panels{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:700px){.sb-panels{grid-template-columns:repeat(2,1fr)}}
.sb-panels li{margin:0;background:#101010;border-radius:10px;padding:6px}
.sb-panels svg{display:block;width:100%;height:auto}
.sb-panels p{font-size:13px;margin:6px 2px 2px;color:#e9e3d8;font-family:"Comic Sans MS","Comic Neue",cursive,sans-serif;line-height:1.35}
.sb-hist figure{margin:10px 0;background:#101010;border:1px solid #262626;border-radius:12px;padding:10px}
.sb-hist img{display:block;max-width:100%;width:auto;height:auto;max-height:460px;margin:0 auto;border-radius:6px;background:#eee}
.sb-hist figcaption p{font-size:15px;margin:8px 0 0}
.sb-hist .sb-small a{color:var(--mute)}
.sb-anim .sb section,.sb-anim .sb .sb-fig,.sb-anim .sb .sb-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--d,0ms)}
.sb-anim .sb .sb-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sb-anim .sb section,.sb-anim .sb .sb-fig,.sb-anim .sb .sb-rv{opacity:1;transform:none;transition:none}}
@media print{.sb-anim .sb section,.sb-anim .sb .sb-fig,.sb-anim .sb .sb-rv{opacity:1!important;transform:none!important}}
.sb-ill{position:relative;border-radius:8px;overflow:hidden;background:#efe8da}
.sb-ill img{display:block;width:100%;height:auto}
.sb-fig .sb-ill svg{position:absolute;inset:0;width:100%;height:100%;max-height:none}
.sb-cred{display:block;color:#999;font-size:12px;margin-top:4px}
.sb-thumb img{display:block;width:100%;height:auto;border-radius:6px}