*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0a0f1e;color:#e2e8f0;font-family:Georgia,serif;line-height:1.7}
.topbar{background:#050814;padding:20px 0;border-bottom:1px solid #1e293b}
.links{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;max-width:900px;margin:0 auto}
.links a{color:#94a3b8;text-decoration:none;font-family:"Segoe UI",sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.links a.on{color:#22d3ee}
.content{max-width:680px;margin:0 auto;padding:40px 24px 80px}
h1{font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.12;margin:0 0 16px;color:#fff;font-weight:normal}
h2{font-family:"Segoe UI",sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#22d3ee;margin:28px 0 10px}
p,li{margin:0 0 14px}
ul{margin:0 0 14px 1.2em}
img{width:100%;height:auto;display:block;margin:16px 0;border:1px solid #1e293b}
.cap{color:#64748b;font-size:.82rem;margin:-8px 0 18px;font-family:"Segoe UI",sans-serif}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px}
.g{background:#111827;padding:14px;border-left:3px solid #22d3ee}
.g b{display:block;color:#fff}
.g span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.9rem;background:#111827}
th,td{border-bottom:1px solid #1e293b;padding:8px 6px;text-align:left}
th{font-family:"Segoe UI",sans-serif;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#22d3ee}
.note{background:#111827;padding:14px;margin:20px 0;font-size:.88rem;border-left:3px solid #22d3ee}
.end{color:#64748b;font-size:.86rem}
a{color:#22d3ee}
@media(max-width:640px){.grid{grid-template-columns:1fr}.links{gap:16px}}