/* =========================================================================
   GTS — legal.css
   Privacy & terms pages. Plain, readable prose. Loads after base.css.
   ========================================================================= */

.legal {
    background: var(--c-cream);
    padding-block: var(--s-7) var(--s-8);
}

.legal .eyebrow { display: block; margin-bottom: var(--s-2); }

.legal h1 {
    font-size: var(--t-display);
    font-style: italic;
    font-weight: 300;
    color: var(--c-green);
    margin-bottom: var(--s-2);
}

.legal__updated {
    font-family: var(--f-sans);
    font-size: var(--t-small);
    color: var(--c-charcoal-mid);
    margin-bottom: var(--s-5);
}

.legal__notice {
    background: var(--c-cream-warm);
    border-left: 2px solid var(--c-brass);
    padding: var(--s-3);
    font-size: var(--t-small);
    line-height: 1.6;
    color: var(--c-charcoal-mid);
    margin-bottom: var(--s-5);
}

.legal h2 {
    font-family: var(--f-serif);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--c-charcoal);
    margin-top: var(--s-5);
    margin-bottom: var(--s-2);
}

.legal p {
    font-size: 1.0625rem;
    line-height: 1.7;
    color: var(--c-charcoal);
    margin-bottom: var(--s-3);
}

.legal a {
    color: var(--c-green);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.legal a:hover { color: var(--c-brass); }

.legal__back {
    margin-top: var(--s-6);
    padding-top: var(--s-4);
    border-top: 1px solid var(--c-rule);
}

.legal__back a { text-decoration: none; }