/* OWEN Illustrated Science — SKY Labs presentation, November 2026.
 * Loaded by the application shell. Root-scoped specificity intentionally wins
 * over lazy-loaded lab styles without changing their layout/state selectors.
 * Neutral scene chrome follows the shell; anatomy, charts and semantic legend
 * colours remain owned by their respective teaching modules.
 */
html body .owen-lab.owen-lab {
  --lab-bg: #f2f4fc;
  --lab-panel: #ffffff;
  --lab-text: #172044;
  --lab-muted: #586582;
  --lab-border: #d7dff0;
  --lab-accent: #5142b4;
  --lab-soft: #eeebff;
  --lab-action-text: #ffffff;
  --lab-stage: #d8e0f1;
  --lab-scene-background: radial-gradient(ellipse at 50% 35%, #e6eaf7 0%, #d8e0f1 54%, #ccd6ec 100%);
  --lab-scene-text: #172044;
  --lab-scene-muted: #4c5978;
  --lab-scene-warning: #77520f;
  --lab-scene-label-bg: #fffffff0;
  --lab-scene-cue-bg: #1b2547;
  color-scheme: light;
  font-family: var(--font-body, "Poppins", system-ui, sans-serif);
  border-color: #bdc9e2;
  border-radius: 22px;
  box-shadow: 0 26px 90px #1119364d;
}
html body.theme-dark .owen-lab.owen-lab,
html.theme-dark body .owen-lab.owen-lab,
html[data-theme="dark"] body .owen-lab.owen-lab {
  --lab-bg: #111936;
  --lab-panel: #1b2547;
  --lab-text: #f0f3ff;
  --lab-muted: #b5c1df;
  --lab-border: #3c486b;
  --lab-accent: #b8adff;
  --lab-soft: #302c59;
  --lab-action-text: #19152e;
  --lab-stage: #111936;
  --lab-scene-background: radial-gradient(ellipse at 50% 35%, #292c58 0%, #1b2547 54%, #111936 100%);
  --lab-scene-text: #f0f3ff;
  --lab-scene-muted: #becae5;
  --lab-scene-warning: #ffd166;
  --lab-scene-label-bg: #111936ed;
  color-scheme: dark;
  border-color: #465477;
}
html body .owen-lab :is(button, input, select, a, summary):focus-visible,
html body .owen-lab :is(.pg, .pgx, .pgh-menu) :is(button, input, select, a, summary):focus-visible {
  outline: 3px solid #568af5;
  outline-offset: 3px;
}
html body .owen-lab :is(h1, h2, h3, h4, .lab-panel-heading strong) {
  font-family: var(--font-heading, "Poppins", system-ui, sans-serif);
}
html body .owen-lab.owen-lab .lab-header {
  background: var(--lab-panel);
  color: var(--lab-text);
  border-bottom: 1px solid var(--lab-border);
}
html body .owen-lab.owen-lab .lab-brand h1 { font-weight: 700; letter-spacing: -.65px; }
html body .owen-lab.owen-lab .lab-brand p { color: var(--lab-muted); }
html body .owen-lab.owen-lab .lab-brand img {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
}
html body .owen-lab.owen-lab .lab-paths { background: var(--lab-bg); border: 1px solid var(--lab-border); border-radius: 13px; }
html body .owen-lab.owen-lab .lab-paths button { color: var(--lab-muted); border-radius: 10px; font-weight: 600; }
html body .owen-lab.owen-lab .lab-paths button:hover { background: var(--lab-soft); color: var(--lab-text); }
html body .owen-lab.owen-lab .lab-paths button[aria-pressed="true"] { background: var(--lab-soft); color: var(--lab-accent); box-shadow: none; }
html body .owen-lab.owen-lab .lab-paths .lab-physiogram-launch { color: #172044; background: #ffd166; box-shadow: none; }
html body .owen-lab.owen-lab .lab-paths .lab-physiogram-launch:hover { background: #ffe09a; }
html body .owen-lab.owen-lab .lab-header-actions > button { background: var(--lab-panel); color: var(--lab-text); border-color: var(--lab-border); border-radius: 10px; }
html body .owen-lab.owen-lab .lab-header-actions > button:hover { background: var(--lab-soft); }
html body .owen-lab.owen-lab :is(.lab-panel-heading, .lab-workspace-nav, .lab-sidebar-footer) { color: var(--lab-text); }
html body .owen-lab.owen-lab .lab-panel-heading { background: var(--lab-soft); border-color: var(--lab-border); }
html body .owen-lab.owen-lab .lab-panel-heading strong { font-weight: 700; }
html body .owen-lab.owen-lab :is(.lab-sidebar, .lab-anatomy-panel, .lab-notes, .lab-display-panel) {
  border-color: var(--lab-border);
  border-radius: 16px;
  background: var(--lab-panel);
}
html body .owen-lab.owen-lab :is(.lab-search, .lab-workspace-nav select, .lab-structure-search, .lab-structure-result, .lab-steps button, .lab-source-state, .lab-gap) { border-radius: 11px; }
html body .owen-lab.owen-lab .lab-search:focus-within { border-color: var(--lab-accent); box-shadow: 0 0 0 3px var(--lab-soft); }
html body .owen-lab.owen-lab :is(.lab-lesson, .lab-region-grid button, .lab-panel-paths button, .lab-focus-tools > button, .lab-lesson-tabs button) { border-radius: 10px; }
html body .owen-lab.owen-lab :is(.lab-lesson[aria-current="true"], .lab-region-grid button[aria-pressed="true"], .lab-structure-result[aria-pressed="true"]) {
  box-shadow: inset 3px 0 var(--lab-accent);
  border-color: var(--lab-accent);
  background: var(--lab-soft);
}
html body .owen-lab.owen-lab :is(.lab-focus-tools > button[aria-expanded="true"], .lab-focus-tools > button[aria-pressed="true"]) { border-color: var(--lab-accent); }
html body .owen-lab.owen-lab .lab-primary { border-radius: 12px; color: var(--lab-action-text) !important; font-weight: 700; box-shadow: 0 3px 0 #201c4b22; }
html body .owen-lab.owen-lab .lab-technique-tags span { border-radius: 999px; padding-inline: 9px; }
html body .owen-lab.owen-lab .lab-prose-section p { color: var(--lab-muted); }
html body .owen-lab.owen-lab .lab-narration { border-color: var(--lab-border); border-radius: 14px; }
html body .owen-lab.owen-lab .lab-welcome {
  background: url('/ui/illustrations/sky-science.svg') right 10px top 14px / 108px auto no-repeat;
  padding-top: 22px;
}
html body .owen-lab.owen-lab .lab-welcome > .lab-eyebrow { max-width: 65%; }
html body .owen-lab.owen-lab .lab-welcome h2 { max-width: 80%; font-weight: 700; letter-spacing: -.8px; margin-top: 20px; }
html body .owen-lab.owen-lab .lab-welcome-cards button {
  background: var(--lab-panel);
  border: 1px solid var(--lab-border);
  border-left: 4px solid #7864e8;
  border-radius: 13px;
  box-shadow: 0 3px 0 #11193608;
}
html body .owen-lab.owen-lab .lab-welcome-cards button:nth-child(2) { border-left-color: #35c6ae; }
html body .owen-lab.owen-lab .lab-welcome-cards button:nth-child(3) { border-left-color: #ff7c87; }
html body .owen-lab.owen-lab .lab-welcome-cards button:hover { background: var(--lab-soft); border-color: var(--lab-accent); }
html body .owen-lab.owen-lab .lab-welcome-counts { border: 0; gap: 10px; }
html body .owen-lab.owen-lab .lab-welcome-counts > span { flex: 1; padding: 11px; border-radius: 13px; background: var(--lab-soft); }
html body .owen-lab.owen-lab .lab-welcome-counts b { font-weight: 700; color: var(--lab-accent); }
html body .owen-lab.owen-lab .lab-pattern-table :is(th, td) { border-color: var(--lab-border); }
html body .owen-lab.owen-lab .lab-pattern-table th { background: var(--lab-soft); color: var(--lab-text); }

/* Anatomy chrome shares the app theme. The canvas stays transparent so changing
 * the app theme updates an open scene without rebuilding or resetting it. */
html body .owen-lab.owen-lab :is(.lab-focus-viewbar, .lab-camera-panel, .lab-viewport, .lab-visual) {
  background: var(--lab-stage);
  border-color: var(--lab-border);
  color: var(--lab-scene-text);
}
html body .owen-lab.owen-lab .lab-focus-viewbar { background: var(--lab-panel); }
html body .owen-lab.owen-lab :is(.lab-view-layout button, .lab-exit-expanded) { color: var(--lab-muted); }
html body .owen-lab.owen-lab :is(.lab-view-layout button:hover, .lab-view-layout button[aria-pressed="true"]) { background: var(--lab-soft); color: var(--lab-accent); }
html body .owen-lab.owen-lab :is(.lab-camera-menu > summary, .lab-view-tools button) {
  background: var(--lab-scene-label-bg);
  color: var(--lab-scene-text);
  border-color: var(--lab-border);
}
html body .owen-lab.owen-lab .lab-camera-menu > summary:hover { background: var(--lab-soft); border-color: var(--lab-accent); }
html body .owen-lab.owen-lab :is(.lab-camera-actions button[aria-pressed="true"], .lab-view-tools button[aria-pressed="true"]) { background: var(--lab-soft); border-color: var(--lab-accent); color: var(--lab-accent); }
html body .owen-lab.owen-lab .lab-visual[data-view-layout-state="inset"] [data-camera-panel="context"] { border-color: var(--lab-border); }
html body .owen-lab.owen-lab :is(.lab-scene-status, .owen-lab-scene-status) { color: var(--lab-scene-text); }
html body .owen-lab.owen-lab .owen-lab-scene-caption {
  background: var(--lab-scene-label-bg);
  box-shadow: 0 0 0 5px var(--lab-scene-label-bg);
}
/* Canvas overlays stay hidden; credits remain in Coverage & sources. */
html body .owen-lab.owen-lab .owen-lab-reference-pose-note,
html body .owen-lab.owen-lab .owen-lab-scene > a[href$="/ATTRIBUTION.txt"] {
  display: none !important;
}
html body .owen-lab.owen-lab .owen-lab-scene-compare > span { background: var(--lab-scene-label-bg); border-radius: 6px; padding: 4px 7px; }
html body .owen-lab.owen-lab.is-focus .lab-player button[data-action="play"] { color: var(--lab-action-text); }
html body .owen-lab.owen-lab.is-focus .lab-focus-tools > button:is([aria-expanded="true"], [aria-pressed="true"]) { border-color: var(--lab-accent); }
html body .owen-lab.owen-lab .lab-visibility-tools { background: var(--lab-scene-label-bg); color: var(--lab-scene-text); border-color: var(--lab-border); }
html body .owen-lab.owen-lab .lab-visibility-tools button:last-child { background: var(--lab-soft); color: var(--lab-accent); }
html body .owen-lab.owen-lab .lab-visibility-tools button:hover:not(:disabled) { background: var(--lab-soft); }
html body .owen-lab.owen-lab :is(.lab-inspect-card, .lab-inspect-actions button:first-child) { border-color: var(--lab-border); }


@media (max-width: 600px) {
  html body .owen-lab.owen-lab.is-focus .lab-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    height: auto;
    min-height: 54px;
    gap: 7px 10px;
    padding: 8px 10px;
  }
  html body .owen-lab.owen-lab.is-focus .lab-brand { grid-column: 1; grid-row: 1; }
  html body .owen-lab.owen-lab.is-focus .lab-header-actions { grid-column: 2; grid-row: 1; margin-left: 0; }
  html body .owen-lab.owen-lab.is-focus .lab-paths { grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 0; }
  html body .owen-lab.owen-lab.is-focus .lab-paths button { flex: 1; min-width: 0; padding-inline: 7px; }
  html body .owen-lab.owen-lab.is-focus .lab-paths .lab-physiogram-launch { flex: 1.4; }
}

/* Organ library: illustrated destinations with a quiet, readable copy area. */
html body .pgh .pgh-menu {
  --pgh-bg: var(--owen-bg, #f5f7fc);
  --pgh-panel: var(--owen-surface, #ffffff);
  --pgh-text: var(--owen-text, #172044);
  --pgh-muted: var(--owen-muted, #56617c);
  --pgh-border: var(--owen-border, #d6dced);
  --pgh-hero: #eeeafb;
  --pgh-hero-text: #172044;
  --pgh-hero-muted: #56617c;
  --pgh-hero-accent: #5542b8;
  background: var(--pgh-bg);
  color: var(--pgh-text);
  color-scheme: light;
  font-family: var(--font-body, "Poppins", system-ui, sans-serif);
}
html body .pgh[data-theme="dark"] .pgh-menu {
  --pgh-bg: #111936;
  --pgh-panel: #1c274a;
  --pgh-text: #f0f4ff;
  --pgh-muted: #becae5;
  --pgh-border: #435078;
  --pgh-hero: #29265e;
  --pgh-hero-text: #f5f7fc;
  --pgh-hero-muted: #bac5e0;
  --pgh-hero-accent: #b9acff;
  color-scheme: dark;
}
html body .pgh .pgh-header { background: var(--pgh-panel); color: var(--pgh-text); border-bottom: 1px solid var(--pgh-border); padding-block: 13px; }
html body .pgh .pgh-header :is(.pgh-back, .pgh-close) { background: var(--pgh-bg); color: var(--pgh-text); border-color: var(--pgh-border); border-radius: 12px; }
html body .pgh .pgh-header button:hover { background: var(--pgh-hero); }
html body .pgh .pgh-header [data-pgh="theme"] + .pgh-close { margin-left: 0; }
html body .pgh .pgh-wordmark { font-family: var(--font-heading, "Poppins", system-ui, sans-serif); font-weight: 700; letter-spacing: -.4px; }
html body .pgh .pgh-content { width: min(100%, 1160px); padding: 36px 34px; }
html body .pgh .pgh-intro {
  position: relative;
  padding: 26px 32% 28px 28px;
  background: var(--pgh-hero) url('/ui/illustrations/sky-science.svg') right 22px center / 230px auto no-repeat;
  color: var(--pgh-hero-text);
  border: 1px solid var(--pgh-border);
  border-radius: 24px;
  min-height: 220px;
  overflow: hidden;
}
html body .pgh .pgh-eyebrow { color: var(--pgh-hero-accent); font-weight: 700; letter-spacing: .12em; }
html body .pgh .pgh-intro h2 { font-family: var(--font-heading, "Poppins", system-ui, sans-serif); font-weight: 700; font-size: clamp(28px, 3.8vw, 42px); margin: 12px 0; }
html body .pgh .pgh-intro p { color: var(--pgh-hero-muted); font-size: 14px; line-height: 1.7; }
html body .pgh .pgh-list-heading { color: var(--pgh-text); margin-top: 27px; }
html body .pgh .pgh-list-heading h3 { font-size: 14px; font-weight: 700; }
html body .pgh .pgh-list-heading > span { color: var(--pgh-muted); border: 1px solid var(--pgh-border); border-radius: 999px; padding: 4px 10px; }
html body .pgh .pgh-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html body .pgh .pgh-list > li { min-width: 0; display: flex; }
html body .pgh .pgh-list .pgh-organ {
  --organ-accent: #ff7c87;
  --organ-art-bg: #fff0ef;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  grid-template-rows: 144px 1fr;
  align-items: start;
  gap: 20px 0;
  min-height: 380px;
  height: 100%;
  padding: 16px 16px 21px;
  background: var(--pgh-panel);
  color: var(--pgh-text);
  border: 1px solid var(--pgh-border);
  border-bottom: 4px solid var(--organ-accent);
  border-radius: 22px;
  box-shadow: 0 5px 0 #11193608;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html body .pgh .pgh-organ[data-pgh-organ="kidney"] { --organ-accent: #a694f5; --organ-art-bg: #f0ecff; }
html body .pgh .pgh-organ[data-pgh-organ="lung"] { --organ-accent: #42c9e8; --organ-art-bg: #e8f8fc; }
html body .pgh .pgh-list .pgh-organ:hover { background: var(--pgh-panel); border-color: var(--organ-accent); box-shadow: 0 9px 22px #11193615; transform: translateY(-3px); }
html body .pgh .pgh-list .pgh-organ[aria-current="true"] { background: var(--pgh-panel); border-color: var(--organ-accent); box-shadow: inset 0 0 0 2px var(--organ-accent); }
html body .pgh .pgh-organ-icon {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  height: 144px;
  border: 0;
  border-radius: 15px;
  background: var(--organ-art-bg) url('/ui/illustrations/heart.svg') center / 138px 138px no-repeat;
}
html body .pgh[data-theme="dark"] .pgh-organ { --organ-art-bg: #372c46; }
html body .pgh[data-theme="dark"] .pgh-organ[data-pgh-organ="kidney"] { --organ-art-bg: #302c55; }
html body .pgh[data-theme="dark"] .pgh-organ[data-pgh-organ="lung"] { --organ-art-bg: #21374f; }
html body .pgh .pgh-organ-icon-kidney { background-image: url('/ui/illustrations/kidney.svg'); }
html body .pgh .pgh-organ-icon-lung { background-image: url('/ui/illustrations/lungs.svg'); }
html body .pgh .pgh-organ-icon svg { visibility: hidden; }
html body .pgh .pgh-organ-copy { grid-column: 1 / -1; grid-row: 2; }
html body .pgh .pgh-organ-category { font-weight: 700; color: var(--pgh-muted); letter-spacing: .1em; }
html body .pgh .pgh-organ-copy strong { font-family: var(--font-heading, "Poppins", system-ui, sans-serif); font-size: 20px; font-weight: 700; line-height: 1.3; }
html body .pgh .pgh-description { color: var(--pgh-muted); font-size: 12px; line-height: 1.7; }
html body .pgh .pgh-topics { color: var(--pgh-text); font-size: 10px; font-weight: 600; border-top: 1px solid var(--pgh-border); padding-top: 12px; }
html body .pgh .pgh-arrow { grid-column: 2; grid-row: 1; align-self: end; z-index: 1; background: var(--organ-accent); color: #172044; border: 2px solid var(--pgh-panel); width: 34px; height: 34px; margin: 0 -3px -5px; }
html body .pgh .pgh-selected { color: var(--pgh-text); border-color: var(--pgh-border); font-weight: 700; }
html body .pgh .pgh-content :is(.pgh-status, .pgh-footnote) { color: var(--pgh-muted); }

/* Shared physiogram controls follow the same document theme as the app. */
html body .owen-lab .pg.pg {
  --pg-bg: #f2f4fc;
  --pg-panel: #ffffff;
  --pg-text: #172044;
  --pg-muted: #586582;
  --pg-border: #d7dff0;
  --pg-accent: #5142b4;
  --pg-soft: #eeebff;
  --pg-action-text: #ffffff;
  --pg-stage-a: #ffffff;
  --pg-stage-b: #e7ecfa;
  color-scheme: light;
  font-family: var(--font-body, "Poppins", system-ui, sans-serif);
}
html body .owen-lab .pg.pg[data-theme="dark"] {
  --pg-bg: #111936;
  --pg-panel: #1b2547;
  --pg-text: #f0f3ff;
  --pg-muted: #b5c1df;
  --pg-border: #3c486b;
  --pg-accent: #b8adff;
  --pg-soft: #302c59;
  --pg-action-text: #19152e;
  --pg-stage-a: #263254;
  --pg-stage-b: #111936;
  color-scheme: dark;
}
html body .owen-lab .pg :is(.pg-seg button[aria-pressed="true"], .pg-group button[aria-pressed="true"], .pg-play) { color: var(--pg-action-text); }
html body .owen-lab .pg :is(.pg-layers > div, .pg-speed select) { background: var(--pg-panel); color: var(--pg-text); }
html body .owen-lab .pg :is(.pg-outcome, .pg-phase-text) { background: var(--pg-soft); }
html body .owen-lab .pg .pg-seg button:hover:not([aria-pressed="true"]) { background: var(--pg-panel); }
html body .owen-lab .pg .pg-pick { background: #172044; color: #ffffff; }
html body .owen-lab .pg .pg-valve.is-open b { color: #11633f; }
html body .owen-lab .pg .pg-credit { color: var(--pg-muted); }
html body .owen-lab .pgx.pgx {
  --pgx-bg: #f2f4fc;
  --pgx-panel: #ffffff;
  --pgx-panel-2: #f7f8fe;
  --pgx-text: #172044;
  --pgx-muted: #586582;
  --pgx-border: #d7dff0;
  --pgx-accent: #5142b4;
  --pgx-accent-text: #ffffff;
  --pgx-soft: #eeebff;
  --pgx-stage-a: #ffffff;
  --pgx-stage-b: #e7ecfa;
  color-scheme: light;
  font-family: var(--font-body, "Poppins", system-ui, sans-serif);
}
html body .owen-lab .pgx.pgx[data-theme="dark"] {
  --pgx-bg: #111936;
  --pgx-panel: #1b2547;
  --pgx-panel-2: #222d50;
  --pgx-text: #f0f3ff;
  --pgx-muted: #b5c1df;
  --pgx-border: #3c486b;
  --pgx-accent: #b8adff;
  --pgx-accent-text: #19152e;
  --pgx-soft: #302c59;
  --pgx-stage-a: #263254;
  --pgx-stage-b: #111936;
  color-scheme: dark;
}
/* Native controls and neutral rendering surfaces track the document theme. */
html body .owen-lab .pgx :is(select, textarea, input[type="text"], input[type="number"], input[type="search"]) {
  color: var(--pgx-text);
  background-color: var(--pgx-panel);
  border-color: var(--pgx-border);
  color-scheme: inherit;
}
html body .owen-lab .pgx option { color: var(--pgx-text); background: var(--pgx-panel); }
html body .owen-lab :is(.pg-head, .pgx-head) { border-bottom: 3px solid #7864e8; }
html body .owen-lab :is(.pg-title h2, .pgx-title h2) { font-weight: 700; letter-spacing: -.35px; }
html body .owen-lab :is(.pg-back, .pgx-back, .pg-icon, .pgx-icon) { border-radius: 11px; }
html body .owen-lab :is(.pg-eyebrow, .pgx-eyebrow) { font-weight: 700; letter-spacing: .1em; }
html body .owen-lab :is(.pg-seg, .pgx-seg) { border-radius: 12px; }
html body .owen-lab :is(.pg-seg button, .pgx-seg button) { border-radius: 9px; }
html body .owen-lab .pg :is(.pg-card, .pg-panel) { background: var(--pg-panel); border-radius: 15px; border-color: var(--pg-border); }
html body .owen-lab .pgx :is(.pgx-card, .pgx-panel, .pgx-chart) { border-radius: 15px; border-color: var(--pgx-border); }
html body .owen-lab .pgx .pgx-card { background: var(--pgx-panel-2); }
html body .owen-lab :is(.pg-drawer-head, .pgx-drawer-head) { border-bottom-width: 2px; }
html body .owen-lab .pg .pg-drawer-head { background: var(--pg-soft); }
html body .owen-lab .pgx :is(.pgx-drawer-head, .k-panel-head, .lung-panel-head) { background: var(--pgx-soft); }
html body .owen-lab .pgx :is(.k-tool, .k-chip, .lung-tool, .pgx-chipbtn, .pgx-linkbtn, .pgx-stepbtn) { border-radius: 10px; }
html body .owen-lab .pgx :is(.k-start, .lung-story button, .lung-answers button) { border-radius: 12px; }
html body .owen-lab .pgx :is(.k-start, .lung-story button):hover { background: var(--pgx-soft); border-color: var(--pgx-accent) !important; }
html body .owen-lab .pgx :is(.k-group, .lung-group) > summary { font-weight: 700; }
html body .owen-lab .pgx :is(.k-sub, .lung-region, .lung-table-wrap) { border-radius: 14px; }
html body .owen-lab .pgx :is(.lung-table-wrap, .pgx-table) th { font-weight: 700; }
html body .owen-lab .pgx :is(.pgx-table, .lung-metrics) td { font-variant-numeric: tabular-nums; }
html body .owen-lab .pgx[data-theme="dark"] .pgx-stage-tools > * { background: #1b2547f5; color: var(--pgx-text); }
html body .owen-lab .pgx[data-theme="dark"] .pgx-ladder { background: #1b2547f5; color: var(--pgx-text); }

html body .owen-lab .pg .pg-3d { background: radial-gradient(ellipse at 50% 42%, var(--pg-stage-a), var(--pg-stage-b)); }
html body .owen-lab .pgx.pgx .pgx-3d { background: radial-gradient(120% 90% at 50% 40%, var(--pgx-stage-a), var(--pgx-stage-b)); }
html body .owen-lab .pgx .pgx-credit { color: var(--pgx-muted); }
html body .owen-lab .pgx .pgx-credit a { color: var(--pgx-accent); }
html body .owen-lab .pg .pg-credit a { color: var(--pg-accent); }
html body .owen-lab .pgx :is(.pgx-ladder, .pgx-stage-tools > *) { background: var(--pgx-panel); color: var(--pgx-text); }
html body .owen-lab :is(.pg, .pgx) :is(button, input, select):focus-visible { outline-color: var(--owen-focus, #6850ce); }

@media (max-width: 900px) {
  html body .pgh .pgh-content { padding: 24px; }
  html body .pgh .pgh-list { gap: 12px; }
  html body .pgh .pgh-list .pgh-organ { padding: 12px 12px 18px; gap: 16px 0; }
  html body .pgh .pgh-organ-copy strong { font-size: 18px; }
  html body .pgh .pgh-intro { padding-right: 34%; background-size: 190px auto; }
}
@media (max-width: 700px) {
  html body .pgh .pgh-content { padding: 18px 16px 24px; }
  html body .pgh .pgh-header { padding: 10px 14px; gap: 12px; }
  html body .pgh .pgh-intro { min-height: 200px; padding: 23px; background-image: none; }
  html body .pgh .pgh-intro h2 { padding-right: 0; }
  html body .pgh .pgh-intro p { max-width: 100%; font-size: 13px; }
  html body .pgh .pgh-eyebrow { max-width: 70%; font-size: 10px; }
  html body .pgh .pgh-list { grid-template-columns: 1fr; gap: 14px; }
  html body .pgh .pgh-list .pgh-organ { grid-template-columns: 82px minmax(0, 1fr); grid-template-rows: 1fr; align-items: start; min-height: 0; gap: 16px; padding: 16px; border-radius: 18px; }
  html body .pgh .pgh-organ-icon { grid-column: 1; grid-row: 1; width: 82px; height: 96px; background-size: 82px 82px; }
  html body .pgh .pgh-organ-copy { grid-column: 2; grid-row: 1; }
  html body .pgh .pgh-arrow { display: none; }
  html body .pgh .pgh-organ-copy strong { font-size: 18px; }
  html body .pgh .pgh-description { font-size: 12px; }
  html body .pgh .pgh-topics { margin-top: 11px; padding-top: 9px; }
  html body .pgh .pgh-organ-category { font-size: 9px; }
  html body .owen-lab.owen-lab { border-radius: 14px; }
  html body .owen-lab.owen-lab .lab-brand img { width: 32px; height: 32px; flex-basis: 32px; }
  html body .owen-lab.owen-lab .lab-welcome h2 { max-width: 76%; }
}
@media (max-width: 390px) {
  html body .pgh .pgh-list .pgh-organ { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 14px; }
  html body .pgh .pgh-organ-icon { width: 64px; height: 82px; background-size: 66px 66px; }
  html body .pgh .pgh-organ-copy strong { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .pgh .pgh-list .pgh-organ { transition: none; }
  html body .pgh .pgh-list .pgh-organ:hover { transform: none; }
  html body .owen-lab :is(button, summary, .lung-switch-track::before, .k-switch-track::before) { transition: none; }
}
@media (forced-colors: active) {
  html body .owen-lab :is(button, input, select):focus-visible { outline-color: Highlight; }
  html body .pgh .pgh-organ-icon svg { visibility: visible; color: CanvasText; }
  html body .pgh .pgh-organ-icon { background-image: none; }
}