:root{--ink:#16212b;--mut:#5b6b7a;--bg:#f7f9fa;--line:#d7dee5;--blk:#8a1f1f;--ok:#1f6b3a}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.banner{display:flex;gap:1.5rem;flex-wrap:wrap;background:#fff8e6;border-bottom:1px solid #e7d9a8;padding:.4rem .8rem;font-size:.8rem}
nav{display:flex;gap:1rem;align-items:center;padding:.5rem .8rem;border-bottom:1px solid var(--line);background:#fff}
nav a{color:var(--ink);text-decoration:none}nav button{margin-left:auto}
main{max-width:62rem;margin:1.2rem auto;padding:0 1rem}
.cards{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.card{display:block;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;color:var(--ink);min-width:14rem}
.badge{font-size:.8rem;color:var(--mut);border:1px dashed var(--line);padding:.4rem .6rem;border-radius:6px;background:#fff;word-break:break-all}
.legalbanner{background:#fdeaea;border:1px solid #e3b4b4;padding:.5rem .7rem;border-radius:6px}
pre.legal,pre.cmds{background:#fff;border:1px solid var(--line);padding: .8rem;border-radius:8px;white-space:pre-wrap}
.pill{display:inline-block;padding:.3rem .7rem;border-radius:999px;background:#eee;font-weight:600;margin:.4rem 0}
.pill .lbl{font-weight:400;color:var(--mut);margin-right:.4rem}
.pill[class*="BLOCKED"]{background:#fdeaea;color:var(--blk);border:1px solid #e3b4b4}
.pill[class*="SUPPORTED"]{background:#e7f5ec;color:var(--ok);border:1px solid #bfe3cd}
.failclosed{color:var(--blk);font-weight:600}
table.hb,table.gaps{border-collapse:collapse;background:#fff;width:100%;margin:.8rem 0}
table.hb th,table.gaps th{background:#f0f3f6;text-align:left}
table.hb th,table.hb td,table.gaps th,table.gaps td{border:1px solid var(--line);padding:.45rem .6rem;vertical-align:top}
details.panel{background:#fff;border:1px solid var(--line);border-radius:8px;margin:.6rem 0;padding:.4rem .7rem}
.cols{display:flex;gap:1rem;flex-wrap:wrap}.cols>div{flex:1;min-width:16rem}
.left{background:#f4f6f8;border:1px dashed var(--line);padding:.5rem .7rem;border-radius:6px}
.blocked-claim .lbl{color:var(--blk);font-weight:700;margin-right:.35rem}
.caption,.hint,.l3{color:var(--mut);font-size:.86rem}
fieldset{background:#fff;border:1px solid var(--line);border-radius:8px;margin:.7rem 0}
label.opt{display:block;margin:.2rem 0}label.opt.es input:disabled+code{color:#b6c0c9}
.error{color:var(--blk)}.modeform .mode{display:block;margin:.3rem 0}
