.lab-detail-page{min-height:100vh;background:var(--color-canvas)}.lab-detail-header{padding-block:clamp(var(--space-16),8vw,var(--space-24));display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);border-bottom:1px solid var(--color-divider)}.lab-detail-back{grid-column:1 / span 2;width:fit-content;min-height:var(--size-touch);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--type-label);text-underline-offset:5px}.lab-detail-heading{grid-column:3 / span 8}.lab-detail-heading h1{max-width:900px;margin:var(--space-8) 0 var(--space-5);font:600 var(--type-display-m)/1 var(--font-display);letter-spacing:-.045em}.lab-detail-heading>p{max-width:720px;margin:0;color:var(--color-text-secondary);font-size:var(--type-body-l);line-height:1.65}.lab-detail-heading>ul{margin:var(--space-8) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.lab-detail-heading>ul li{padding:var(--space-1) var(--space-2);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font:var(--type-caption) var(--font-technical)}.lab-detail-body{padding-block:var(--section-space);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);align-items:start}.lab-detail-body>aside{grid-column:1 / span 3;position:sticky;top:104px}.lab-detail-body>aside dl{margin:0;border-top:1px solid var(--color-border-subtle)}.lab-detail-body>aside dl>div{padding-block:var(--space-4);border-bottom:1px solid var(--color-divider)}.lab-detail-body>aside dt{margin-bottom:var(--space-2);color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.lab-detail-body>aside dd{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.55}.lab-detail-body>aside nav{margin-top:var(--space-5);display:grid}.lab-detail-body>aside a{min-height:var(--size-touch);display:flex;align-items:center;justify-content:space-between;color:var(--color-text-primary);font-size:var(--type-label);text-underline-offset:4px}.lab-detail-body>article{grid-column:5 / span 7;min-width:0;max-width:var(--width-reading)}.lab-detail-body>article>section{scroll-margin-top:var(--space-24)}.lab-detail-body>article>section+section{margin-top:var(--space-20);padding-top:var(--space-12);border-top:1px solid var(--color-divider)}.lab-detail-body h2{margin:var(--space-5) 0 var(--space-8);font:600 var(--type-heading-l)/1.15 var(--font-display);letter-spacing:-.03em}.lab-detail-body section>p,.lab-detail-body section>ul{margin:0 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--type-body-l);line-height:1.75}.lab-detail-body section>ul{padding-left:var(--space-6)}.lab-detail-body section>ul li{margin-bottom:var(--space-3);padding-left:var(--space-2)}.lab-detail-flow ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-border-subtle)}.lab-detail-flow li{padding-block:var(--space-5);display:grid;grid-template-columns:56px 1fr;gap:var(--space-4);border-bottom:1px solid var(--color-divider)}.lab-detail-flow li>span{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.lab-detail-flow h3{margin:0 0 var(--space-2);font:550 var(--type-title) var(--font-display)}.lab-detail-flow p{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.6}.lab-detail-decisions>article{padding-block:var(--space-6);display:grid;grid-template-columns:2fr 3fr;gap:var(--grid-gutter);border-top:1px solid var(--color-divider)}.lab-detail-decisions h3{margin:0;font:550 var(--type-title)/1.35 var(--font-display)}.lab-detail-decisions article p{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.65}.lab-detail-comparison figure{margin:0}.lab-detail-comparison figcaption{margin-bottom:var(--space-3);color:var(--color-text-muted);font:var(--type-caption)/1.55 var(--font-technical)}.lab-detail-comparison figure>div{overflow-x:auto;border-block:1px solid var(--color-border-subtle)}.lab-detail-comparison table{width:100%;min-width:600px;border-collapse:collapse;text-align:left}.lab-detail-comparison th,.lab-detail-comparison td{padding:var(--space-3);border-bottom:1px solid var(--color-divider);vertical-align:top;font-size:var(--type-body-sm);line-height:1.5}.lab-detail-comparison thead th{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.lab-detail-comparison tbody th{color:var(--color-text-primary);font-weight:550}.lab-detail-comparison td{color:var(--color-text-secondary)}.lab-detail-limitations{padding-inline:var(--space-6);padding-bottom:var(--space-6);background:var(--color-surface);border-block:1px solid var(--color-border-subtle)}.lab-detail-learning{color:var(--color-text-primary)!important;font:500 var(--type-heading-m)/1.45 var(--font-display);letter-spacing:-.02em}.lab-detail-next{position:relative}.lab-detail-next .tag{margin-top:var(--space-3)}.lab-detail-continue{padding-block:var(--section-space);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);border-top:1px solid var(--color-divider)}.lab-detail-continue>.technical-label{grid-column:1 / span 4}.lab-detail-continue>a{grid-column:5 / -1;min-height:var(--size-control-lg);display:flex;align-items:center;justify-content:space-between;color:var(--color-text-primary);font:600 var(--type-heading-m) var(--font-display);text-decoration:none}.lab-detail-continue>a:hover{color:var(--color-accent-hover)}@media(max-width:900px){.lab-detail-header{grid-template-columns:repeat(6,1fr)}.lab-detail-back{grid-column:1 / -1}.lab-detail-heading{grid-column:2 / -1}.lab-detail-body>aside{grid-column:1 / span 3}.lab-detail-body>article{grid-column:4 / -1}.lab-detail-decisions>article{grid-template-columns:1fr}.lab-detail-continue>.technical-label{grid-column:1 / span 3}.lab-detail-continue>a{grid-column:4 / -1}}@media(max-width:600px){.lab-detail-header{padding-block:var(--space-12);display:block}.lab-detail-heading{margin-top:var(--space-8)}.lab-detail-heading h1{font-size:var(--type-heading-xl)}.lab-detail-heading>p{font-size:var(--type-body)}.lab-detail-body{display:block;padding-block:var(--space-12)}.lab-detail-body>aside{position:static;margin-bottom:var(--space-12)}.lab-detail-body>article>section+section{margin-top:var(--space-16);padding-top:var(--space-10)}.lab-detail-body h2{margin-bottom:var(--space-6);font-size:var(--type-heading-m)}.lab-detail-body section>p,.lab-detail-body section>ul{font-size:var(--type-body);line-height:1.7}.lab-detail-comparison figure{margin:0}.lab-detail-comparison figcaption{margin-bottom:var(--space-3);color:var(--color-text-muted);font:var(--type-caption)/1.55 var(--font-technical)}.lab-detail-comparison figure>div{overflow-x:auto;border-block:1px solid var(--color-border-subtle)}.lab-detail-comparison table{width:100%;min-width:600px;border-collapse:collapse;text-align:left}.lab-detail-comparison th,.lab-detail-comparison td{padding:var(--space-3);border-bottom:1px solid var(--color-divider);vertical-align:top;font-size:var(--type-body-sm);line-height:1.5}.lab-detail-comparison thead th{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.lab-detail-comparison tbody th{color:var(--color-text-primary);font-weight:550}.lab-detail-comparison td{color:var(--color-text-secondary)}.lab-detail-limitations{padding-inline:var(--space-4)}.lab-detail-learning{font-size:var(--type-title)!important}.lab-detail-continue{display:block}.lab-detail-continue>a{margin-top:var(--space-6);font-size:var(--type-title)}}