/* caleidoscode house style: small, no js, no external assets */

:root {
    --bg: #faf7f2;
    --ink: #262220;
    --muted: #6f6862;
    --line: #e4ddd4;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #191716;
        --ink: #e8e2da;
        --muted: #9a9189;
        --line: #322e2b;
    }
}

* { box-sizing: border-box; }

html { font-size: 17px; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: ui-sans-serif, system-ui, sans-serif;
    line-height: 1.6;
}

main {
    max-width: 40rem;
    margin: 0 auto;
    padding: 3rem 1.25rem 2rem;
}

.masthead {
    text-align: center;
    margin-bottom: 2.5rem;
}

.masthead svg {
    width: 76px;
    height: 76px;
}

h1 {
    font-size: 2rem;
    font-weight: 600;
    margin: 0.4rem 0 0;
    letter-spacing: 0.02em;
}

.tagline {
    color: var(--muted);
    margin: 0.2rem 0 0;
}

h2 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 2.2rem 0 0.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid var(--line);
}

a { color: inherit; }

.corners {
    list-style: none;
    padding: 0;
    margin: 0;
}

.corners li { margin: 0.3rem 0; }

.empty { color: var(--muted); }

footer p { margin: 0.5rem 0; }

.legal-id { line-height: 1.45; }

.fine {
    color: var(--muted);
    font-size: 0.85rem;
    margin-top: 1.4rem;
}