/* The privacy and terms pages: the main site's brown and gold, as a plain reading page */
:root {
    --bg: #14120f;
    --card: #1f1c18;
    --text: #f4efe8;
    --muted: #b3a999;
    --warm: #e3a35f;
    --line: #2e2923;
    --serif: 'Fraunces', Georgia, serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', system-ui, sans-serif;
    line-height: 1.65;
}

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

header,
main,
footer {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 1.25rem;
}

header { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.mark {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--text);
    font-family: var(--serif);
    font-size: 1.15rem;
    font-weight: 600;
    text-decoration: none;
}

main { padding-bottom: 3rem; }

h1,
h2,
h3 {
    font-family: var(--serif);
    font-weight: 600;
    line-height: 1.25;
}

h1 { font-size: 2.2rem; margin-top: 1rem; }

h2 {
    margin: 2.25rem 0 0.6rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--line);
    font-size: 1.35rem;
}

h3 { margin: 1.5rem 0 0.4rem; color: var(--warm); font-size: 1.05rem; }

p,
ul { margin-bottom: 0.9rem; color: #ddd5ca; }

ul { padding-left: 1.25rem; }
li { margin-bottom: 0.4rem; }
strong { color: var(--text); }

code {
    padding: 1px 6px;
    border-radius: 5px;
    background: var(--card);
    font-size: 0.9em;
}

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

.promise {
    margin: 1.5rem 0 2rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(227, 163, 95, 0.4);
    border-left: 4px solid var(--warm);
    border-radius: 10px;
    background: var(--card);
}

footer {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 0.9rem;
    text-align: center;
}

footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }