:root{--navy:#0f1b33;--ink:#0a1426;--gold:#f5c400;--muted:#a9b6d3;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:#fff;font-family:Montserrat,system-ui,sans-serif;line-height:1.7}
header{border-bottom:1px solid var(--line);background:var(--navy)}
header div,main{max-width:780px;margin:0 auto;padding:0 16px}
header div{height:60px;display:flex;align-items:center;justify-content:space-between}
header a{color:#fff;text-decoration:none;font-weight:900;font-style:italic;text-transform:uppercase}
header a span{color:var(--gold)}
header nav a{font-style:normal;text-transform:none;font-weight:600;color:var(--muted);font-size:.9rem}
main{padding:32px 16px 64px}
h1{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.1}
h2{color:var(--gold);font-size:1.1rem;margin:32px 0 8px}
p,li{color:#dbe3f3;margin-top:8px}
ul{padding-left:22px}
a{color:var(--gold)}
.meta{color:var(--muted);font-size:.85rem;margin-top:8px}
table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.92rem}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600}
.todo{background:rgba(245,196,0,.12);border:1px dashed var(--gold);padding:2px 6px;border-radius:6px;color:var(--gold)}
@media (max-width:560px){table,thead,tbody,tr,th,td{display:block}thead{display:none}td{border:0;padding:4px 0}tr{border-bottom:1px solid var(--line);padding:8px 0}}