/* One stylesheet for every document. No fonts are fetched and no scripts are loaded — the
   distribution's Content-Security-Policy grants neither, so adding either means editing
   `04. legal-content.tf` as well as the page. */

:root {
    --ink: #16181d;
    --ink-soft: #4a4f5a;
    --paper: #ffffff;
    --rule: #dcdfe5;
    --accent: #2f5bd7;
    --warn-bg: #fff6e5;
    --warn-rule: #e0a72b;
}

@media (prefers-color-scheme: dark) {
    :root {
        --ink: #e6e8ec;
        --ink-soft: #a2a8b4;
        --paper: #14161a;
        --rule: #2c3038;
        --accent: #7fa2ff;
        --warn-bg: #2a2313;
        --warn-rule: #a8801f;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0 auto;
    padding: 3rem 1.25rem 6rem;
    max-width: 44rem;
    background: var(--paper);
    color: var(--ink);
    font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

header {
    border-bottom: 1px solid var(--rule);
    padding-bottom: 1.25rem;
    margin-bottom: 2rem;
}

header p {
    color: var(--ink-soft);
    margin: 0.25rem 0 0;
}

h1 {
    font-size: 1.75rem;
    line-height: 1.25;
    margin: 0;
}

h2 {
    font-size: 1.15rem;
    margin: 2.5rem 0 0.75rem;
}

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

nav ul {
    list-style: none;
    padding: 0;
}

nav li {
    margin: 0.6rem 0;
}

.draft {
    background: var(--warn-bg);
    border: 1px solid var(--warn-rule);
    border-radius: 4px;
    padding: 1rem 1.25rem;
    margin: 0 0 2rem;
}

.draft strong {
    display: block;
    margin-bottom: 0.35rem;
}

.meta {
    color: var(--ink-soft);
    font-size: 0.9rem;
}

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