body{background:#0a0e14;color:#e8e6e1;font-family:system-ui,sans-serif;margin:0;padding:8vh 8vw;min-height:100vh}
.k{font:700 11px ui-monospace,monospace;letter-spacing:.3em;color:#00ff9d;margin-bottom:16px}
.k.red{color:#ff4d5e}.k.amber{color:#ffd166}
h1{font-size:clamp(40px,8vw,90px);line-height:1.02;margin:0}
h2{font-size:clamp(24px,4vw,44px);line-height:1.1;margin:0 0 16px}
.rd{color:#ff4d5e}.am{color:#ffd166}.gn{color:#00ff9d;font-weight:700}
p{font-size:clamp(15px,1.6vw,21px);line-height:1.55;color:#cfd6de;max-width:64ch}
p b,li b{color:#fff}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:16px 0}
.c{background:#111823;border:1px solid #1e2a3a;border-radius:12px;padding:18px}
.c b{font:800 clamp(26px,3.2vw,40px)/1 ui-monospace,monospace;color:#00ff9d;display:block}
.c b.rd{color:#ff4d5e}.c b.am{color:#ffd166}
.c span{font-size:13px;color:#9aa7b5;line-height:1.45;display:block;margin-top:8px}
table{width:100%;border-collapse:collapse;margin-top:1vh;font-size:clamp(13px,1.5vw,19px)}
th{font:700 11px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#5c6a7a;text-align:left;padding:10px 12px;border-bottom:1px solid #1e2a3a}
td{padding:12px;border-bottom:1px solid #16202e}
td.rd{color:#ff4d5e;font-weight:700}
ul{list-style:none;margin:10px 0;padding:0}
li{font-size:clamp(15px,1.6vw,21px);line-height:1.55;padding:10px 0 10px 30px;position:relative;color:#cfd6de}
li:before{content:'\25B8';position:absolute;left:4px;color:#00ff9d}
.q{border-left:4px solid #ff4d5e;padding:6px 0 6px 20px;margin:2vh 0;font-size:clamp(17px,2.2vw,28px);line-height:1.4;font-weight:600}
.w{display:block;font:600 12px ui-monospace,monospace;color:#5c6a7a;margin-top:12px}
.n{margin-top:30px;font-size:14px}.n a{color:#00ff9d;text-decoration:none}
.src{font:500 11px ui-monospace,monospace;color:#3d4a5a;margin-top:20px}
.hint{font:500 12px ui-monospace,monospace;color:#3d4a5a;margin-top:14px}