@layer components{
  [is-~="stack"]{display:flex;flex-direction:column;gap:1lh}[is-~="cluster"]{display:flex;align-items:center;gap:2ch;flex-wrap:wrap}[is-~="spread"]{display:flex;align-items:center;justify-content:space-between;gap:2ch;flex-wrap:wrap}
  [is-~="grid"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(22ch,1fr));gap:1lh 2ch}[is-~="card"]{padding:1lh 2ch;min-width:0}[is-~="card"]>[is-~="card-title"]{display:block;margin:-1lh -2ch 1lh;padding:0 2ch;background:var(--foreground0);color:var(--background0)}
  [is-~="metric"]{font-size:2em;line-height:2lh;white-space:nowrap}[is-~="muted"]{color:var(--foreground1)}[is-~="shell"]{width:min(112ch,100%);margin-inline:auto}[is-~="section"]{margin-top:2lh}
  [is-~="nav"]{display:flex;align-items:center;justify-content:space-between;gap:2ch;padding-inline:2ch}[is-~="nav"]>span{display:flex;gap:2ch;flex-wrap:wrap}[is-~="nav"] a{text-decoration:none}[is-~="nav"] a[aria-current="page"]{background:var(--foreground0);color:var(--background0);padding-inline:1ch}
  [is-~="tabs"]>[role="tablist"]{display:flex;gap:1ch;flex-wrap:wrap}[is-~="tabs"]>[role="tabpanel"]{padding:1lh 2ch;margin-top:1lh}[is-~="tabs"] [role="tab"][aria-selected="true"]{--button-primary:var(--foreground0);font-weight:700;text-decoration:underline}
  [is-~="alert"]{padding:1lh 2ch}[is-~="alert"]>[is-~="badge"]{margin-right:1ch}[is-~="empty"]{text-align:center;padding:3lh 2ch}[is-~="empty"]>[is-~="cluster"]{justify-content:center}
  [is-~="dialog-body"]{padding:1lh 2ch;overflow:auto}[is-~="dialog-actions"]{display:flex;justify-content:flex-end;gap:1ch;padding:0 2ch 1lh}[is-~="log"]{max-height:16lh;overflow:auto}
  [hidden]{display:none!important}@media(max-width:640px){[is-~="nav"]{align-items:flex-start;flex-direction:column;padding-block:1lh}[is-~="grid"]{grid-template-columns:1fr}}
}