/* Many Worlds — GitHub Pages
   Risograph cream-paper aesthetic */

:root {
    --cream: #F5F0E8;
    --ink-black: #1A1A1A;
    --ink-gray: #8A8A8A;
    --riso-magenta: #E3254B;
    --riso-blue: #2B3A8E;
}

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

body {
    font-family: -apple-system, 'Helvetica Neue', sans-serif;
    background-color: var(--cream);
    color: var(--ink-black);
    line-height: 1.6;
    max-width: 640px;
    margin: 0 auto;
    padding: 48px 24px;
}

h1, h2, h3 {
    font-family: 'SF Mono', 'Menlo', 'Courier New', monospace;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

h1 {
    font-size: 1.1rem;
    margin-bottom: 8px;
}

h2 {
    font-size: 0.85rem;
    margin-top: 32px;
    margin-bottom: 12px;
    color: var(--ink-black);
}

h3 {
    font-size: 0.75rem;
    margin-top: 24px;
    margin-bottom: 8px;
    color: var(--ink-gray);
}

p {
    font-size: 0.95rem;
    margin-bottom: 12px;
    letter-spacing: 0.01em;
}

.subtitle {
    font-family: 'SF Mono', 'Menlo', 'Courier New', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-gray);
    margin-bottom: 32px;
}

.divider {
    border: none;
    border-top: 1px dashed var(--ink-gray);
    margin: 32px 0;
}

a {
    color: var(--riso-blue);
    text-decoration: none;
    border-bottom: 1px solid var(--riso-blue);
}

a:hover {
    color: var(--riso-magenta);
    border-bottom-color: var(--riso-magenta);
}

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

ul li {
    padding: 6px 0;
    font-size: 0.95rem;
}

ul li::before {
    content: "\2014\00a0";
    color: var(--ink-gray);
}

.nav {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px dashed var(--ink-gray);
    font-family: 'SF Mono', 'Menlo', 'Courier New', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.nav a {
    margin-right: 24px;
}

.effective-date {
    font-size: 0.8rem;
    color: var(--ink-gray);
    margin-top: 32px;
}

dt {
    font-family: 'SF Mono', 'Menlo', 'Courier New', monospace;
    font-size: 0.85rem;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 4px;
}

dd {
    font-size: 0.95rem;
    margin-bottom: 12px;
    margin-left: 0;
}