/* Shared styling for the /legal/ policy reference pages — these are
   read-only content pages linked from registration.html, not primary
   marketing pages, so they intentionally skip the full site chrome
   (header/nav/footer) that every other page carries and just use the same
   color/type system for consistency. */
@font-face {
    font-family: 'OpenDyslexic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/fontsource/fonts/opendyslexic@5.3.0/latin-400-normal.woff2') format('woff2');
}

:root {
    --midnight: #0B1320;
    --deep-plum: #4A2B5A;
    --aged-parchment: #F2EBD6;
    --text-dark: #2B2B2B;
    --text-light: #F9F7F2;
    --bg-page: var(--aged-parchment);
    --bg-surface: rgba(255, 255, 255, 0.5);
    --border-subtle: #d0c8b8;
    --text-body: var(--text-dark);
    --text-heading: var(--midnight);
    --accent: var(--deep-plum);
    --font-display: 'Cormorant Garamond', serif;
    --font-ui: 'League Spartan', sans-serif;
    --font-body: 'Lora', serif;
}

:root[data-theme="dark"] {
    --bg-page: #10161f;
    --bg-surface: rgba(255, 255, 255, 0.06);
    --border-subtle: rgba(255, 255, 255, 0.14);
    --text-body: var(--text-light);
    --text-heading: var(--text-light);
    --accent: #C9972B;
}

:root[data-font="dyslexic"] {
    --font-display: 'OpenDyslexic', sans-serif;
    --font-ui: 'OpenDyslexic', sans-serif;
    --font-body: 'OpenDyslexic', sans-serif;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: var(--font-body);
    color: var(--text-body);
    background-color: var(--bg-page);
    line-height: 1.7;
}

.legal-wrap {
    max-width: 760px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 4rem;
}

.legal-back {
    display: inline-block;
    font-family: var(--font-ui);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--accent);
    text-decoration: none;
    margin-bottom: 1.5rem;
}

.legal-back:hover { text-decoration: underline; }

.legal-wrap h1 {
    font-family: var(--font-display);
    font-size: 2rem;
    color: var(--text-heading);
    margin: 0 0 0.5rem;
}

.legal-meta {
    font-family: var(--font-ui);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--accent);
    margin-bottom: 2rem;
}

.legal-wrap h2 {
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: var(--text-heading);
    margin: 2rem 0 0.75rem;
}

.legal-wrap p { margin: 0 0 1rem; }
.legal-wrap ul { margin: 0 0 1rem; padding-left: 1.4rem; }
.legal-wrap li { margin-bottom: 0.4rem; }

.legal-callout {
    background-color: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-left: 3px solid var(--accent);
    border-radius: 6px;
    padding: 1rem 1.25rem;
    margin: 1.25rem 0;
    font-size: 0.9rem;
}