@layer base {
* { box-sizing: border-box; }
body { margin: 0; color: var(--fg); background: var(--bg); font: var(--font-body); }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 1.2rem 0 .6rem; }
h2 { font-size: 1.3rem; margin: 1.6rem 0 .5rem; }
h3 { font-size: 1.1rem; margin: 1.2rem 0 .4rem; }
a { color: var(--accent); }
header, footer { padding: var(--space-3); color: var(--muted); font: var(--font-ui); }
header a, footer a { color: var(--muted); }
ul { padding-left: 1.2rem; }
details > summary { cursor: pointer; }
}