:root {
    --bg: #071018;
    --ink: #e8eef4;
    --muted: #9aa8b5;
    --line: rgba(255, 255, 255, 0.12);
}
html, body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: Inter, system-ui, sans-serif;
    line-height: 1.55;
}
header, main, footer {
    max-width: 44rem;
    margin: 0 auto;
    padding: 24px 20px;
}
header a, footer a {
    color: var(--ink);
}
h1 { font-size: 1.8rem; }
.legal-fields {
    display: grid;
    grid-template-columns: 12rem 1fr;
    gap: 8px 16px;
    border-top: 1px solid var(--line);
    padding-top: 16px;
}
.legal-fields dt { color: var(--muted); }
#site-footer nav { display: flex; flex-wrap: wrap; gap: 12px 18px; }
@media (max-width: 640px) {
    .legal-fields { grid-template-columns: 1fr; }
}