@layer layout {
  .docs-shell{inline-size:min(100%,calc(96rem + 2 * var(--mirust-gutter)));margin-inline:auto;padding:2rem var(--mirust-gutter) 5rem}
  .docs-shell>.breadcrumbs{max-inline-size:96rem}
  .docs-grid{display:grid;grid-template-columns:minmax(13rem,17rem) minmax(0,var(--mirust-content)) minmax(11rem,15rem);gap:clamp(1.5rem,3vw,3rem);align-items:start}
  .docs-article{min-inline-size:0}.docs-article>*+*{margin-block-start:1.4rem}.docs-article :where(h2,h3,h4){margin-block-start:2.7rem;scroll-margin-block-start:calc(var(--mirust-header-height) + 1rem)}
  .docs-grid__tree,.docs-grid__toc{position:sticky;inset-block-start:calc(var(--mirust-header-height) + var(--mirust-admin-offset,0px) + 1rem);max-block-size:calc(100dvh - var(--mirust-header-height) - var(--mirust-admin-offset,0px) - 2rem);overflow:auto;scrollbar-width:thin}
  @media (max-width:76rem){.docs-grid{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr)}.docs-grid__toc{display:none}}
  @media (max-width:52rem){.docs-grid{grid-template-columns:1fr}.docs-grid__tree,.docs-grid__toc{position:static;max-block-size:none;overflow:visible}.docs-grid__toc{display:block;order:2}.docs-article{order:1}}
}

@layer components {
  .docs-tree,.docs-toc{padding:.8rem;border:1px solid var(--mirust-border-soft);background:color-mix(in srgb,var(--mirust-surface) 95%,transparent);font-size:.82rem}
  .docs-tree summary,.docs-toc>h2{font-family:var(--mirust-font-mono);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}
  .docs-tree nav{margin-block-start:.7rem}.docs-tree ol{list-style:none;margin:0;padding-inline-start:.7rem;border-inline-start:1px solid var(--mirust-border-soft)}.docs-tree>details>nav>ol{padding-inline-start:0;border:0}.docs-tree li+li{margin-block-start:.15rem}.docs-tree a{display:block;padding:.3rem .4rem;border-radius:3px;color:var(--mirust-muted);text-decoration:none}.docs-tree a:hover,.docs-tree a[aria-current="page"]{background:var(--mirust-elevated);color:var(--mirust-text)}
  .docs-toc>ol{margin:.7rem 0 0;padding:0;list-style:none}.docs-toc li+li{margin-block-start:.28rem}.docs-toc__level-3{padding-inline-start:.8rem}.docs-toc a{color:var(--mirust-muted);text-decoration:none}.docs-toc a:hover,.docs-toc a[aria-current="true"]{color:var(--mirust-cyan)}
  .doc-meta-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;padding-block:1rem;border-block:1px solid var(--mirust-border-soft);font-family:var(--mirust-font-mono);font-size:.72rem}.doc-meta-panel dl{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;margin:0}.doc-meta-panel dl>div{display:flex;gap:.35rem}.doc-meta-panel dt{color:var(--mirust-muted)}.doc-meta-panel dd{margin:0;color:var(--mirust-text)}
  .doc-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block-start:2rem;border-block-start:1px solid var(--mirust-border-soft)}.doc-prev-next a{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--mirust-border-soft);background:var(--mirust-surface);text-decoration:none}.doc-prev-next a:last-child{text-align:end}.doc-prev-next span{color:var(--mirust-muted);font-family:var(--mirust-font-mono);font-size:.7rem;text-transform:uppercase}
  .heading-anchor{margin-inline-start:.35rem;color:var(--mirust-border-strong);font-size:.72em;text-decoration:none;opacity:0}.docs-article :where(h2,h3,h4):hover .heading-anchor,.heading-anchor:focus{opacity:1}
  .code-copy-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;z-index:2;min-block-size:2rem;padding:.3rem .55rem;border-color:#465158;background:#151a1d;color:#fff;font-size:.7rem}.code-copy-button:hover{background:#222a2f}
  .code-block-wrapper{position:relative}.code-copy-feedback{position:absolute;inset-block-start:.6rem;inset-inline-end:4.5rem;color:#fff;font-family:var(--mirust-font-mono);font-size:.68rem}
  .docs-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.docs-section-card ul{padding-inline-start:1.1rem}.docs-section-card li+li{margin-block-start:.35rem}
  @media (max-width:52rem){.docs-tree details:not([open]) nav{display:none}.docs-section-grid{grid-template-columns:1fr}.doc-prev-next{grid-template-columns:1fr}.doc-prev-next a:last-child{text-align:start}}
}