@layer components{.page-outline{min-width:0}.page-outline-desktop{gap:var(--space-4);min-width:0;display:grid}.page-outline[data-nested] .page-outline-desktop{padding-inline-end:var(--space-3)}.page-outline-desktop>p{color:var(--color-accent-action);font-family:var(--font-family-mono);font-size:.8125rem;font-weight:var(--font-weight-strong);letter-spacing:.08em;text-transform:uppercase;margin:0}.page-outline-desktop nav{min-width:0}.page-outline-children,.page-outline-drawer-children,.page-outline-drawer-list,.page-outline-list{margin:0;padding:0;list-style:none;display:grid}.page-outline-list{gap:var(--space-1)}.page-outline[data-nested] .page-outline-list{gap:var(--space-3)}.page-outline-children a,.page-outline-link{gap:var(--space-2);border-radius:var(--radius-1);color:var(--color-text-muted);line-height:1.4;text-decoration:none;display:grid}.page-outline-link{padding:var(--space-2);grid-template-columns:1.75rem minmax(0,1fr);font-size:.875rem}.page-outline[data-nested] .page-outline-link{font-weight:var(--font-weight-strong)}.page-outline-children{gap:var(--space-1);border-inline-start:var(--border-width) solid var(--color-divider);margin-block-start:var(--space-1);margin-inline-start:1.35rem;padding-inline-start:var(--space-3)}.page-outline-children a{padding:var(--space-1) var(--space-2);grid-template-columns:1.25rem minmax(0,1fr);font-size:.8125rem}.page-outline-children a>span,.page-outline-drawer-children a>span,.page-outline-drawer-link>span,.page-outline-link>span{color:var(--color-accent-action);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.page-outline-link:focus-visible,.page-outline-link:hover{color:var(--color-brand-primary);background:var(--color-action-soft)}.page-outline-children a:focus-visible,.page-outline-children a:hover{color:var(--color-accent-action);background:var(--color-action-soft)}.page-outline-trigger{z-index:calc(var(--z-menu) + 1);gap:var(--space-2);border-radius:var(--radius-round);box-shadow:var(--shadow-panel);font-size:1rem;font-weight:var(--font-weight-strong);cursor:pointer;display:none;position:fixed;inset-block-end:max(var(--space-4),env(safe-area-inset-bottom,0px));inset-inline-end:max(var(--space-4),env(safe-area-inset-right,0px))}.page-outline-trigger[data-variant=secondary]{--color-control-border:var(--color-brand-primary);--color-text:var(--color-brand-primary)}.page-outline-trigger:focus-visible,.page-outline-trigger:hover,.page-outline-trigger[data-state=open]{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-brand-highlight);filter:none}.page-outline-trigger-mark{border-block-end:1.5px solid;border-inline-end:1.5px solid;block-size:.5rem;inline-size:.5rem;translate:0 -.1rem;rotate:45deg}.page-outline-trigger[data-state=open] .page-outline-trigger-mark{translate:0 .1rem;rotate:225deg}.page-outline-overlay{z-index:80;background:var(--color-overlay);position:fixed;inset:0}.page-outline-drawer{--outline-drawer-bleed:3rem;z-index:81;overscroll-behavior:contain;max-block-size:min(82dvh,42rem);color:var(--color-text);background:var(--color-surface);transform:translateY(var(--drawer-swipe-movement-y,0));border-start-start-radius:var(--radius-2);border-start-end-radius:var(--radius-2);margin-block-end:calc(var(--outline-drawer-bleed)*-1);padding-block-end:calc(env(safe-area-inset-bottom,0px) + var(--outline-drawer-bleed));transition:transform .36s cubic-bezier(.32,.72,0,1);position:fixed;inset-block-end:0;inset-inline:0;overflow-y:auto;box-shadow:0 -1.25rem 3rem #04141f2e}.page-outline-drawer[data-nested]{max-block-size:min(86dvh,44rem)}.page-outline-drawer[data-state=open]{animation:.36s cubic-bezier(.32,.72,0,1) page-outline-in}.page-outline-drawer[data-state=closed]{animation:.28s cubic-bezier(.32,.72,0,1) page-outline-out}.page-outline-drawer[data-swiping]{transition-duration:0s}.page-outline-handle{border-radius:var(--radius-round);block-size:.3rem;inline-size:3rem;margin:var(--space-3) auto 0;background:var(--color-border)}.page-outline-content{gap:var(--space-5);padding:var(--space-5) var(--content-gutter) var(--space-6);display:grid}.page-outline-heading{gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.page-outline-heading>div{gap:var(--space-1);display:grid}.page-outline-heading :is(h2,p){margin:0}.page-outline-heading h2{color:var(--color-brand-primary);font-family:var(--font-family-display);letter-spacing:-.03em;font-size:1.5rem;font-weight:650}.page-outline-heading p{color:var(--color-text-muted);font-size:1rem}.page-outline-close{inline-size:var(--control-min-inline-size);block-size:var(--control-min-block-size);border-color:var(--color-border);border-radius:var(--radius-1);color:var(--color-brand-primary);background:0 0;padding:0}.page-outline-close-mark{block-size:1rem;inline-size:1rem;display:block;position:relative}.page-outline-close-mark:after,.page-outline-close-mark:before{content:"";background:currentColor;block-size:1.5px;inline-size:1rem;position:absolute;inset-block-start:50%;inset-inline-start:0}.page-outline-close-mark:before{rotate:45deg}.page-outline-close-mark:after{rotate:-45deg}.page-outline-drawer-list{gap:var(--space-1)}.page-outline-drawer[data-nested] .page-outline-drawer-list{gap:var(--space-4)}.page-outline-drawer-children a,.page-outline-drawer-link{gap:var(--space-3);min-block-size:var(--control-min-block-size);color:var(--color-brand-primary);grid-template-columns:2rem minmax(0,1fr);align-items:start;line-height:1.4;text-decoration:none;display:grid}.page-outline-drawer-link{border-block-start:var(--border-width) solid var(--color-border);padding-block:var(--space-4);font-weight:var(--font-weight-strong)}.page-outline-drawer-children{gap:var(--space-1);border-inline-start:var(--border-width) solid var(--color-divider);margin-inline-start:var(--space-4);padding-inline-start:var(--space-4)}.page-outline-drawer-children a{padding-block:var(--space-2);line-height:1.5}.page-outline-drawer-children a:focus-visible,.page-outline-drawer-children a:hover,.page-outline-drawer-link:focus-visible,.page-outline-drawer-link:hover{color:var(--color-accent-action);background:var(--color-action-soft)}@keyframes page-outline-in{0%{translate:0 calc(100% - var(--outline-drawer-bleed))}}@keyframes page-outline-out{to{translate:0 calc(100% - var(--outline-drawer-bleed))}}@media (width<=56rem){.page-outline{block-size:0}.page-outline-desktop{display:none}.page-outline-trigger{display:inline-flex}}@media (prefers-reduced-motion:reduce){.page-outline-drawer{transition-duration:1ms;animation-duration:1ms}}}
