/*
    style.css — the look of RIVO's legal pages.

    Deliberately plain. These are documents somebody reads once, often on a
    phone, sometimes because something has gone wrong, and occasionally in a
    print-out. Legibility beats branding, so the only thing borrowed from the
    app is the accent green and the near-black ground.

    Theme-aware: the whole page follows the reader's system setting rather than
    forcing RIVO's dark palette onto a document that may be printed.
*/

:root {
    --ground: #ffffff;
    --raised: #f4f4f6;
    --ink: #16161a;
    --ink-soft: #46464f;
    --ink-quiet: #6e6e78;
    --rule: #e0e0e6;
    --accent: #12291c;
    --accent-ink: #0b6b3a;
}

@media (prefers-color-scheme: dark) {
    :root {
        --ground: #0d0d10;
        --raised: #16161a;
        --ink: #f4f4f6;
        --ink-soft: #bcbcc6;
        --ink-quiet: #8a8a95;
        --rule: #2a2a32;
        --accent: #d8ffe6;
        --accent-ink: #56d98a;
    }
}

* { box-sizing: border-box; }

body {
    margin: 0;
    padding: 2.5rem 1.25rem 5rem;
    background: var(--ground);
    color: var(--ink);
    font: 400 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}

main { max-width: 44rem; margin: 0 auto; }

header { margin-bottom: 3rem; }

.wordmark {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    color: var(--accent-ink);
    text-transform: uppercase;
    margin: 0 0 1.75rem;
}

.wordmark a { color: inherit; text-decoration: none; }

h1 {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 0.5rem;
}

h2 {
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 3rem 0 0.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--rule);
}

h3 {
    font-size: 1rem;
    margin: 1.75rem 0 0.5rem;
}

p, li { color: var(--ink-soft); }
p { margin: 0 0 1rem; }

li { margin-bottom: 0.5rem; }

strong { color: var(--ink); font-weight: 650; }

a { color: var(--accent-ink); }

.dateline {
    color: var(--ink-quiet);
    font-size: 0.9rem;
    margin: 0;
}

/* The plain-English box at the top of each document. */
.summary {
    background: var(--raised);
    border: 1px solid var(--rule);
    border-radius: 14px;
    padding: 1.25rem 1.4rem;
    margin: 2rem 0 0;
}

.summary h2 {
    border: 0;
    padding: 0;
    margin: 0 0 0.5rem;
    font-size: 1rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-quiet);
}

.summary p:last-child, .summary ul:last-child { margin-bottom: 0; }

footer {
    margin-top: 4rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--rule);
    color: var(--ink-quiet);
    font-size: 0.9rem;
}

footer a { color: var(--ink-quiet); }

@media print {
    body { padding: 0; color: #000; background: #fff; }
}