/* Privacy & legal page (hand-written, see privacy.html and it/privacy.html) */
* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: 'Public Sans', sans-serif;
    line-height: 1.65;
    color: #171b21;
    background: #eceef1;
}

.legal {
    max-width: 760px;
    margin: 0 auto;
    padding: 28px 20px 64px;
}

.legal-nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    font-size: 0.92rem;
    font-weight: 600;
}

.legal-card {
    background: #ffffff;
    border: 1px solid #e3e5e9;
    border-radius: 20px;
    padding: 32px 34px;
    box-shadow: 0 8px 28px rgba(14, 30, 60, 0.08);
}

h1, h2 {
    font-family: 'Schibsted Grotesk', sans-serif;
    color: #14243c;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

h1 { margin: 0 0 4px; font-size: 1.9rem; }
h2 { margin: 30px 0 8px; font-size: 1.2rem; scroll-margin-top: 16px; }

.legal-updated { margin: 0 0 8px; color: #656d7a; font-size: 0.9rem; }

p, ul { margin: 0 0 12px; }
ul { padding-left: 22px; }
li { margin-bottom: 6px; }

a { color: #1550e0; }
a:hover { color: #1040b8; }

@media (max-width: 640px) {
    .legal-card { padding: 24px 20px; }
    h1 { font-size: 1.6rem; }
}