@layer havelcss.tokens,havelcss.base,havelcss.elements;@layer havelcss.components{body{padding:var(--space-l);max-inline-size:var(--content-width);margin-inline:auto}p,ul,ol,dl,blockquote{text-wrap:pretty}nav ul,nav ol,nav menu{gap:var(--space-m) var(--space-l);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}nav li{margin:0}nav a[aria-current]:not([aria-current=false]){color:var(--color-brand);text-decoration:none}form label{margin-block-end:var(--space-s);display:block}form label:has(>input[type=checkbox],>input[type=radio]){align-items:center;gap:var(--space-s);display:flex}form label>input:not([type=checkbox],[type=radio],[type=color]),form label>select,form label>textarea{inline-size:100%;margin-block-start:var(--space-xs);display:block}article>:first-child{margin-block-start:0}article>:last-child{margin-block-end:0}article>aside{border-inline-start:2px solid var(--color-border);color:var(--color-text-muted);padding-inline-start:var(--space-l)}section:has(>aside):not(:has(>:not(aside))){gap:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}section:has(>aside):not(:has(>:not(aside)))>aside{border-radius:var(--border-radius);padding:var(--space-l);background:var(--color-bg-elevated)}section:has(>aside):not(:has(>:not(aside)))>aside>:first-child{margin-block-start:0}section:has(>aside):not(:has(>:not(aside)))>aside>:last-child{margin-block-end:0}}@layer havelcss.utilities;