*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#111;color:#eee;font-family:"Courier New",monospace;line-height:1.6}
.nums{display:flex;flex-wrap:wrap;background:#000;border-bottom:4px solid #f1c40f}
.nums a{flex:1;min-width:100px;text-align:center;padding:18px 8px;color:#eee;text-decoration:none;border-right:2px solid #333;font-size:.75rem;letter-spacing:.05em}
.nums a:last-child{border-right:none}
.nums a.on{background:#f1c40f;color:#111}
.box{max-width:720px;margin:0 auto;padding:32px 20px 72px;border-left:4px solid #f1c40f;border-right:4px solid #f1c40f}
h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;margin:0 0 16px;color:#f1c40f;text-transform:uppercase;letter-spacing:.04em}
h2{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#f1c40f;margin:28px 0 10px;border-bottom:2px solid #f1c40f;padding-bottom:4px}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.2em}
.full{width:100%;height:auto;display:block;margin:16px 0;border:4px solid #f1c40f}
.small{float:right;width:180px;height:auto;margin:0 0 12px 16px;border:2px solid #f1c40f}
.cap{color:#888;font-size:.8rem;clear:both;margin:4px 0 16px}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;border:2px solid #f1c40f}
th,td{border:1px solid #333;padding:8px;text-align:left}
th{background:#1a1a1a;color:#f1c40f}
.note{border:2px solid #f1c40f;padding:12px;margin:16px 0;background:#1a1a1a}
.end{color:#888;font-size:.85rem;clear:both}
a{color:#f1c40f}
@media(max-width:640px){.small{float:none;width:100%;margin:12px 0}}