body.system-page{background:var(--ground);color:var(--ink);scroll-behavior:smooth}body.system-page *{border-radius:0}.system-shell{display:flex;align-items:flex-start;min-height:100vh;container-type:inline-size;container-name:system-shell}.system-sidebar-nav{display:flex;flex-direction:column;flex-shrink:0;width:calc(8 * var(--cell));position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--space-200) var(--space-100);box-shadow:1px 0 0 var(--border);gap:var(--space-025)}.system-top-nav{display:none}@media(max-width:791px){.system-shell{display:block}}@container system-shell (max-width: 791px){.system-sidebar-nav{display:none}.system-top-nav{display:flex;flex-direction:column;position:sticky;top:0;z-index:10;background:var(--ground);box-shadow:0 1px 0 var(--border)}}.system-content{flex:1;min-width:0;padding:var(--space-200);display:flex;flex-direction:column;gap:var(--space-400);container-type:inline-size;container-name:content-column}.system-nav__item{display:block;padding:var(--space-025) var(--space-050);text-decoration:none;color:var(--ink-secondary);white-space:nowrap;&.is-active{color:var(--ink)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--ink)}&:active{opacity:.85}}@media(hover:hover){.system-nav__item:hover{background:var(--surface);color:var(--ink)}}.system-nav__back{display:flex;align-items:center;gap:var(--space-025);margin-bottom:var(--space-100);padding:var(--space-025) 0;text-decoration:none;color:var(--accent);flex-shrink:0;& svg{flex-shrink:0}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--ink)}&:active{opacity:.85}}.system-nav__divider{border:none;border-top:1px solid var(--border);margin:var(--space-050) 0}.system-section-divider{border:none;border-top:1px solid var(--border);margin:0}.system-nav__search-space{height:var(--space-200)}.system-nav__list{list-style:none;display:flex;flex-direction:column;gap:0}.system-subnav{list-style:none;display:flex;flex-direction:column;gap:0;&[hidden]{display:none}.system-nav__item{padding-left:var(--space-100)}}.system-top-nav__primary{display:flex;align-items:center;padding:var(--space-050) var(--space-100);gap:var(--space-025)}.system-top-nav__scroll{overflow-x:auto;flex:1;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.system-top-nav__items{list-style:none;display:flex;align-items:center;gap:0;flex-shrink:0}.system-top-nav__separator{padding:0 var(--space-025);color:var(--ink-secondary);flex-shrink:0;pointer-events:none}.system-top-nav__search-space{margin-left:auto;flex-shrink:0;width:var(--space-200)}.system-top-nav__sub-row{list-style:none;display:none;align-items:center;gap:0;padding:0 var(--space-100) var(--space-025);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 -1px 0 var(--border);&::-webkit-scrollbar{display:none}&.is-visible{display:flex}}.system-section-heading,.system-tier-heading{color:var(--ink)}.system-foundations-section{display:flex;flex-direction:column;gap:var(--space-200)}.system-prose{display:flex;flex-direction:column;gap:var(--space-100);max-width:720px}.system-prose p{color:var(--ink)}.system-specimens{display:flex;flex-direction:column;gap:var(--space-200)}.system-type-specimen{display:flex;flex-direction:column;gap:var(--space-025)}.system-type-specimen__label,.system-type-specimen__specs{color:var(--ink-secondary)}.system-type-specimen__label{text-transform:uppercase}.system-token-readouts{display:flex;flex-direction:column;gap:var(--space-025)}.system-token-readout{display:flex;flex-direction:row;align-items:center;gap:var(--space-050);background:var(--surface);padding:var(--space-050) var(--space-100)}.system-token-readout__swatch{width:var(--space-100);height:var(--space-100);flex-shrink:0;outline:1px solid var(--border)}.system-token-readout__label{color:var(--ink-secondary)}.system-token-readout__value{color:var(--ink)}.system-live-demo{background:var(--surface);padding:var(--space-200);display:flex;flex-direction:column;gap:var(--space-050)}.system-live-demo__label,.system-live-demo__placeholder{color:var(--ink-secondary)}.system-icon-inventory{display:flex;flex-direction:column;gap:var(--space-025)}.system-tier-group,.system-entries,.system-entry-card{display:flex;flex-direction:column;gap:var(--space-200)}.system-entry-card__heading{color:var(--ink)}.system-entry-card__why{color:var(--ink-secondary);max-width:720px}.system-entry-card__preview{display:flex;flex-direction:column;gap:0}.system-entry-card__preview-toolbar{display:flex;gap:0;align-self:flex-end}.system-entry-card__variant-toggle{display:flex;gap:0;margin-right:var(--space-050)}.system-entry-card__preview-btn{padding:var(--space-025) var(--space-050);color:var(--ink-secondary);background:var(--surface);outline:1px solid var(--border);cursor:pointer;&.is-active{color:var(--ink);background:var(--ground)}}@media(hover:hover){.system-entry-card__preview-btn:hover{color:var(--ink)}}.system-entry-card__render{padding:var(--space-200);background:var(--ground);outline:1px solid var(--border);transition:max-width .3s var(--ease)}.system-entry-card__used-in{color:var(--ink-secondary)}.system-entry-card__prose{color:var(--ink-secondary);max-width:720px}.system-foundations-block{background:var(--surface);padding:var(--space-100);display:flex;flex-direction:column;gap:var(--space-025)}.system-foundations-block__heading{color:var(--ink);margin-bottom:var(--space-025)}.system-foundations-block__label{color:var(--ink-secondary);min-width:5rem}.system-foundations-block__value{color:var(--ink)}.system-spacing-specimen[data-astro-cid-cfa2sbik]{display:flex;align-items:center;gap:var(--space-100)}.system-spacing-specimen__bar[data-astro-cid-cfa2sbik]{background:var(--accent);opacity:.4;border-radius:1px;min-width:var(--space-025);min-height:var(--space-025);flex-shrink:0}.system-spacing-specimen__info[data-astro-cid-cfa2sbik]{display:flex;flex-direction:column;gap:var(--space-025)}.system-spacing-specimen__token[data-astro-cid-cfa2sbik]{color:var(--ink)}.system-spacing-specimen__desc[data-astro-cid-cfa2sbik]{color:var(--ink-secondary)}.system-grid-demo[data-astro-cid-6fefxe57]{display:flex;flex-direction:column;gap:var(--space-050)}.system-grid-demo__strip[data-astro-cid-6fefxe57]{display:flex;max-width:var(--grid-max);overflow:hidden}.system-grid-demo__cell[data-astro-cid-6fefxe57]{flex:0 0 var(--cell);aspect-ratio:1;background:var(--accent);opacity:.08}.system-grid-demo__cell[data-astro-cid-6fefxe57]:nth-child(odd){opacity:.15}.system-grid-demo__measure[data-astro-cid-6fefxe57]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.system-grid-demo__bracket[data-astro-cid-6fefxe57]{height:2px;background:var(--accent);width:var(--cell);position:relative}.system-grid-demo__bracket[data-astro-cid-6fefxe57]:before,.system-grid-demo__bracket[data-astro-cid-6fefxe57]:after{content:"";position:absolute;width:1px;height:6px;background:var(--accent);bottom:0}.system-grid-demo__bracket[data-astro-cid-6fefxe57]:before{left:0}.system-grid-demo__bracket[data-astro-cid-6fefxe57]:after{right:0}.system-grid-demo__cell-label[data-astro-cid-6fefxe57]{color:var(--accent)}.system-grid-demo__readout[data-astro-cid-6fefxe57]{display:flex;align-items:baseline;gap:var(--space-025)}.system-grid-demo__stat[data-astro-cid-6fefxe57]{color:var(--ink)}.system-grid-demo__separator[data-astro-cid-6fefxe57]{color:var(--ink-secondary)}.system-easing-demo[data-astro-cid-oq565qgv]{display:flex;flex-direction:column;gap:var(--space-200)}.system-easing-demo__curve[data-astro-cid-oq565qgv]{display:flex;flex-direction:column;gap:var(--space-025);max-width:200px}.system-easing-demo__svg[data-astro-cid-oq565qgv]{width:100%;height:auto}.system-easing-demo__diagonal[data-astro-cid-oq565qgv]{stroke:var(--border);stroke-width:1;stroke-dasharray:4 4}.system-easing-demo__path[data-astro-cid-oq565qgv]{fill:none;stroke:var(--ink);stroke-width:2}.system-easing-demo__handle[data-astro-cid-oq565qgv]{fill:var(--accent)}.system-easing-demo__arm[data-astro-cid-oq565qgv]{stroke:var(--accent);stroke-width:1;opacity:.5}.system-easing-demo__labels[data-astro-cid-oq565qgv]{display:flex;justify-content:space-between;color:var(--ink-secondary)}.system-easing-demo__preview[data-astro-cid-oq565qgv]{display:flex;flex-direction:column;gap:var(--space-050);container-type:inline-size}.system-easing-demo__track[data-astro-cid-oq565qgv]{height:var(--space-200);background:var(--ground);outline:1px solid var(--border);position:relative}.system-easing-demo__box[data-astro-cid-oq565qgv]{width:var(--space-200);height:100%;background:var(--accent);opacity:.6}.system-easing-demo__trigger[data-astro-cid-oq565qgv]{align-self:flex-start;padding:var(--space-025) var(--space-050);color:var(--ink);background:var(--surface);outline:1px solid var(--border);cursor:pointer}@media(hover:hover){.system-easing-demo__trigger[data-astro-cid-oq565qgv]:hover{background:var(--ground)}}.system-easing-demo__value[data-astro-cid-oq565qgv]{color:var(--ink-secondary)}.system-icon-specimen[data-astro-cid-67vuzxud]{display:flex;align-items:center;gap:var(--space-100);padding:var(--space-100);background:var(--surface)}.system-icon-specimen__preview[data-astro-cid-67vuzxud]{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ink)}.system-icon-specimen__preview[data-astro-cid-67vuzxud] svg{width:100%;height:100%}.system-icon-specimen__info[data-astro-cid-67vuzxud]{display:flex;flex-direction:column;gap:var(--space-025)}.system-icon-specimen__name[data-astro-cid-67vuzxud]{color:var(--ink)}.system-icon-specimen__detail[data-astro-cid-67vuzxud],.system-icon-specimen__used-in[data-astro-cid-67vuzxud]{color:var(--ink-secondary)}