.lab{overflow:hidden}.lab-toolbar{min-height:var(--toolbar-min-height);justify-content:space-between;align-items:end;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-default);display:flex}.toolbar-label{color:var(--text-muted);margin-block-end:var(--space-1);font-size:.75rem;font-weight:650}.segmented,.viewport-options{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-subtle);display:inline-flex}.segmented button,.viewport-options button{justify-content:center;align-items:center;gap:var(--space-1);min-height:2rem;padding-inline:var(--space-3);border-radius:var(--radius-1);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;font-size:.8125rem;font-weight:650;display:inline-flex}.segmented button:hover,.viewport-options button:hover{color:var(--brand-accent-hover);background:var(--blue-50)}.segmented button:active,.viewport-options button:active{box-shadow:inset 0 0 0 1px var(--neutral-200)}.segmented button[aria-pressed=true],.viewport-options button[aria-pressed=true]{color:var(--text-primary);border-color:var(--border-default);background:var(--surface-panel);box-shadow:0 1px 2px #18181b14}.lab-canvas{background:var(--surface-subtle);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.lab[data-mode=failing] .lab-canvas,.lab[data-mode=fixed] .lab-canvas{grid-template-columns:minmax(0,1fr)}.lab[data-mode=failing] [data-pane=fixed],.lab[data-mode=fixed] [data-pane=failing]{display:none}.lab-pane{background:var(--surface-panel);min-width:0}.lab-pane+.lab-pane{border-left:1px solid var(--border-default)}.pane-heading{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding-inline:var(--space-4);border-bottom:1px solid var(--border-default);display:flex}.pane-heading code{color:var(--text-muted);font-size:.75rem}.state-label{align-items:center;gap:var(--space-1);font-size:.8125rem;font-weight:700;display:inline-flex}.state-label--failing{color:var(--status-failing)}.state-label--fixed{color:var(--status-fixed)}.viewport-stage{min-width:0;min-height:18rem;padding:var(--space-3);background-image:linear-gradient(var(--border-default) 1px, transparent 1px), linear-gradient(90deg, var(--border-default) 1px, transparent 1px);background-size:16px 16px;overflow:hidden}.viewport-scale{transform-origin:0 0}[data-fixture-frame]{border:1px solid var(--neutral-200);border-radius:var(--radius-2);background:var(--neutral-0);height:260px;display:block}.measurements{border-top:1px solid var(--border-default);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.measurements div{min-width:0;padding:var(--space-3) var(--space-4)}.measurements div+div{border-left:1px solid var(--border-default)}.measurements dt{color:var(--text-muted);font-size:.6875rem;font-weight:650}.measurements dd{overflow-wrap:anywhere;font-family:var(--font-mono);margin:0;font-size:.75rem;font-weight:700}[data-overflow=true] [data-measure=overflow]{color:var(--status-failing)}[data-overflow=false] [data-measure=overflow]{color:var(--status-fixed)}.lab-footer{align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-4);border-top:1px solid var(--border-default);color:var(--text-secondary);background:var(--surface-panel);font-size:.8125rem;display:flex}.prototype-note{color:var(--text-muted);white-space:nowrap;margin-inline-start:auto}@media (width<=43.75rem){.lab-toolbar{flex-direction:column;align-items:stretch}.segmented,.viewport-options{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.segmented button,.viewport-options button{min-height:2.75rem;padding-inline:var(--space-2)}.segmented [data-mode-button=compare]{display:none}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.lab[data-mode=compare] [data-pane=fixed]{display:none}.lab-canvas{grid-template-columns:minmax(0,1fr)}.lab-pane+.lab-pane{border-left:0}.viewport-stage{min-height:15rem}.measurements div{padding-inline:var(--space-2)}.lab-footer{padding-block:var(--space-3);flex-wrap:wrap;align-items:flex-start}.prototype-note{width:100%;margin-inline-start:1.5rem}}.diff-grid[data-astro-cid-w2cxmorv]{border:1px solid var(--neutral-800);border-radius:var(--radius-3);background:var(--neutral-700);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.diff-grid[data-astro-cid-w2cxmorv] section[data-astro-cid-w2cxmorv]{background:var(--neutral-900);min-width:0}.diff-grid[data-astro-cid-w2cxmorv] h3[data-astro-cid-w2cxmorv]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-700);color:var(--neutral-200);margin:0;font-size:.75rem}.diff-grid[data-astro-cid-w2cxmorv] pre[data-astro-cid-w2cxmorv]{min-width:0;padding:var(--space-4);color:var(--neutral-100);margin:0;font-size:.75rem;line-height:1.65;overflow-x:auto}.diff-grid[data-astro-cid-w2cxmorv] .after[data-astro-cid-w2cxmorv]{color:#86efac}@media (width<=43.75rem){.diff-grid[data-astro-cid-w2cxmorv]{grid-template-columns:minmax(0,1fr)}}.matrix-section[data-astro-cid-o2idoaes]{border-top:1px solid var(--border-default);margin-block-start:var(--space-10);padding-block-start:var(--space-8)}.matrix-heading[data-astro-cid-o2idoaes]{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.matrix-legend[data-astro-cid-o2idoaes],.manifest-link[data-astro-cid-o2idoaes]{color:var(--text-muted);font-size:.8125rem}.table-scroll[data-astro-cid-o2idoaes]{border:1px solid var(--border-default);border-radius:var(--radius-3);background:var(--surface-panel);max-width:100%;box-shadow:var(--shadow-control);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard);overflow-x:auto}.table-scroll[data-astro-cid-o2idoaes]:focus-visible{border-color:var(--focus-ring);box-shadow:var(--shadow-focus)}table[data-astro-cid-o2idoaes]{border-collapse:collapse;width:100%;min-width:42rem;font-size:.8125rem}th[data-astro-cid-o2idoaes],td[data-astro-cid-o2idoaes]{height:3rem;padding-inline:var(--space-4);border-bottom:1px solid var(--border-default);text-align:left;white-space:nowrap}thead[data-astro-cid-o2idoaes] th[data-astro-cid-o2idoaes]{color:var(--text-muted);background:var(--surface-subtle)}tbody[data-astro-cid-o2idoaes] tr[data-astro-cid-o2idoaes]:last-child th[data-astro-cid-o2idoaes],tbody[data-astro-cid-o2idoaes] tr[data-astro-cid-o2idoaes]:last-child td[data-astro-cid-o2idoaes]{border-bottom:0}td[data-astro-cid-o2idoaes]{color:var(--text-muted)}td[data-astro-cid-o2idoaes].measured{color:var(--text-primary);font-family:var(--font-mono);font-weight:650}.manifest-link[data-astro-cid-o2idoaes] a[data-astro-cid-o2idoaes]{align-items:baseline;gap:var(--space-1);color:var(--text-primary);font-weight:650;display:inline-flex}.assertion-details[data-astro-cid-o2idoaes]{border-block:1px solid var(--border-default);margin-block-start:var(--space-3)}.assertion-details[data-astro-cid-o2idoaes] summary[data-astro-cid-o2idoaes]{min-height:2.75rem;padding:var(--space-2);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);font-size:.8125rem;font-weight:650}.assertion-details[data-astro-cid-o2idoaes] summary[data-astro-cid-o2idoaes]:hover{color:var(--brand-accent-hover);background:var(--blue-50)}.assertion-details[data-astro-cid-o2idoaes] ul[data-astro-cid-o2idoaes]{padding:0 0 var(--space-3);margin:0;list-style:none}.assertion-details[data-astro-cid-o2idoaes] li[data-astro-cid-o2idoaes]{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-1);color:var(--text-muted);font-size:.75rem;display:flex}.assertion-details[data-astro-cid-o2idoaes] li[data-astro-cid-o2idoaes] span[data-astro-cid-o2idoaes]{text-align:right}.assertion-details[data-astro-cid-o2idoaes] code[data-astro-cid-o2idoaes]{overflow-wrap:anywhere;color:var(--text-primary)}@media (width<=43.75rem){.matrix-heading[data-astro-cid-o2idoaes]{flex-direction:column;align-items:flex-start}}@media (width<=30rem){.assertion-details[data-astro-cid-o2idoaes] li[data-astro-cid-o2idoaes]{flex-direction:column;align-items:flex-start;gap:0}.assertion-details[data-astro-cid-o2idoaes] li[data-astro-cid-o2idoaes] span[data-astro-cid-o2idoaes]{text-align:left}}.back-link{align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-2);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);margin-block-end:var(--space-5);font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--brand-accent-hover);background:var(--blue-50)}.case-layout{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,1fr) 17.5rem;display:grid}.case-main{min-width:0}.case-header{margin-block-end:var(--space-6)}.case-meta-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-2);display:flex}.case-meta-row .eyebrow{margin:0}.case-header h1{overflow-wrap:anywhere}.prototype-warning{align-items:flex-start;gap:var(--space-3);margin-block:var(--space-4) var(--space-10);padding:var(--space-4);border:1px solid var(--status-pending-border);border-radius:var(--radius-2);color:var(--status-pending);background:var(--status-pending-bg);display:flex}.prototype-warning svg{flex:none;margin-block-start:.2rem}.prototype-warning p{color:var(--text-secondary);margin:0;font-size:.875rem}.explanation,.diff-section{gap:var(--space-8);padding-block:var(--space-8);border-block-start:1px solid var(--border-default);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);display:grid}.explanation>p,.section-copy p{color:var(--text-secondary)}.case-prose{max-width:72ch}.case-prose h2{margin-block-start:var(--space-10)}.case-prose p,.case-prose li{color:var(--text-secondary)}.case-prose code{font-size:.9em}.sources{border-top:1px solid var(--border-default);margin-block-start:var(--space-10);padding-block-start:var(--space-8)}.sources ol{padding-inline-start:1.25rem}.sources li{margin-block:var(--space-2);color:var(--text-secondary)}.sources a{align-items:baseline;gap:var(--space-1);color:var(--brand-accent-hover);transition:color var(--duration-fast) var(--ease-standard);display:inline-flex}.sources a:hover{color:var(--text-primary)}.case-rail{border-block:1px solid var(--border-default);display:grid;position:sticky;inset-block-start:5.5rem}.rail-section{padding-block:var(--space-5)}.rail-section+.rail-section{border-top:1px solid var(--border-default)}.rail-section h2{text-transform:uppercase;font-size:.8125rem}.rail-section dl{gap:var(--space-2);margin:0;display:grid}.rail-section dl div{justify-content:space-between;gap:var(--space-3);font-size:.8125rem;display:flex}.rail-section dt{color:var(--text-muted)}.rail-section dd{text-align:right;margin:0}nav.rail-section{gap:var(--space-2);display:grid}.rail-section a{min-height:2.75rem;padding:var(--space-2);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);font-size:.8125rem;text-decoration:none}.rail-section a:hover{color:var(--brand-accent-hover);background:var(--blue-50);box-shadow:inset 3px 0 0 var(--brand-accent)}.rail-note{gap:var(--space-2);color:var(--text-muted);grid-template-columns:auto minmax(0,1fr);display:grid}.rail-note p{margin:0;font-size:.75rem}@media (width<=61.25rem){.case-layout{grid-template-columns:minmax(0,1fr)}.case-rail{gap:0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));position:static}.rail-section:nth-child(2){border-top:0}}@media (width<=43.75rem){.case-meta-row{flex-direction:column;align-items:flex-start}.explanation,.diff-section,.case-rail{grid-template-columns:minmax(0,1fr)}.rail-section:nth-child(2){border-top:1px solid var(--border-default)}}