:root { --bg: #040506; --ink: #e8efec; --dim: #a3b0ac; --faint: #56625f; --teal: #4fd6c4; --line-2: rgba(255, 255, 255, .09); --round: ui-rounded, "SF Pro Rounded", Nunito, "Varela Round", "Arial Rounded MT Bold", system-ui, sans-serif; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--bg); }
a { color: var(--teal); } a:hover { color: #8ff0e0; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px; }
header { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 22px 0 14px; border-bottom: 1px solid var(--line-2); }
.logo { color: #f6ecd8; text-decoration: none; font: 800 24px/1 var(--round); letter-spacing: -.015em; } .logo b { color: #ffb040; }
nav { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; } nav a { white-space: nowrap; color: var(--dim); text-decoration: none; } nav a:hover, nav a[aria-current] { color: var(--ink); } nav a[aria-current] { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--teal); }
h1 { margin: 34px 0 6px; font: 800 34px/1.15 var(--round); letter-spacing: -.02em; }
.upd { margin: 0 0 26px; color: var(--faint); font-size: 13px; }
.lead { font-size: 18px; color: var(--ink); margin: 0 0 8px; }
h2 { margin: 34px 0 6px; font: 800 20px/1.25 var(--round); }
p, li { color: var(--dim); } p { margin: 0 0 12px; } ul { margin: 0 0 12px; padding-left: 20px; } li { margin: 0 0 8px; } b, strong { color: var(--ink); }
table { width: 100%; border-collapse: collapse; margin: 6px 0 14px; font-size: 14.5px; } th, td { text-align: left; padding: 9px 10px 9px 0; border-bottom: 1px solid var(--line-2); vertical-align: top; color: var(--dim); } th { color: var(--ink); font-weight: 700; }
footer { margin: 48px 0 40px; padding-top: 18px; border-top: 1px solid var(--line-2); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--faint); }
footer img { height: 44px; width: auto; display: block; }
@media (max-width: 560px) { h1 { font-size: 28px; } body { font-size: 15.5px; } }