/* FG Web — W-0 minimal stylesheet. Replaced by real design system in W-1+. */

:root {
    --fg-bg: #fafafa;
    --fg-fg: #1a1a1a;
    --fg-accent: #c0392b;
    --fg-muted: #6a6a6a;
    --fg-border: #e0e0e0;
}

* { box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    background: var(--fg-bg);
    color: var(--fg-fg);
    line-height: 1.5;
    margin: 0;
}

main {
    max-width: 720px;
    margin: 4rem auto;
    padding: 0 2rem;
}

header h1 {
    font-size: 2rem;
    margin-bottom: 0.25rem;
}

.tagline {
    color: var(--fg-muted);
    margin-top: 0;
    font-size: 1.125rem;
}

section {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--fg-border);
}

h2 {
    font-size: 1.125rem;
    color: var(--fg-accent);
    margin-bottom: 0.5rem;
}

a { color: var(--fg-accent); }
a:hover { text-decoration: underline; }

code {
    background: #eee;
    padding: 0.1em 0.35em;
    border-radius: 3px;
    font-size: 0.95em;
}

ul { padding-left: 1.25rem; }