.workbench-hero{position:relative;overflow:hidden}.workbench-hero:after{position:absolute;right:-8rem;bottom:-12rem;width:26rem;height:26rem;border:1px solid var(--rubli-border-inverse);border-radius:50%;content:""}.workbench-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(15rem,.6fr);gap:var(--rubli-space-12);align-items:end}.workbench-hero__title{max-width:11ch}.workbench-hero__title em{color:var(--rubli-brand-accent);font-family:var(--rubli-font-serif);font-weight:500;text-transform:none}.workbench-hero__meta{padding-left:var(--rubli-space-5);border-left:1px dashed var(--rubli-border-inverse)}.workbench-hero__meta strong{font-family:var(--rubli-font-mono);font-size:var(--rubli-type-caption);letter-spacing:.1em;text-transform:uppercase}.workbench-index{position:sticky;top:0;z-index:calc(var(--rubli-z-header) - 1);color:var(--rubli-text-inverse);background:var(--rubli-surface-inverse);border-block:1px solid var(--rubli-border-inverse)}.workbench-index__inner{display:flex;gap:var(--rubli-space-5);padding-block:var(--rubli-space-3);overflow-x:auto;scrollbar-width:thin}.workbench-index a{flex:none;font-family:var(--rubli-font-mono);font-size:var(--rubli-type-caption);text-underline-offset:.25em}.workbench-section{scroll-margin-top:4rem;border-bottom:1px dashed var(--rubli-border-default)}.workbench-section__header{display:grid;grid-template-columns:minmax(0,.7fr) minmax(15rem,1fr);gap:var(--rubli-space-8);margin-bottom:var(--rubli-space-12)}.workbench-section__number{color:var(--rubli-text-muted);font-family:var(--rubli-font-mono);font-size:var(--rubli-type-caption)}.workbench-specimen{min-width:0;padding:var(--rubli-space-6);background:var(--rubli-surface-canvas);border:1px solid var(--rubli-border-default);box-shadow:var(--rubli-shadow-subtle)}.workbench-specimen--inverse{color:var(--rubli-text-inverse);background:var(--rubli-surface-inverse);border-color:var(--rubli-border-inverse)}.workbench-specimen__label{padding-bottom:var(--rubli-space-3);margin-bottom:var(--rubli-space-5);color:var(--rubli-text-muted);font-family:var(--rubli-font-mono);font-size:var(--rubli-type-caption);text-transform:uppercase;border-bottom:1px dashed var(--rubli-border-default)}.workbench-specimen--inverse .workbench-specimen__label{color:var(--rubli-text-inverse-muted);border-color:var(--rubli-border-inverse)}.workbench-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--rubli-space-3)}.workbench-swatch{display:grid;gap:var(--rubli-space-2);min-width:0}.workbench-swatch__color{height:5rem;background:var(--swatch-color);border:1px solid var(--rubli-border-default)}.workbench-swatch code,.workbench-token-row code{overflow-wrap:anywhere;font-family:var(--rubli-font-mono);font-size:var(--rubli-type-caption)}.workbench-type-line{padding-block:var(--rubli-space-5);border-bottom:1px dashed var(--rubli-border-default)}.workbench-type-line:last-child{border-bottom:0}.workbench-token-row{display:flex;align-items:center;gap:var(--rubli-space-4)}.workbench-space{height:var(--space-size);width:var(--space-size);flex:none;background:var(--rubli-surface-inverse)}.workbench-layout-demo{min-height:5rem;border:1px dashed var(--rubli-border-default)}.workbench-layout-demo,.workbench-note{padding:var(--rubli-space-4);background:var(--rubli-surface-subtle)}.workbench-note{color:var(--rubli-text-muted);border-left:3px solid var(--rubli-brand-accent)}.workbench-dialog-content{display:grid;gap:var(--rubli-space-4)}.workbench-no-overflow{min-width:0}@media (max-width:63.99rem){.workbench-hero__inner{grid-template-columns:1fr}.workbench-section__header{grid-template-columns:1fr;gap:var(--rubli-space-4)}.workbench-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:29.99rem){.workbench-specimen{padding:var(--rubli-space-4)}.workbench-swatches{grid-template-columns:1fr}.workbench-hero:after{display:none}}:root{color-scheme:light}.health-page{width:min(42rem,calc(100% - 2rem));margin:4rem auto;padding:2rem;background:var(--rubli-surface-raised);border:1px solid var(--rubli-border-subtle);border-radius:var(--rubli-radius-large)}.health-page dl{display:grid;gap:.75rem}.health-page dl div{display:grid;grid-template-columns:8rem 1fr}.health-page dt{font-weight:600}.health-page dd{margin:0}