body{font-size:1rem}
.hero{padding-block:16px 24px}
.hero h1{max-width:24ch;font-size:clamp(1.65rem,1.1rem + 2vw,2.5rem)}
.hero .lead{max-width:65ch;color:var(--c-muted)}
.card{border:1px solid var(--c-border);border-radius:8px;padding:16px;background:var(--c-surface);box-shadow:none}
.card h3{font-size:1.05rem}
.card-list{gap:12px}
.page-header h1{max-width:30ch}
.block-toc{background:#eef3fa;border:1px solid var(--c-border);padding:16px;border-radius:8px}
.prose{max-width:68ch}
.site-nav ul{flex-wrap:wrap;overflow:visible}
.site-nav a{white-space:normal}
.site-module-sidebar{align-self:start}
.site-footer{font-size:.9rem}
@media(max-width:719px){.shell{width:calc(100% - 32px)}.header-inner{gap:8px}.brand{font-size:1rem}.site-nav a{font-size:.9rem}.hero{padding-block:8px 16px}}