/* Base layout for Alex de Waardt's one-page site. */
* { box-sizing: border-box; }
body { margin: 0; background: var(--color-bg); color: var(--color-ink); font: 17px/1.6 var(--font-body); }
h1, h2, h3 { font-family: var(--font-display); line-height: 1.1; text-wrap: balance; margin: 0; }
/* Links are green without an underline; scribble.js draws one on hover and keyboard focus. */
a { color: var(--color-brand); text-decoration: none; }
.wrap { max-width: 1080px; margin: 0 auto; padding-inline: 20px; }
section { padding-block: 72px; }
footer { padding-block: 32px; color: var(--color-muted); font-size: 0.9rem; }
/* Components render their markup on upgrade; hide the raw children until then. */
:not(:defined) { visibility: hidden; }