body{background:var(--glass-page-background);color:var(--color-ink)}
.nav{position:sticky;top:var(--space-2xs);z-index:var(--layer-4);margin-top:var(--space-2xs);padding:var(--space-xs) var(--space-s);border:var(--border-thin) solid var(--glass-border);border-radius:var(--glass-radius-large);background:var(--glass-light-surface);box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.button{border:var(--border-thin) solid var(--glass-border-strong);border-radius:var(--radius-pill);background:var(--glass-light-surface);color:var(--color-ink)}
.article{margin-block:var(--space-xl);padding:var(--space-xl);border:var(--border-thin) solid var(--glass-border);border-radius:var(--glass-radius-large);background:var(--glass-gradient-light);box-shadow:var(--glass-shadow-soft)}
.content{font-family:var(--font-sans);font-size:var(--font-step-0)}
.content :is(h2,h3,h4,h5,h6){font-family:var(--font-serif)}
footer{margin:var(--space-2xs);border:var(--border-thin) solid var(--glass-border);border-radius:var(--glass-radius-large);background:var(--glass-gradient-light);color:var(--color-ink);box-shadow:var(--glass-shadow-soft)}