.lab-page{--lab-blue: #2167d9;--lab-green: #087d63;color:var(--brand-ink);letter-spacing:0;overflow-wrap:anywhere}.dark .lab-page{--lab-blue: #81b3ff;--lab-green: #72ddaf}.lab-page *{min-width:0}.lab-page svg{flex-shrink:0}.lab-page p{line-height:1.8}.lab-page h1,.lab-page h2,.lab-page h3,.lab-page h4{font-weight:650;text-wrap:balance}.lab-page h2{font-size:2.5rem;line-height:1.2}.lab-page h3{font-size:1.375rem;line-height:1.4}.lab-page .lab-eyebrow{font-size:.75rem;font-weight:600;line-height:1.7;text-transform:uppercase;color:var(--brand-accent)}.lab-entry{border-bottom:1px solid var(--brand-line)}.lab-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4rem;align-items:center;padding-block:3.25rem}.lab-hero h1{font-size:3.75rem;line-height:1.1;margin-top:1.25rem;max-width:38rem}.lab-hero h1 span{display:block;color:var(--brand-accent)}.lab-page .lab-statement{margin-top:1.25rem;font-size:1.75rem;font-weight:500;line-height:1.4;max-width:29rem}.lab-intro{margin-top:1.25rem;max-width:36rem;font-size:1rem;color:var(--brand-muted)}.lab-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.lab-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:44px;max-width:100%;padding:.85rem 1rem;border:1px solid var(--brand-line);border-radius:6px;font-size:.875rem;font-weight:600;line-height:1.6;transition:border-color .15s,background .15s}.lab-button-primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-paper)}.lab-button-secondary{background:var(--brand-paper)}.lab-button:hover{border-color:var(--brand-ink)}.lab-hero-meta{display:flex;flex-wrap:wrap;gap:.25rem .65rem;margin-top:1.75rem;font-size:.75rem;color:var(--brand-muted)}.lab-hero-meta span{color:var(--brand-line)}.lab-system-map{max-width:36rem;width:100%;justify-self:end;container:lab-map / inline-size}.lab-system-map figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem .75rem;font-size:.75rem;margin-bottom:1rem;color:var(--brand-muted)}.lab-system-map figcaption span:first-child{color:var(--brand-accent);font-weight:600}.lab-map-canvas{position:relative;padding-block:2rem}.lab-map-grid{position:absolute;inset:0;pointer-events:none;opacity:.3}.lab-map-grid span{position:absolute}.lab-grid-column{top:0;bottom:0;border-left:1px solid var(--brand-line)}.lab-grid-row{left:0;right:0;border-top:1px solid var(--brand-line)}.lab-map-flow{--map-gap: 1.75rem;position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--map-gap) .5rem;align-items:center}.lab-map-node{position:relative;grid-column:3 / 8;padding:.85rem 1rem;border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-surface)}.lab-node-label{display:block;font-size:.625rem;font-weight:600;line-height:1.6;text-transform:uppercase;color:var(--brand-accent)}.lab-map-node strong{display:block;margin-top:.3rem;font-size:.875rem;font-weight:550;line-height:1.5}.lab-node-detail{display:block;margin-top:.35rem;font-size:.6875rem;line-height:1.5;color:var(--brand-muted)}.lab-node-intake{grid-row:1}.lab-node-orchestration{grid-column:2 / 9;grid-row:2;border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 8%,var(--brand-surface))}.lab-node-evidence{grid-row:3}.lab-node-evidence .lab-node-label{color:var(--lab-green)}.lab-node-inference{grid-column:2 / 9;grid-row:4}.lab-node-inference .lab-node-label{color:var(--lab-blue)}.lab-node-intake:after,.lab-node-orchestration:after,.lab-node-evidence:after{content:"";position:absolute;left:50%;top:100%;height:var(--map-gap);border-left:1px solid var(--brand-accent);opacity:.6}.lab-node-observability,.lab-node-validation{grid-row:3;padding:.7rem .5rem}.lab-node-observability{grid-column:1 / 3}.lab-node-validation{grid-column:8 / 10}.lab-node-observability strong,.lab-node-validation strong{font-size:.6875rem;color:var(--brand-muted)}.lab-node-observability:after,.lab-node-validation:before{content:"";position:absolute;top:50%;width:.5rem;border-top:1px solid var(--brand-accent);opacity:.6}.lab-node-observability:after{left:100%}.lab-node-validation:before{right:100%}.lab-page .lab-map-note{font-size:.75rem;color:var(--brand-muted);margin-top:1rem}@container lab-map (max-width: 28rem){.lab-map-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--map-gap) 1rem}.lab-map-node{grid-column:1 / -1}.lab-node-intake,.lab-node-evidence{margin-inline:1rem}.lab-node-observability,.lab-node-validation{grid-row:5;padding:.75rem}.lab-node-observability{grid-column:1}.lab-node-validation{grid-column:2}.lab-node-observability:after,.lab-node-validation:before{inset:auto auto 100% 50%;width:0;height:var(--map-gap);border-top:0;border-left:1px solid var(--brand-accent)}}.lab-platform{background:var(--brand-surface);border-bottom:1px solid var(--brand-line)}.lab-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:1.5rem 1rem}.lab-platform-grid>div{padding-inline:1.5rem;border-left:1px solid var(--brand-line)}.lab-platform-grid>div:first-child{padding-left:0;border-left:0}.lab-platform dt{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--brand-muted)}.lab-platform dd{font-size:1.125rem;font-weight:600;margin-top:.5rem}.lab-platform dd span{display:block;font-size:.75rem;font-weight:400;color:var(--brand-muted);margin-top:.3rem}.lab-platform-note{padding-bottom:1rem;color:var(--brand-muted);font-size:.75rem}.lab-section{padding-block:4.5rem;scroll-margin-top:1rem}.lab-section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.5rem 3rem;margin-bottom:2rem}.lab-section-heading>div{flex:1 1 30rem;max-width:46rem}.lab-section-heading h2{margin-top:.8rem}.lab-section-heading p:not(.lab-eyebrow){margin-top:1rem;color:var(--brand-muted);font-size:1rem}.lab-text-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:550;line-height:1.6;color:var(--brand-accent)}.lab-text-link:hover{text-decoration:underline;text-underline-offset:4px}.lab-experiments{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem}.lab-experiment{--lab-tone: var(--brand-accent);grid-column:span 4;display:flex;flex-direction:column;padding:1.75rem;border:1px solid var(--brand-line);border-top:2px solid var(--lab-tone);border-radius:8px;background:var(--brand-surface)}.lab-experiment.lab-tone-blue{--lab-tone: var(--lab-blue)}.lab-experiment.lab-tone-green{--lab-tone: var(--lab-green)}.lab-featured-1{grid-column:span 7}.lab-featured-2{grid-column:span 5}.lab-card-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;color:var(--lab-tone);margin-bottom:1.75rem}.lab-status{color:var(--brand-muted);font-size:.75rem;line-height:1.6}.lab-page .lab-topic{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--lab-tone);margin-bottom:.65rem}.lab-featured h3{font-size:1.75rem;max-width:29rem}.lab-experiment h3 a:hover{color:var(--lab-tone)}.lab-card-description{font-size:.9375rem;color:var(--brand-muted);margin-top:1rem}.lab-featured .lab-card-description{max-width:33rem}.lab-card-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.75rem;margin-top:auto}.lab-card-bottom>span{font-size:.6875rem;color:var(--brand-muted)}.lab-measurements{padding-block:2rem;background:var(--brand-surface);border-block:1px solid var(--brand-line)}.lab-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem}.lab-metric{padding:.5rem 1.5rem 1rem;border-left:1px solid var(--brand-line)}.lab-metric:first-child{padding-left:0;border:0}.lab-page .lab-metric-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:2.75rem;line-height:1.2;font-weight:600;color:var(--brand-accent)}.lab-metric-value span{font-size:1rem}.lab-metric h3{font-size:.875rem;line-height:1.6;margin-top:1rem}.lab-metric h3 a{display:inline}.lab-metric h3 svg{display:inline;margin-left:.25rem;vertical-align:middle;color:var(--brand-accent)}.lab-metric p:last-child{font-size:.8125rem;color:var(--brand-muted);margin-top:.65rem}.lab-page .lab-measurement-note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--brand-line);font-size:.8125rem;color:var(--brand-muted)}.lab-measurement-note a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:underline;text-underline-offset:3px;color:var(--brand-accent)}.lab-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}.lab-method-grid>div{border-top:1px solid var(--brand-line);padding-top:1.5rem}.lab-method-grid h3{font-size:1.25rem}.lab-layer-list{margin-top:1.25rem}.lab-layer-list li{display:flex;align-items:center;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--brand-line)}.lab-layer-list svg{color:var(--brand-accent)}.lab-layer-list div{flex:1}.lab-layer-list strong{display:block;font-size:.9375rem;font-weight:550}.lab-layer-list div span{display:block;font-size:.8125rem;color:var(--brand-muted);margin-top:.25rem}.lab-layer-index{color:var(--brand-muted);font-size:.75rem}.lab-principles ol{margin-top:1.25rem}.lab-principles li{display:flex;align-items:baseline;gap:1rem;padding-block:.75rem}.lab-principle-index{color:var(--lab-green);flex-shrink:0;font-size:.75rem}.lab-principles h4{font-size:.9375rem}.lab-principles p{margin-top:.4rem;font-size:.875rem;color:var(--brand-muted)}.lab-notebook{border-top:1px solid var(--brand-line);background:var(--brand-surface)}.lab-notebook-icon{color:var(--brand-accent)}.lab-filter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.lab-filters{display:flex;flex-wrap:wrap;gap:.25rem 1rem}.lab-filters[hidden],.lab-notes li[hidden]{display:none}.lab-filter{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;padding:.65rem .1rem;color:var(--brand-muted);font-size:.875rem;font-weight:550;cursor:pointer}.lab-filter[aria-pressed=true]{color:var(--brand-accent);border-color:var(--brand-accent)}.lab-filter:hover{color:var(--brand-accent)}.lab-filter-count{color:var(--brand-muted);font-size:.75rem;min-width:8rem}.lab-note{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,3.6fr) minmax(0,1fr) 1.3rem;gap:1.5rem;align-items:center;padding-block:1.5rem;border-bottom:1px solid var(--brand-line)}.lab-note-scope{font-size:.75rem;color:var(--brand-muted)}.lab-note h3{font-size:1.0625rem;font-weight:550}.lab-note p{font-size:.875rem;color:var(--brand-muted);margin-top:.45rem}.lab-note-category{font-size:.75rem;color:var(--brand-accent)}.lab-note>svg{color:var(--brand-accent)}.lab-note:hover h3{color:var(--brand-accent);text-decoration:underline;text-underline-offset:4px}.lab-closing{padding-block:3.5rem;border-top:1px solid var(--brand-line)}.lab-closing-layout{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem}.lab-closing-layout>div{flex:1 1 30rem}.lab-closing h2{margin-top:.8rem;font-size:2rem}.lab-closing p:not(.lab-eyebrow){margin-top:1rem;font-size:.9375rem;color:var(--brand-muted)}@media(max-width:68rem){.lab-hero-layout{gap:2rem;padding-block:2.5rem}.lab-hero h1{font-size:3rem}.lab-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.25rem}.lab-platform-grid>div:nth-child(3){padding-left:0;border-left:0}.lab-experiment{grid-column:span 6}.lab-experiment:last-child{grid-column:span 12}.lab-method-grid{gap:2rem}.lab-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 0}.lab-metric:nth-child(3){border-left:0;padding-left:0}.lab-note{grid-template-columns:minmax(0,1fr) 1.3rem;gap:.5rem 1rem}.lab-note-scope{grid-column:1}.lab-note>div{grid-column:1}.lab-note-category{grid-column:1}.lab-note>svg{grid-column:2;grid-row:2}}@media(max-width:48rem){.lab-hero-layout{grid-template-columns:minmax(0,1fr)}.lab-system-map{max-width:none;padding-top:1.5rem;border-top:1px solid var(--brand-line)}.lab-system-map figcaption{margin-bottom:1rem}.lab-experiments{grid-template-columns:minmax(0,1fr)}.lab-experiment,.lab-experiment:last-child{grid-column:1 / -1}.lab-method-grid{grid-template-columns:minmax(0,1fr)}.lab-section{padding-block:3rem}.lab-page h2{font-size:2rem}.lab-section-heading>div{flex-basis:100%}}@media(max-width:40rem){.lab-hero-layout{padding-block:1.5rem;gap:1.5rem}.lab-hero h1{font-size:2.75rem;margin-top:1rem}.lab-page .lab-statement{font-size:1.375rem}.lab-intro{font-size:.9375rem}.lab-actions{margin-top:1.25rem}.lab-hero-meta{margin-top:1rem}.lab-platform-grid>div{padding-inline:1rem}.lab-platform dd{font-size:1rem}.lab-experiment{padding:1.25rem}.lab-featured h3{font-size:1.5rem}.lab-metric{padding-inline:1rem}.lab-page .lab-metric-value{font-size:2rem}.lab-metric-grid{grid-template-columns:minmax(0,1fr)}.lab-metric,.lab-metric:nth-child(3){padding:1.25rem 0;border:0;border-bottom:1px solid var(--brand-line)}.lab-metric:last-child{border-bottom:0}.lab-page .lab-closing h2{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){.lab-button{transition:none}}
