:root {
    --ink: #19313f;
    --brand: #0b3954;
    --accent: #c19b76;
    --line: #dfe6ea;
    --paper: #ffffff;
    --soft: #f6f8f9;
}

* { box-sizing: border-box; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--soft);
    font-family: Arial, sans-serif;
    line-height: 1.65;
}
.legal-header { background: var(--brand); color: #fff; }
.legal-nav {
    max-width: 880px;
    margin: 0 auto;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.legal-brand { color: #fff; font-weight: 700; font-size: 1.35rem; text-decoration: none; }
.legal-back { color: #fff; text-underline-offset: 3px; }
.legal-page {
    max-width: 880px;
    margin: 32px auto;
    padding: 36px;
    background: var(--paper);
    border-top: 4px solid var(--accent);
}
h1, h2 { color: var(--brand); }
h1 { margin: 0 0 8px; font-size: clamp(1.8rem, 5vw, 2.5rem); line-height: 1.2; }
h2 { margin: 30px 0 8px; font-size: 1.2rem; }
.updated { margin: 0 0 28px; color: #667985; }
a { color: #075c85; }
ul { padding-left: 22px; }
.legal-footer { max-width: 880px; margin: 0 auto 40px; padding: 0 20px; color: #667985; }
@media (max-width: 640px) {
    .legal-page { margin: 0; padding: 28px 20px; }
    .legal-nav { align-items: flex-start; }
}