/* /overlay/guide/ (scripts/overlay_guide_page.py): example cards drawn in the overlay's own look, numbered callouts, contents list. */
.overlay-guide h2{margin-top:36px;scroll-margin-top:16px}
.overlay-guide h3{margin-top:24px;scroll-margin-top:16px}
.overlay-guide table th[scope=row]{color:inherit;font-weight:600;min-width:120px}
.overlay-guide .g-narrow{max-width:420px}
.g-toc{border:1px solid rgba(203,210,219,.35);border-radius:7px;background:rgba(255,255,255,.04);padding:12px 16px;margin:18px 0 8px}
.g-toc ol{columns:2;column-gap:28px;margin:8px 0 0;padding-left:20px}
.g-toc li{margin:3px 0;break-inside:avoid}
.g-example{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start;background:#162338;border-radius:8px;padding:22px 18px;margin:16px 0}
.g-figure{margin:0}
.g-figure figcaption{color:#c9d3e0;font-size:13px;margin-top:8px;max-width:260px}
.g-card{position:relative;width:260px;box-sizing:border-box;background:rgba(12,20,34,.92);border:1px solid #2d6f63;border-left:4px solid #4bd0b5;border-radius:5px;padding:6px 8px;color:#fff;font:13px/1.25 "Segoe UI",system-ui,sans-serif}
.g-card.g-enemy{border-color:#7a4943;border-left-color:#ed8178}
.g-head{display:flex;justify-content:space-between;gap:6px}
.g-name{font-weight:600;font-size:15px}
.g-meta{font-size:11px;color:#a1b4c8;letter-spacing:.2px}
.g-badge{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:#192c3a;border:1px solid #4bd0b5}
.g-enemy .g-badge{border-color:#ed8178}
.g-badge.g-acting{background:#6b4d14;border-color:gold}
.g-meter{position:relative;height:5px;border-radius:3px;background:rgba(40,58,81,.6);margin:3px 0 4px}
.g-meter span:not(.g-num){display:block;height:5px;border-radius:3px;background:#4bd0b5}
.g-enemy .g-meter span:not(.g-num){background:#ed8178}
.g-stats{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:1px}
.g-stat,.g-prot{display:flex;justify-content:space-between;gap:6px;align-items:baseline}
.g-prot{position:relative}
.g-label{color:#f2d36b;font-size:11.5px}
.g-value{font-weight:600}
.g-pv{color:#87cefa}
.g-tag{color:#87cefa;font-weight:400;font-size:10.5px}
.g-tagtext{white-space:nowrap}
.g-foot{position:relative;margin-top:3px}
.g-verdict{display:flex;align-items:center;gap:4px;background:#182231;border-left:2px solid currentColor;border-radius:3px;padding:1px 5px;font-weight:600;font-size:12px}
.g-sym{font-size:16px}
.g-skills{display:flex;justify-content:space-around;font-size:12px;margin-top:2px}
.g-red{color:#ff5c63}
.g-yellow{color:gold}
.g-muted{color:#a1b4c8}
.g-mark{display:inline-block;min-width:44px;padding:1px 6px;border-radius:4px;background:#182231;color:#a1b4c8;text-align:center;font-weight:700}
.g-mark.g-red{color:#ff5c63}.g-mark.g-yellow{color:gold}
.g-num{position:absolute;left:-28px;top:0;width:17px;height:17px;border-radius:50%;background:#efc780;color:#101d35;font:700 11px/17px system-ui,sans-serif;text-align:center}
.g-head .g-num{left:-30px}
.g-head>.g-num{left:auto;right:-26px;top:4px}
.g-num-inline{position:static;display:inline-block;margin-right:7px;vertical-align:1px}
.g-name,.g-meta{position:relative}
.g-name .g-num{top:0}.g-meta .g-num{top:2px}
.g-figure:first-child .g-card{margin-left:30px}
.g-figure:first-child figcaption{margin-left:30px}
.g-enemy .g-foot .g-num{left:-30px}
.g-figure:last-child .g-card{margin-left:30px}
.g-figure:last-child figcaption{margin-left:30px}
.g-faq dt{font-weight:600;margin-top:14px}
.g-faq dd{margin:4px 0 0 0}
@media (max-width:640px){.g-toc ol{columns:1}.g-example{padding:16px 10px}.g-card{width:236px}.g-head>.g-num{right:-24px}}
.g-meter>.g-num{left:auto;right:-26px;top:-6px}
.g-skills-row{position:relative;display:flex;gap:5px;height:18px;align-items:center;margin:0 0 3px}
.g-skill{width:17px;height:17px;border-radius:50%;box-sizing:border-box;border:1px solid;display:grid;place-items:center;font:700 9.5px/1 "Segoe UI",system-ui,sans-serif}
.g-skill-ready{background:#2eb668;border-color:#7ee7a0;color:#082414;font-size:8.5px}
.g-skill-cd{background:#1f2b3c;border-color:#62768e;color:#fff}
.g-skill-blocked{background:#484e58;border-color:#808690;color:#dcdcdc;font-size:11px}
.g-skills-row>.g-num{left:-30px;top:0}