@layer article{.reading-page{--reader-sidebar-width:208px;scroll-padding-top:calc(var(--header-height) + var(--space-24))}.reading-page body{padding-top:var(--header-height)}.reading-page .site-main,.reading-page .site-footer{width:min(var(--reading-max), calc(100% - 2 * var(--page-gutter)))}.reading-page .skip-link{z-index:var(--z-dialog);position:fixed}.reader-topbar{z-index:var(--z-dropdown);height:var(--header-height);align-items:center;gap:var(--space-24);padding-inline:var(--space-24);background:var(--color-surface);display:flex;position:fixed;inset:0 0 auto}.reader-topbar-start,.reader-topbar-end{align-items:center;gap:var(--space-16);flex-shrink:0;display:flex}.reader-brand{color:var(--color-text);white-space:nowrap;font-weight:700;text-decoration:none}.reader-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-secondary);flex:1;margin:0;font-size:.875rem;overflow:hidden}.reader-title span{margin-inline:var(--space-12);color:var(--color-text-muted)}.directory-toggle{min-width:var(--target-min);min-height:var(--target-min);padding:var(--space-8) var(--space-12);box-shadow:none;font-size:.875rem}.directory-toggle[aria-expanded=true]{background:var(--color-selection-bg);color:var(--color-selection-text)}.reader-content{min-width:0}.reader-sidebar{top:calc(var(--header-height) + var(--space-32));bottom:var(--space-24);width:var(--reader-sidebar-width);overscroll-behavior:contain;padding:var(--space-16);scrollbar-width:thin;font-size:.875rem;position:fixed;overflow-y:auto}.problem-directory{right:calc(50% + var(--reading-max) / 2 + var(--space-32));border-right:1px solid var(--color-border-subtle)}.toc{left:calc(50% + var(--reading-max) / 2 + var(--space-24));border-left:1px solid var(--color-border-subtle);width:176px}.directory-heading{justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-16);font-weight:700;display:flex}.directory-heading>span{color:var(--color-text-muted);font-weight:400}.reader-sidebar ol{margin:0;padding:0;list-style:none}.reader-sidebar li.nested{margin-left:var(--space-16)}.reader-sidebar a{align-items:center;gap:var(--space-12);min-height:var(--target-min);padding:var(--space-8);color:var(--color-text-secondary);text-decoration:none;display:flex}.reader-sidebar a[aria-current=page]{color:var(--color-selection-text);background:var(--color-selection-bg);border-radius:var(--radius-menu);font-weight:700}.directory-number{font-family:var(--font-mono);font-size:.8125rem}.reader-sidebar .directory-index{margin-top:var(--space-24);color:var(--color-link)}.back-link{min-height:var(--target-min);margin-top:var(--space-24);align-items:center;font-size:.875rem;display:inline-flex}.article-header{padding-block:var(--space-32) var(--space-24);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-32)}.article-header h1{margin-bottom:var(--space-16)}.article-description{color:var(--color-text-secondary);max-width:var(--reading-max)}.article-meta{align-items:center;gap:var(--space-16);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.original-link{min-height:var(--target-min);align-items:center;font-size:.875rem;display:inline-flex}.article-actions{align-items:center;gap:var(--space-12);margin-top:var(--space-24);flex-wrap:wrap;display:flex}.prose{min-width:0;max-width:var(--reading-max);overflow-wrap:anywhere;font-size:1.125rem;line-height:1.8}.prose h2{margin:var(--space-48) 0 var(--space-24)}.prose>h2:first-child{margin-top:0}.prose h3{margin:var(--space-32) 0 var(--space-16);font-size:1.25rem}.prose :is(h2,h3):target{color:var(--color-text)}.toc a[aria-current=location]{color:var(--color-selection-text);border-left:3px solid var(--color-selection-text);background:var(--color-selection-bg);font-weight:600}.toc .nested a{color:var(--color-text-muted);font-size:.875rem}.demo-entry{min-width:0}.self-check{padding:var(--space-16);border:1px solid var(--color-border-control);border-radius:var(--radius-card);font-size:1rem}.self-check summary{cursor:pointer;min-height:44px}.self-check fieldset{margin-block:var(--space-16);border:0;min-width:0;padding:0}.self-check label{align-items:center;gap:var(--space-12);min-height:44px;display:flex}.self-check input{width:20px;min-height:20px}.self-check-feedback{margin-top:var(--space-16)}.prose>p,.prose>ul,.prose>ol{margin-bottom:var(--space-24)}.prose :is(ul,ol){padding-left:var(--space-24)}.prose li+li{margin-top:var(--space-8)}.prose :not(pre)>code{background:var(--color-surface-subtle);padding:2px var(--space-4);border-radius:var(--space-4);font:.9em var(--font-mono)}.prose .expressive-code{margin-block:var(--space-24);overflow-wrap:normal;max-width:100%}.prose .expressive-code pre{max-width:100%}.article-table-scroll{max-width:100%;margin-block:var(--space-24);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);overflow-x:auto}.article-table-scroll:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.article-table-scroll table{border-collapse:separate;border-spacing:0;background:var(--color-surface);width:max-content;min-width:100%;font-size:1rem;line-height:1.6}.article-table-scroll :is(th,td){padding:var(--space-12) var(--space-16);text-align:left;vertical-align:middle;white-space:nowrap;overflow-wrap:normal;border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.article-table-scroll th{background:var(--color-surface-subtle);font-weight:600}.article-table-scroll tr>:last-child{border-right:0}.article-table-scroll tbody tr:last-child>td{border-bottom:0}.callout{border-left:4px solid var(--color-info);background:var(--color-info-bg);color:var(--color-info);padding:var(--space-20) var(--space-24);margin:var(--space-24) 0;border-radius:var(--radius-control);font-size:1rem}.callout.note{border-left-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning)}.callout strong{margin-bottom:var(--space-8);display:block}.callout p:last-child,.disclosure p:last-child{margin-bottom:0}.disclosure{border:1px solid var(--color-border-control);border-radius:var(--radius-control);padding:var(--space-8) var(--space-20);margin:var(--space-24) 0;font-size:1rem}.disclosure summary{cursor:pointer;min-height:48px;padding-block:var(--space-12);font-weight:600}.disclosure>div{padding-block:var(--space-12)}.article-end{margin-top:var(--space-48)}@media (hover:hover){.reader-sidebar a:hover{color:var(--color-link);text-decoration:underline}.disclosure summary:hover{color:var(--color-link)}}@media (width<=1279px){.reader-sidebar{width:100%;margin-block:var(--space-24);border:1px solid var(--color-border-subtle);border-radius:var(--radius-menu);position:static}.reader-ready .reader-sidebar{z-index:var(--z-sticky);top:calc(var(--header-height) + var(--space-8));max-height:calc(100dvh - var(--header-height) - var(--space-24));width:min(320px, calc(100% - 2 * var(--space-16)));background:var(--color-surface);box-shadow:var(--shadow-popover);margin:0;position:fixed;bottom:auto}.reader-ready .problem-directory{left:var(--space-16);right:auto}.reader-ready .toc{right:var(--space-16);left:auto}}@media (width<=767px){.reader-topbar-start{flex:1;min-width:0}.reader-title{display:none}.reader-brand{text-overflow:ellipsis;overflow:hidden}.reader-topbar{gap:var(--space-4);padding-inline:var(--space-8)}.reader-topbar-start,.reader-topbar-end{gap:var(--space-4)}.directory-toggle{padding:var(--space-8)}.directory-toggle>span{display:none}.article-header{padding-top:var(--space-32)}}@media (width<=639px){.prose{font-size:1rem}.callout{padding:var(--space-16) var(--space-20)}}@media (width>=1100px) and (width<=1279px){.reading-page .site-main{width:min(var(--reading-max), calc(100% - 288px));margin-left:256px}.reader-ready .problem-directory{top:calc(var(--header-height) + var(--space-32));left:var(--space-16);width:208px;bottom:var(--space-24);border:0;border-right:1px solid var(--color-border-subtle);max-height:none;box-shadow:none;background:0 0;position:fixed}}.reading-page:has(.demo-focused) .reader-sidebar,.reading-page:has(.demo-focused) .directory-toggle{display:none}.reading-page:has(.demo-focused) .site-main{width:min(var(--content-max), calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.reader-content:has(.demo-focused)>.article-header,.prose:has(.demo-focused)>:not(.demo-entry){max-width:var(--reading-max);margin-inline:auto}.prose:has(.demo-focused){max-width:none}}.workspace-entry[data-astro-cid-gdmim242]{color:var(--color-action);white-space:nowrap;padding:6px 10px;font-size:.8125rem}@media (width<=600px){.workspace-entry[data-astro-cid-gdmim242] span[data-astro-cid-gdmim242]{display:none}.workspace-entry[data-astro-cid-gdmim242]{padding-inline:6px}}