:root{
  --brand:#1e3a5f;--accent:#0ea5e9;--ink:#0f172a;--body:#334155;--muted:#64748b;--subtle:#94a3b8;
  --canvas:#fff;--page:#f4f5f8;--line:#e5e7eb;--soft:#f8fafc;
  --s1:#1e3a5f;--s2:#0369a1;--s3:#b45309;--s4:#7c3aed;--s5:#047857;
  --s1bg:#eaf1f9;--s2bg:#e0f2fe;--s3bg:#fff6e2;--s4bg:#f2ecfe;--s5bg:#e7f7f0;--ok:#047857;
}
@media (prefers-color-scheme:dark){:root{
  --canvas:#111a2b;--page:#0b1220;--ink:#e8eef6;--body:#c7d3e6;--muted:#93a4bb;--subtle:#7e90ab;--line:#22304a;--soft:#0f1a2c;
  --s1bg:#16233a;--s2bg:#0c2a3a;--s3bg:#2e2410;--s4bg:#221636;--s5bg:#0e2a20;--s1:#9db8d8;--s2:#7dd3fc;--s3:#fbbf24;--s4:#c4b5fd;--s5:#6ee7b7;--ok:#6ee7b7;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);line-height:1.72;font-family:-apple-system,system-ui,"Segoe UI",Roboto,"Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:30px clamp(15px,3.5vw,32px) 90px}
.qh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.qid{font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:700;background:var(--s1bg);color:var(--s1);padding:3px 9px;border-radius:6px}
.cat{font-size:12px;font-weight:700;color:var(--muted)}
.home{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent);text-decoration:none}
h1{font-size:clamp(21px,3.2vw,27px);font-weight:800;letter-spacing:-.02em;margin:6px 0 14px;line-height:1.25}
.vig{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:14px;color:var(--body);margin-bottom:8px}
.vig .lab{font-size:11.5px;font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}
.vig .labs{margin-top:8px;font-size:13px}
.vig .opts{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.vig .opts b{color:var(--ok)}
.sec{margin:26px 0 0}
.stag{display:inline-block;font-size:13px;font-weight:800;padding:5px 13px;border-radius:8px;margin-bottom:11px}
.stag.a{background:var(--s1bg);color:var(--s1)}.stag.b{background:var(--s2bg);color:var(--s2)}
.stag.c{background:var(--s3bg);color:var(--s3)}.stag.d{background:var(--s4bg);color:var(--s4)}.stag.e{background:var(--s5bg);color:var(--s5)}
.sec p{margin:0 0 11px;font-size:14.5px;color:var(--body)}
.sec h4{margin:18px 0 5px;font-size:14.5px;font-weight:800;color:var(--ink)}
.sec h4:first-of-type{margin-top:4px}
.sec ul{margin:0 0 11px;padding-left:20px;display:flex;flex-direction:column;gap:7px}
.sec li{font-size:14px;color:var(--body)}
b{color:var(--ink)}
i{font-style:italic}
.opt{margin:0 0 12px;font-size:14px;color:var(--body);line-height:1.7}
.opt.correct{background:var(--s5bg);border-left:3px solid var(--ok);border-radius:0 10px 10px 0;padding:12px 15px}
.opt.correct b.k{color:var(--ok)}.opt .role{font-weight:800;color:var(--ok)}
.opt.wrong{padding:4px 0 4px 15px;border-left:3px solid var(--line)}
.opt b.k{color:var(--ink)}
.tbl{overflow-x:auto;margin:8px 0}
table{border-collapse:collapse;width:100%;font-size:12.5px;min-width:480px}
th,td{border:1px solid var(--line);padding:8px 11px;text-align:left;vertical-align:top}
th{background:var(--soft);font-weight:800;color:var(--ink)}
td:first-child,th:first-child{white-space:nowrap;font-weight:700}
tr.hl td{background:var(--s5bg)}
caption{font-size:12px;font-weight:800;color:var(--muted);text-align:left;padding:0 0 5px}
.foot{margin-top:26px;padding-top:14px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}
.foot b{color:var(--body)}