body {
    background-color: var(--color-paper);
    color: var(--color-ink);
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 1.8;
}

h1, h2, h3, h4 {
    font-family: var(--font-display);
    font-weight: 400;
    line-height: 1.2;
}

h1 { font-size: 40px; font-weight: 700; letter-spacing: -0.02em; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }

a { color: var(--color-ink); }
a:hover { color: var(--color-muted); }

#site-main {
    margin: 0;
    padding: 0;
}

.btn-primary {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--color-ink);
    color: var(--color-paper);
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
}

.btn-secondary {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-muted);
    text-decoration: none;
}

.notes-label {
    font-family: var(--font-mono);
    font-size: 9px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--color-muted);
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-accent);
}

.site-info {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.05em;
    color: var(--color-muted);
}

.site-info a {
    color: var(--color-muted);
    text-decoration: none;
}

.site-info a:hover {
    color: var(--color-ink);
}