/*Site-wide cinematic appraisal pass - 2026-09-11*//*Research Lab palette authority*//*Subject-specific article research scenes*/:root {
  --bg-0: #060207;
  --bg-1: #0d050b;
  --bg-2: #16080e;
  --panel: rgba(19, 8, 15, 0.78);
  --panel-strong: rgba(24, 9, 15, 0.94);
  --line: rgba(229, 74, 90, 0.20);
  --line-strong: rgba(255, 145, 31, 0.42);
  --ink: #fff5ee;
  --muted: #d5abb0;
  --faint: #90656c;
  --red: #e54a5a;
  --orange: #3b779a;
  --gold: #3daed3;
  --blue: #3b779a;
  --cyan: #3cfad2;
  --ok: #3cfad2;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
  --radius: 18px;
  --mono: "Cascadia Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg-0); }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 14% 4%, rgba(229, 74, 90, 0.13), transparent 27rem),
    radial-gradient(circle at 84% 13%, rgba(61, 174, 211, 0.09), transparent 31rem),
    linear-gradient(180deg, var(--bg-0), #080309 42%, #050205);
  font-family: var(--sans);
  line-height: 1.55;
  min-height: 100vh;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.25;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

a { color: inherit; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
button { font: inherit; }
img, canvas, svg { max-width: 100%; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 100;
  padding: .65rem .9rem;
  border-radius: 8px;
  color: #170706;
  background: var(--gold);
  font-weight: 800;
}
.skip-link:focus { top: 1rem; }

.site-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(6, 2, 7, .77);
  backdrop-filter: blur(18px) saturate(125%);
}
.nav-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: .85rem 1.2rem;
  display: flex;
  align-items: center;
  gap: 1.1rem;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  text-decoration: none;
  font-family: var(--mono);
  font-weight: 800;
  letter-spacing: .025em;
  white-space: nowrap;
}
.brand-mark {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--gold);
  border-radius: 4px;
  transform: rotate(45deg);
  box-shadow: 0 0 18px rgba(61,174,211,.44), inset 0 0 10px rgba(229,74,90,.4);
}
.nav-links {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: .25rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.nav-links a {
  text-decoration: none;
  color: var(--muted);
  padding: .5rem .65rem;
  border-radius: 8px;
  font-size: .82rem;
}
.nav-links a:hover, .nav-links a[aria-current="page"] {
  color: var(--ink);
  background: rgba(255,255,255,.05);
}

.shell { max-width: 1220px; margin: 0 auto; padding: 0 1.2rem; }
.hero { padding: clamp(4.6rem, 8vw, 8.2rem) 0 3rem; }
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(480px, 1.35fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
}
.hero-grid > * { min-width: 0; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
  color: var(--gold);
  font: 700 .72rem/1 var(--mono);
  letter-spacing: .18em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 1.7rem; height: 1px; background: currentColor; }
h1, h2, h3 { text-wrap: balance; }
h1 {
  margin: .9rem 0 1rem;
  font-size: clamp(2.6rem, 6.2vw, 6.4rem);
  line-height: .95;
  letter-spacing: -.055em;
  font-weight: 850;
}
.gradient-text {
  color: transparent;
  background: linear-gradient(115deg, #fff7ea 4%, var(--gold) 45%, var(--red) 95%);
  background-clip: text;
  -webkit-background-clip: text;
}
.lede { max-width: 46rem; color: var(--muted); font-size: clamp(1rem, 1.6vw, 1.2rem); }
.micro { color: var(--faint); font: .75rem/1.6 var(--mono); }
.notice {
  margin-top: 1.15rem;
  max-width: 46rem;
  padding: .8rem 1rem;
  border-left: 2px solid var(--gold);
  color: #d8bcc0;
  background: rgba(61,174,211,.05);
  font-size: .86rem;
}

.scene-frame {
  position: relative;
  min-height: 520px;
  border: 1px solid var(--line);
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(229,74,90,.09), transparent 42%),
    linear-gradient(145deg, rgba(17,6,13,.95), rgba(7,3,9,.88));
  box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.04);
  isolation: isolate;
}
.scene-frame::before,
.scene-frame::after {
  content: "";
  position: absolute;
  inset: 8%;
  z-index: -1;
  border-radius: 50%;
  border: 1px solid rgba(61,174,211,.10);
  transform: rotateX(64deg) rotateZ(23deg);
  box-shadow: 0 0 80px rgba(229,74,90,.08);
}
.scene-frame::after { inset: 20%; transform: rotateX(68deg) rotateZ(-20deg); border-color: rgba(59,119,154,.10); }
.scene-label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 4;
  padding: .42rem .58rem;
  border: 1px solid rgba(61,174,211,.25);
  border-radius: 7px;
  color: var(--gold);
  background: rgba(8,3,9,.72);
  font: .68rem/1 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.scene-canvas { display: block; width: 100%; height: 520px; }
.scene-controls {
  position: absolute;
  inset: auto .85rem .85rem .85rem;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}
.control-btn {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 9px;
  padding: .52rem .72rem;
  background: rgba(7,3,9,.80);
  color: var(--muted);
  cursor: pointer;
  font: .72rem/1 var(--mono);
}
.control-btn:hover { color: var(--ink); border-color: var(--line-strong); }
.focus-readout {
  margin-left: auto;
  min-width: min(100%, 17rem);
  padding: .5rem .65rem;
  border-radius: 9px;
  background: rgba(7,3,9,.80);
  color: var(--muted);
  font: .68rem/1.35 var(--mono);
}

.section { padding: clamp(3.5rem, 7vw, 6.5rem) 0; }
.section-head { max-width: 760px; margin-bottom: 2rem; }
.section h2 { margin: .55rem 0 .75rem; font-size: clamp(2rem, 4.5vw, 4rem); line-height: 1; letter-spacing: -.04em; }
.section p { color: var(--muted); }

.legend-grid, .card-grid, .path-grid, .three-grid {
  display: grid;
  gap: 1rem;
}
.legend-grid { grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 1rem; }
.legend-item {
  min-height: 112px;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
}
.legend-item strong { display: block; margin-bottom: .4rem; font: .76rem/1 var(--mono); color: var(--gold); }
.legend-item span { color: var(--muted); font-size: .82rem; }

.card-grid { grid-template-columns: repeat(3, minmax(0,1fr)); perspective: 1200px; }
.depth-card {
  position: relative;
  min-height: 250px;
  padding: 1.25rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 80% 12%, rgba(61,174,211,.08), transparent 38%),
    linear-gradient(145deg, rgba(29,10,18,.76), rgba(8,3,9,.9));
  box-shadow: 0 18px 45px rgba(0,0,0,.28);
  transform-style: preserve-3d;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  overflow: hidden;
}
.depth-card:hover, .depth-card:focus-within {
  transform: translateY(-5px) rotateX(2deg) rotateY(-2deg);
  border-color: rgba(61,174,211,.30);
  box-shadow: 0 28px 70px rgba(0,0,0,.38);
}
.depth-card::after {
  content: "";
  position: absolute;
  right: -3rem;
  bottom: -3rem;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  border: 1px solid rgba(229,74,90,.17);
  box-shadow: 0 0 50px rgba(229,74,90,.08), inset 0 0 35px rgba(61,174,211,.04);
}
.kicker { color: var(--faint); font: .7rem/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.depth-card h3 { margin: .65rem 0 .55rem; font-size: 1.15rem; }
.depth-card p { margin: 0; font-size: .9rem; }
.deep-link { display: inline-block; margin-top: 1rem; color: var(--gold); text-decoration: none; font: .78rem/1.3 var(--mono); }
.deep-link:hover { text-decoration: underline; }

.support-route-grid, .trust-principles-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.support-page .support-route-grid .depth-card h2,
.trust-page .trust-principles-grid .depth-card h2 {
  font-size: clamp(2rem, 3vw, 3rem);
  overflow-wrap: anywhere;
}

.visual-panel {
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(13,5,11,.74);
  box-shadow: var(--shadow);
}
.visual-topline { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.visual-topline h3 { margin: 0; font-size: 1.25rem; }
.synthetic-badge {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  gap: .4rem;
  padding: .38rem .55rem;
  border: 1px solid rgba(60,250,210,.28);
  border-radius: 999px;
  color: var(--cyan);
  font: .67rem/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
#monte-carlo-canvas { width: 100%; height: 380px; display: block; border-radius: 14px; background: rgba(5,2,6,.82); }
.metric-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .65rem; margin-top: .8rem; }
.metric {
  padding: .75rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}
.metric b { display: block; color: var(--ink); font: 800 1.1rem/1.1 var(--mono); }
.metric span { color: var(--faint); font: .67rem/1.2 var(--mono); }

.path-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.path-card {
  display: block;
  padding: 1.15rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
  text-decoration: none;
}
.path-card:hover { border-color: rgba(61,174,211,.28); background: rgba(61,174,211,.035); }
.path-card strong { display: block; margin-bottom: .35rem; }
.path-card span { color: var(--muted); font-size: .88rem; }

.page-hero { padding: 5rem 0 2rem; }
.page-hero h1 { max-width: 900px; font-size: clamp(2.7rem, 6vw, 5.7rem); }
.page-hero .lede { max-width: 760px; }

.content-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(260px,.65fr); gap: 1.2rem; }
.content-panel, .side-panel {
  padding: 1.25rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}
.content-panel h2, .content-panel h3, .side-panel h2, .side-panel h3 { margin-top: 0; }
.content-panel ul, .side-panel ul { padding-left: 1.15rem; color: var(--muted); }
.content-panel li, .side-panel li { margin: .4rem 0; }

footer { margin-top: 4rem; border-top: 1px solid rgba(255,255,255,.07); }
.footer-inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 2rem 1.2rem 3rem;
  display: flex;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
  color: var(--faint);
  font-size: .78rem;
}
.footer-links { display: flex; flex-wrap: wrap; gap: .9rem; }
.footer-links a { color: var(--muted); }

@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; }
  .scene-frame { min-height: 480px; }
  .scene-canvas { height: 480px; }
  .legend-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .content-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .nav-inner { align-items: flex-start; flex-direction: column; gap: .55rem; }
  .nav-links { margin-left: 0; width: 100%; justify-content: flex-start; overflow: visible; flex-wrap: wrap; row-gap: .2rem; padding-bottom: .2rem; }
  .nav-links a { flex: 0 0 auto; padding: .45rem .55rem; }
  .hero { padding-top: 3.5rem; }
  .scene-frame { min-height: 430px; }
  .scene-canvas { height: 430px; }
  .scene-controls { align-items: stretch; }
  .focus-readout { margin-left: 0; width: 100%; }
  .card-grid, .path-grid { grid-template-columns: 1fr; }
  .metric-row { grid-template-columns: 1fr; }
  .footer-inner { flex-direction: column; }
}

@media (max-width: 470px) {
  .shell, .nav-inner, .footer-inner { padding-left: .9rem; padding-right: .9rem; }
  .legend-grid { grid-template-columns: 1fr; }
  .scene-frame { min-height: 400px; border-radius: 18px; }
  .scene-canvas { height: 400px; }
  .control-btn { padding: .48rem .58rem; font-size: .67rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .depth-card:hover, .depth-card:focus-within { transform: none; }
}

/* ---------- local search ---------- */
.site-search-trigger {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  padding: .48rem .65rem;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  cursor: pointer;
  font-size: .82rem;
}
.site-search-trigger:hover { color: var(--ink); border-color: var(--line-strong); }
.site-search-dialog {
  width: min(760px, calc(100vw - 2rem));
  max-height: min(82vh, 760px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  color: var(--ink);
  background: rgba(10, 4, 9, .98);
  box-shadow: 0 35px 120px rgba(0,0,0,.72);
}
.site-search-dialog::backdrop { background: rgba(3,1,4,.78); backdrop-filter: blur(8px); }
.site-search-shell { padding: clamp(1rem, 3vw, 1.5rem); }
.site-search-head { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.site-search-head h2 { margin: .35rem 0 1rem; font-size: clamp(1.55rem, 4vw, 2.6rem); line-height: 1; }
.site-search-label { display: block; margin-bottom: .45rem; color: var(--muted); font-size: .84rem; }
.site-search-input {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 12px;
  padding: .8rem .9rem;
  background: rgba(255,255,255,.045);
  color: var(--ink);
  font: .92rem/1.2 var(--mono);
}
.site-search-input::placeholder { color: var(--faint); }
.site-search-input:focus { outline: 2px solid var(--gold); outline-offset: 2px; border-color: transparent; }
.site-search-status { margin: .75rem 0; }
.site-search-results { display: grid; gap: .55rem; overflow-y: auto; max-height: 50vh; }
.site-search-result {
  display: grid;
  gap: .22rem;
  padding: .8rem .9rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  text-decoration: none;
}
.site-search-result:hover { border-color: rgba(61,174,211,.30); background: rgba(61,174,211,.04); }
.site-search-result strong { font-size: .95rem; }
.site-search-result > span:last-child { color: var(--muted); font-size: .82rem; }
.site-search-result-meta { color: var(--gold); font: .65rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }

/* ---------- click-to-load video ---------- */
.video-slot {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(380px,1.2fr);
  gap: 1rem;
  align-items: stretch;
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(29,10,18,.72), rgba(8,3,9,.92));
  box-shadow: var(--shadow);
  min-width: 0;
}
.video-slot > * { min-width: 0; }
.video-copy { padding: .4rem; }
.video-copy h3 { margin: .55rem 0 .65rem; font-size: clamp(1.4rem, 3vw, 2.1rem); }
.video-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin: 1rem 0 .75rem; }
.video-actions .deep-link { margin-top: 0; }
.video-frame {
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: radial-gradient(circle at 50% 50%, rgba(229,74,90,.09), transparent 48%), rgba(5,2,6,.9);
}
.video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-placeholder { max-width: 28rem; padding: 1.5rem; text-align: center; color: var(--muted); }
.video-placeholder strong { display: block; color: var(--ink); margin-bottom: .35rem; }
.video-placeholder span { display: block; font-size: .82rem; }

@media (max-width: 980px) {
  .video-slot { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .site-search-trigger { padding: .45rem .55rem; }
  .site-search-head { align-items: flex-start; }
}

@media (max-width: 470px) {
  .site-search-dialog { width: calc(100vw - 1rem); border-radius: 14px; }
  .site-search-head { gap: .6rem; }
  .site-search-head h2 { font-size: 1.45rem; }
}

/* ---------- Research Lab depth ---------- */
.segmented-controls {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .35rem 0 .9rem;
}
.control-btn[aria-pressed="true"] {
  color: var(--ink);
  border-color: rgba(61,174,211,.62);
  background: rgba(61,174,211,.10);
  box-shadow: inset 0 0 18px rgba(61,174,211,.05);
}
.lab-depth-canvas {
  display: block;
  width: 100%;
  height: 470px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: rgba(5,2,6,.78);
}
.network-canvas { height: 430px; }
.distribution-canvas { height: 390px; }
.inline-controls {
  position: static;
  inset: auto;
  margin-top: .8rem;
  padding: 0;
}
.compact-legend { margin-top: .9rem; }
.compact-legend .legend-item { min-height: 96px; }
.threshold-control {
  margin: .85rem 0 1rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: rgba(255,255,255,.022);
}
.threshold-control label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .55rem;
  color: var(--muted);
  font: .76rem/1.35 var(--mono);
}
.threshold-control output { color: var(--gold); font-weight: 800; }
.threshold-control input[type="range"] {
  width: 100%;
  min-height: 36px;
  margin: 0;
  accent-color: var(--gold);
}
.threshold-control input[type="range"]:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

@media (max-width: 720px) {
  .lab-depth-canvas { height: 370px; }
  .network-canvas { height: 350px; }
  .distribution-canvas { height: 320px; }
  .inline-controls .focus-readout { width: 100%; margin-left: 0; }
}

@media (max-width: 470px) {
  .lab-depth-canvas { height: 320px; border-radius: 11px; }
  .network-canvas { height: 310px; }
  .distribution-canvas { height: 285px; }
  .threshold-control { padding: .7rem .75rem; }
  .threshold-control label { align-items: flex-start; flex-direction: column; gap: .25rem; }
}

.section[id], .scene-frame[id], .depth-card[id], .article-section[id] { scroll-margin-top: 6rem; }

@media (max-width: 720px) {
  .visual-topline { flex-direction: column; align-items: flex-start; }
  .synthetic-badge { white-space: normal; max-width: 100%; }
  .section[id], .scene-frame[id], .depth-card[id], .article-section[id] { scroll-margin-top: 10rem; }
}

.validation-canvas { height: 430px; }
@media (max-width: 720px) { .validation-canvas { height: 350px; } }
@media (max-width: 470px) { .validation-canvas { height: 310px; } }

/* ---------- path risk + selection ---------- */
.risk-canvas { height: 430px; }
.selection-canvas { height: 440px; }

@media (max-width: 720px) {
  .risk-canvas { height: 350px; }
  .selection-canvas { height: 350px; }
}

@media (max-width: 470px) {
  .risk-canvas { height: 310px; }
  .selection-canvas { height: 315px; }
}

/* ---------- long-form learning / method pages ---------- */
.article-hero { padding: clamp(4.5rem, 9vw, 8rem) 0 clamp(2rem, 5vw, 4rem); }
.compact-article-hero { min-height: 58vh; display: grid; align-items: center; }
.article-hero-inner { max-width: 960px; }
.article-hero h1 { max-width: 920px; margin: 1rem 0 .9rem; font-size: clamp(2.4rem, 7vw, 5.8rem); line-height: .94; letter-spacing: -.055em; overflow-wrap: anywhere; }
.article-hero p { max-width: 760px; color: var(--muted); font-size: clamp(1rem, 1.6vw, 1.18rem); }
.article-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 1.2rem; }
.article-actions .deep-link { margin-top: 0; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .32fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.article-main { min-width: 0; }
.article-section { padding: 1.5rem 0 2.2rem; border-top: 1px solid rgba(255,255,255,.07); }
.article-section:first-child { border-top: 0; }
.article-section h2 { margin: 0 0 .8rem; font-size: clamp(1.7rem, 4vw, 2.8rem); line-height: 1.02; overflow-wrap: anywhere; }
.article-section h3 { margin: 1.35rem 0 .55rem; font-size: 1.15rem; }
.article-section p, .article-section li { color: var(--muted); }
.article-section ul, .article-section ol { padding-left: 1.2rem; display: grid; gap: .45rem; }
.article-aside { position: sticky; top: 7rem; display: grid; gap: .8rem; }
.article-aside .side-panel { padding: 1rem; }
.article-aside a { word-break: break-word; }
.definition-card { padding: 1rem 1.1rem; border-left: 2px solid var(--gold); background: rgba(61,174,211,.045); color: var(--muted); }
.definition-card strong { color: var(--ink); }
.boundary-card { padding: 1rem 1.1rem; border: 1px solid rgba(229,74,90,.18); border-radius: 12px; background: rgba(229,74,90,.035); }
.boundary-card strong { color: var(--ink); }
.related-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .7rem; }
.related-link { display: grid; gap: .25rem; padding: .9rem; border: 1px solid rgba(255,255,255,.075); border-radius: 12px; text-decoration: none; }
.related-link strong { color: var(--ink); }
.related-link span { color: var(--muted); font-size: .82rem; }
.related-link:hover { border-color: rgba(61,174,211,.30); background: rgba(61,174,211,.035); }
.breadcrumb { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; color: var(--faint); font: .68rem/1.4 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.breadcrumb a { color: var(--muted); }
.article-meta { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .9rem; }
.article-meta span { padding: .3rem .5rem; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; color: var(--muted); font: .65rem/1 var(--mono); }

@media (max-width: 900px) {
  .article-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .glossary-layout .article-aside { order: -1; }
}

@media (max-width: 600px) {
  .article-hero { padding-top: 3.5rem; }
  .article-aside { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: 1fr; }
}

/* ---------- connected example / academy path ---------- */
.example-flow {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap: .65rem;
  align-items: center;
  margin: 1.2rem 0;
}
.example-stage {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.example-stage b { display: block; color: var(--gold); font: 800 1.35rem/1 var(--mono); }
.example-stage span { display: block; margin-top: .45rem; color: var(--muted); font-size: .8rem; }
.example-arrow { color: var(--faint); font: 1.15rem/1 var(--mono); }
.academy-path { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .6rem; }
.academy-step { min-width: 0; padding: .9rem; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; text-decoration: none; background: rgba(255,255,255,.02); }
.academy-step b { display: block; color: var(--gold); font: .68rem/1 var(--mono); margin-bottom: .45rem; }
.academy-step strong { display: block; font-size: .88rem; }
@media (max-width: 900px) { .academy-path { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 620px) { .example-flow { grid-template-columns: 1fr; } .example-arrow { transform: rotate(90deg); justify-self: center; } .academy-path { grid-template-columns: 1fr; } }

/* ---------- regime cube ---------- */
.regime-canvas { height: 430px; }
@media (max-width: 720px) {
  .regime-canvas { height: 350px; }
}
@media (max-width: 470px) {
  .regime-canvas { height: 310px; }
}

/* ---------- appraisal polish: visual landing heroes ---------- */
.landing-hero { padding: clamp(3.4rem, 6vw, 6rem) 0 2.8rem; }
.landing-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}
.landing-hero-grid > * { min-width: 0; }
.landing-hero h1 {
  max-width: 780px;
  font-size: clamp(2.55rem, 5.05vw, 4.85rem);
}
.landing-hero .lede { max-width: 650px; }
.landing-hero-visual {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 58% 42%, rgba(229,74,90,.13), transparent 32%),
    linear-gradient(145deg, rgba(22,7,14,.92), rgba(6,2,7,.96));
  box-shadow: var(--shadow);
  isolation: isolate;
}
.landing-hero-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at 55% 50%, black, transparent 76%);
}
.visual-kicker {
  position: absolute;
  left: 1.15rem;
  top: 1rem;
  z-index: 3;
  color: var(--gold);
  font: 700 .66rem/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.visual-node {
  position: absolute;
  z-index: 2;
  min-width: 7rem;
  padding: .65rem .8rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: rgba(10,4,8,.88);
  color: var(--muted);
  text-decoration: none;
  font: .72rem/1.25 var(--mono);
  box-shadow: 0 15px 38px rgba(0,0,0,.28);
}
.visual-node strong { display: block; color: var(--ink); margin-bottom: .25rem; }
.visual-node em { color: var(--gold); font-style: normal; font-size: .62rem; }
.visual-wire {
  position: absolute;
  z-index: 1;
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(61,174,211,.12), rgba(229,74,90,.54), rgba(59,119,154,.18));
}
.visual-orbit {
  position: absolute;
  inset: 4.4rem 1.2rem 1.2rem;
  border: 1px solid rgba(61,174,211,.14);
  border-radius: 50%;
  transform: perspective(700px) rotateX(62deg) rotateZ(-7deg);
}
.visual-orbit::before,.visual-orbit::after {
  content:"";
  position:absolute;
  inset: 18%;
  border:1px solid rgba(59,119,154,.13);
  border-radius:50%;
}
.visual-orbit::after { inset: 35%; border-color: rgba(229,74,90,.20); }
.visual-core {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 6.7rem;
  height: 6.7rem;
  display: grid;
  place-items: center;
  transform: translate(-50%,-50%);
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(61,174,211,.18), rgba(229,74,90,.04) 58%, rgba(6,2,7,.9));
  color: var(--ink);
  text-align: center;
  font: 700 .67rem/1.35 var(--mono);
  box-shadow: 0 0 42px rgba(59,119,154,.15);
}
.visual-node.n1{left:7%;top:25%}.visual-node.n2{right:6%;top:20%}.visual-node.n3{right:3%;bottom:16%}.visual-node.n4{left:8%;bottom:13%}.visual-node.n5{left:38%;bottom:5%}
.visual-docs .visual-core { border-radius: 16px; width: 9rem; height: 5.4rem; }
.visual-methods .visual-node,.visual-howto .visual-node { min-width: 8.2rem; }
.visual-stack {
  position:absolute;
  inset:5.2rem 2rem 2rem;
  perspective:800px;
}
.visual-plane {
  position:absolute;
  left:8%; right:8%;
  height:3.8rem;
  padding:.7rem 1rem;
  border:1px solid rgba(255,255,255,.09);
  border-left-color:var(--gold);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(28,9,16,.94),rgba(13,6,12,.78));
  color:var(--muted);
  font:.68rem/1.25 var(--mono);
  transform:perspective(700px) rotateX(57deg) translateZ(0);
  box-shadow:0 18px 35px rgba(0,0,0,.28);
}
.visual-plane strong{color:var(--ink);display:block;font-size:.75rem}.visual-plane:nth-child(1){top:2%;transform:rotateX(57deg) translateY(0)}.visual-plane:nth-child(2){top:22%;left:11%;right:5%}.visual-plane:nth-child(3){top:42%;left:14%;right:2%}.visual-plane:nth-child(4){top:62%;left:17%;right:0}
.visual-chain {
  position:absolute;
  inset:5.1rem 1.3rem 1.4rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-content:center;
  gap:.75rem;
}
.visual-chain .chain-step {
  min-height:5.2rem;
  padding:.75rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(10,4,8,.84);
  color:var(--muted);
  font:.66rem/1.35 var(--mono);
}
.chain-step b{display:block;color:var(--gold);font-size:.62rem;margin-bottom:.35rem}.chain-step strong{display:block;color:var(--ink);font-size:.78rem;margin-bottom:.2rem}.chain-step:last-child{border-color:rgba(61,174,211,.35);background:linear-gradient(145deg,rgba(61,174,211,.07),rgba(10,4,8,.88))}
/* ---------- appraisal polish: Research Lab navigator ---------- */
.lab-atlas-nav { padding: 1.4rem 0 2.8rem; }
.lab-atlas-nav .atlas-shell {
  border:1px solid var(--line);
  border-radius:20px;
  padding:1rem;
  background:rgba(12,5,10,.72);
}
.atlas-nav-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.atlas-nav-head p{margin:0;color:var(--faint);font:.72rem/1.5 var(--mono)}
.atlas-nav-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.atlas-nav-item{min-width:0;padding:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.018);text-decoration:none}.atlas-nav-item:hover{border-color:var(--line-strong);background:rgba(61,174,211,.04)}.atlas-nav-item b{display:block;color:var(--gold);font:.61rem/1 var(--mono);letter-spacing:.08em;margin-bottom:.35rem}.atlas-nav-item strong{display:block;font-size:.78rem;line-height:1.2}.atlas-nav-item span{display:block;margin-top:.25rem;color:var(--faint);font:.64rem/1.3 var(--mono)}
@media(max-width:980px){.landing-hero-grid{grid-template-columns:1fr}.landing-hero-visual{min-height:320px}.atlas-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.landing-hero{padding-top:2.4rem}.landing-hero h1{font-size:clamp(2.35rem,13vw,4.2rem)}.landing-hero-visual{min-height:300px}.visual-node{min-width:5.7rem;padding:.52rem;font-size:.63rem}.visual-node.n5{left:32%}.visual-chain{grid-template-columns:repeat(2,minmax(0,1fr));inset:4rem .8rem .8rem}.visual-chain .chain-step{min-height:4.3rem}.atlas-nav-head{align-items:flex-start;flex-direction:column}.atlas-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.landing-hero-visual{min-height:280px}.atlas-nav-grid{grid-template-columns:1fr}.visual-node.n1{left:3%}.visual-node.n2{right:3%}.visual-node.n3{right:2%}.visual-node.n4{left:3%}}
@media (prefers-reduced-motion: no-preference) {
  .visual-node, .chain-step, .atlas-nav-item { transition: transform .18s ease, border-color .18s ease, background .18s ease; }
  .visual-node:hover, .visual-node:focus-visible { transform: translateY(-4px) scale(1.015); border-color: rgba(61,174,211,.42); background: rgba(22,8,14,.96); }
  .atlas-nav-item:hover, .atlas-nav-item:focus-visible { transform: translateY(-3px); }
  .visual-chain .chain-step:hover { transform: translateY(-3px); border-color: rgba(61,174,211,.26); }
}
@media (max-width: 620px) {
  .visual-node.n1 { left: 3%; top: 21%; }
  .visual-node.n2 { right: 3%; top: 21%; }
  .visual-node.n3 { right: 3%; bottom: 25%; }
  .visual-node.n4 { left: 3%; bottom: 25%; }
  .visual-node.n5 { left: 37%; bottom: 4%; }
}
:root{--bg-0:#02070d;--bg-1:#06111b;--bg-2:#081925;--panel:rgba(6,18,29,.76);--panel-strong:rgba(4,14,24,.94);--line:rgba(61,232,255,.17);--line-strong:rgba(54,241,193,.4);--ink:#f6f8fa;--muted:#a4abb3;--faint:#6b747d;--red:#e54a5a;--orange:#3b779a;--gold:#3daed3;--blue:#3b779a;--cyan:#3daed3;--ok:#3cfad2;--shadow:0 34px 100px rgba(0,0,0,.48)}body:not(.home-page){background:radial-gradient(circle at 80% 7%,rgba(61,232,255,.11),transparent 28rem),radial-gradient(circle at 14% 16%,rgba(54,241,193,.06),transparent 31rem),radial-gradient(circle at 76% 58%,rgba(255,82,110,.035),transparent 33rem),linear-gradient(180deg,#02070d,#06101a 52%,#02070d)}body:not(.home-page)::before{opacity:.48;background-image:linear-gradient(rgba(61,232,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(61,232,255,.026) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}body:not(.home-page)::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(220,252,255,.22) 0 1px,transparent 1.3px),radial-gradient(circle at 74% 13%,rgba(220,252,255,.14) 0 1px,transparent 1.2px);background-size:127px 137px,181px 173px;opacity:.38}.site-nav{background:rgba(2,8,14,.8);border-color:rgba(61,232,255,.09);box-shadow:0 10px 35px rgba(0,0,0,.16)}.brand-mark{border-color:var(--cyan);box-shadow:0 0 20px rgba(61,232,255,.38),inset 0 0 10px rgba(54,241,193,.2)}.eyebrow{color:#7ef1ff}.eyebrow::before{background:linear-gradient(90deg,var(--cyan),transparent)}.deep-link,.example-stage b,.academy-step b,.visual-kicker,.chain-step b,.atlas-nav-item b{color:var(--cyan)}.notice{border-left-color:var(--cyan);background:rgba(61,232,255,.045);color:#b9ccd9}.article-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(500px,58vw,720px);display:grid;align-items:center;border-bottom:1px solid rgba(61,232,255,.08);background:radial-gradient(circle at 77% 38%,rgba(54,241,193,.13),transparent 20rem),radial-gradient(circle at 84% 39%,rgba(61,232,255,.08),transparent 31rem)}.article-hero::before{content:"";position:absolute;right:clamp(-7rem,4vw,4rem);top:50%;width:clamp(310px,37vw,540px);aspect-ratio:1;translate:0 -50%;border-radius:50%;border:1px solid rgba(61,232,255,.3);background:radial-gradient(circle at 32% 26%,rgba(82,255,226,.27),rgba(12,80,95,.16) 20%,rgba(3,21,33,.92) 58%,rgba(1,6,11,.99) 76%),repeating-radial-gradient(ellipse at 50% 50%,rgba(61,232,255,.13) 0 1px,transparent 2px 34px);box-shadow:0 0 90px rgba(61,232,255,.13),inset -35px -35px 80px rgba(0,0,0,.46);opacity:.96}.article-hero::after{content:"";position:absolute;right:-11%;bottom:-35%;width:72%;height:70%;background:linear-gradient(rgba(61,232,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(61,232,255,.09) 1px,transparent 1px);background-size:42px 28px;transform:perspective(640px) rotateX(68deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 88%);opacity:.55;z-index:-1}.article-hero-inner{position:relative;z-index:2;max-width:1220px;width:100%;padding-right:min(42vw,570px)}.article-hero-inner::before{content:"";position:absolute;right:clamp(-3rem,5vw,4rem);top:50%;width:clamp(360px,42vw,610px);height:clamp(150px,16vw,230px);translate:0 -53%;border:1px solid rgba(54,241,193,.23);border-radius:50%;transform:rotate(-11deg);box-shadow:0 0 38px rgba(54,241,193,.06);pointer-events:none}.article-hero-inner::after{content:"";position:absolute;right:clamp(1rem,8vw,8rem);top:28%;width:clamp(110px,13vw,170px);height:74px;border:1px solid rgba(61,232,255,.16);border-left-color:rgba(54,241,193,.72);border-radius:10px;background:linear-gradient(145deg,rgba(4,18,30,.82),rgba(3,10,17,.48)),linear-gradient(155deg,transparent 0 14%,rgba(54,241,193,.38) 14% 16%,transparent 16% 37%,rgba(61,232,255,.3) 37% 40%,transparent 40% 61%,rgba(255,82,110,.28) 61% 63%,transparent 63%);box-shadow:0 18px 55px rgba(0,0,0,.36);backdrop-filter:blur(16px);pointer-events:none}.article-hero h1{max-width:760px;text-shadow:0 12px 40px rgba(0,0,0,.28)}.article-meta span{background:rgba(3,13,22,.62);border-color:rgba(61,232,255,.1);backdrop-filter:blur(8px)}.landing-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(61,232,255,.07);background:radial-gradient(circle at 78% 32%,rgba(61,232,255,.08),transparent 26rem)}.landing-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 4%,rgba(54,241,193,.05),transparent 27rem),linear-gradient(rgba(61,232,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(61,232,255,.022) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.landing-hero-visual{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:420px;perspective:1200px}.landing-hero-visual::before{inset:-10%;background:radial-gradient(circle at 55% 46%,rgba(54,241,193,.16),transparent 23%),radial-gradient(circle,rgba(198,248,255,.25) 0 1px,transparent 1.2px);background-size:auto,43px 43px;mask-image:radial-gradient(ellipse at 55% 48%,#000,transparent 78%)}.visual-orbit{inset:4rem .25rem .4rem;border-color:rgba(54,241,193,.3);box-shadow:0 0 42px rgba(61,232,255,.08)}.visual-orbit::before{border-color:rgba(61,232,255,.22)}.visual-orbit::after{border-color:rgba(255,82,110,.2)}.visual-core{border-color:rgba(61,232,255,.42);background:radial-gradient(circle at 35% 28%,rgba(70,255,222,.28),rgba(7,38,54,.9) 56%,rgba(2,9,15,.98));box-shadow:0 0 52px rgba(61,232,255,.18),inset 0 0 32px rgba(54,241,193,.08)}.visual-node,.visual-chain .chain-step{border-color:rgba(61,232,255,.12);background:linear-gradient(145deg,rgba(5,20,32,.82),rgba(3,11,18,.68));box-shadow:0 18px 55px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(15px)}.visual-node em{color:var(--ok)}.visual-wire{background:linear-gradient(90deg,rgba(54,241,193,.2),rgba(61,232,255,.62),rgba(255,82,110,.2))}.visual-plane{border-color:rgba(61,232,255,.11);border-left-color:var(--cyan);background:linear-gradient(90deg,rgba(5,21,33,.9),rgba(3,11,18,.66));box-shadow:0 18px 50px rgba(0,0,0,.35)}.visual-chain .chain-step:last-child{border-color:rgba(54,241,193,.34);background:linear-gradient(145deg,rgba(54,241,193,.065),rgba(3,11,18,.82))}.section{position:relative;isolation:isolate}.section:nth-of-type(even)::before{content:"";position:absolute;inset:8% -8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 34%,rgba(61,232,255,.04),transparent 36%),radial-gradient(ellipse at 20% 72%,rgba(54,241,193,.025),transparent 30%)}.content-panel,.side-panel,.depth-card,.path-card,.related-link,.example-stage,.academy-step,.visual-panel{border-color:rgba(61,232,255,.1);background:linear-gradient(145deg,rgba(7,22,34,.76),rgba(3,11,18,.88));box-shadow:0 22px 64px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(12px)}.content-panel,.side-panel{position:relative;overflow:hidden}.content-panel::after,.side-panel::after{content:"";position:absolute;right:-3rem;bottom:-3rem;width:9rem;height:9rem;border:1px solid rgba(61,232,255,.09);border-radius:50%;box-shadow:0 0 40px rgba(61,232,255,.04);pointer-events:none}.depth-card{background:radial-gradient(circle at 82% 12%,rgba(61,232,255,.075),transparent 36%),linear-gradient(145deg,rgba(7,24,37,.78),rgba(3,11,18,.9))}.depth-card::before{content:"";position:absolute;left:1.1rem;right:42%;top:0;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 18px rgba(61,232,255,.32)}.depth-card::after{border-color:rgba(54,241,193,.13);box-shadow:0 0 50px rgba(54,241,193,.05),inset 0 0 35px rgba(61,232,255,.035)}.depth-card:hover,.depth-card:focus-within{border-color:rgba(61,232,255,.3);box-shadow:0 31px 78px rgba(0,0,0,.42),0 0 26px rgba(61,232,255,.045)}.path-card:hover,.related-link:hover{border-color:rgba(61,232,255,.28);background:rgba(61,232,255,.035)}.definition-card{border-left-color:var(--ok);background:linear-gradient(90deg,rgba(60,250,210,.055),rgba(61,232,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.02)}.boundary-card{border-color:rgba(255,82,110,.22);background:linear-gradient(145deg,rgba(255,82,110,.045),rgba(5,16,25,.78));box-shadow:0 18px 50px rgba(0,0,0,.22)}.article-section{position:relative;padding:2rem 1.2rem 2.35rem;border-top-color:rgba(61,232,255,.085)}.article-section::before{content:"";position:absolute;left:0;top:2.3rem;width:3px;height:2.2rem;border-radius:3px;background:linear-gradient(var(--cyan),rgba(54,241,193,.15));box-shadow:0 0 14px rgba(61,232,255,.22)}.article-section:nth-child(even){background:linear-gradient(90deg,rgba(61,232,255,.018),transparent 48%);border-radius:12px}.article-aside .side-panel{box-shadow:0 18px 50px rgba(0,0,0,.32)}footer{border-top-color:rgba(61,232,255,.11);box-shadow:inset 0 1px rgba(61,232,255,.025);background:linear-gradient(180deg,rgba(3,12,20,.18),rgba(2,7,12,.66))}.utility-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 72% 28%,rgba(61,232,255,.12),transparent 24rem),radial-gradient(circle at 28% 72%,rgba(54,241,193,.05),transparent 26rem),linear-gradient(160deg,#02070d,#06111a 58%,#02070d)}.utility-page main{display:grid;place-items:center;padding:clamp(2rem,7vw,6rem) 1rem}.utility-stage{position:relative;width:min(920px,100%);min-height:480px;display:grid;align-content:center;padding:clamp(1.5rem,5vw,4rem);overflow:hidden;border:1px solid rgba(61,232,255,.14);border-radius:28px;background:radial-gradient(circle at 76% 34%,rgba(54,241,193,.12),transparent 24%),linear-gradient(145deg,rgba(6,22,34,.86),rgba(3,10,17,.94));box-shadow:0 45px 120px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.03)}.utility-stage::before{content:"";position:absolute;right:-6%;top:10%;width:360px;aspect-ratio:1;border:1px solid rgba(61,232,255,.26);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(54,241,193,.25),rgba(7,38,52,.76) 31%,rgba(2,9,15,.97) 72%);box-shadow:0 0 70px rgba(61,232,255,.1)}.utility-stage::after{content:"";position:absolute;right:-12%;bottom:-30%;width:70%;height:62%;background:linear-gradient(rgba(61,232,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(61,232,255,.1) 1px,transparent 1px);background-size:38px 25px;transform:perspective(520px) rotateX(68deg);mask-image:linear-gradient(to top,#000,transparent 88%);opacity:.6}.utility-copy{position:relative;z-index:2;max-width:540px}.utility-copy h1{font-size:clamp(2.8rem,7vw,5.8rem);margin:.7rem 0 1rem}.utility-copy p{color:var(--muted)}.utility-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.utility-action{display:inline-flex;padding:.75rem .9rem;border:1px solid rgba(61,232,255,.18);border-radius:999px;text-decoration:none;color:#eafcff;background:rgba(4,16,27,.72);font:700 .7rem/1 var(--mono)}.utility-action.primary{color:#021016;background:linear-gradient(105deg,var(--ok),var(--cyan));border-color:transparent}@media(max-width:700px){.article-hero{min-height:520px}.article-hero-inner{padding-right:0}.article-hero::before{right:-11rem;top:57%;opacity:.38}.article-hero-inner::before,.article-hero-inner::after{display:none}.article-hero h1{max-width:100%}.utility-stage{min-height:520px}.utility-stage::before{right:-12rem;opacity:.42}.utility-copy{max-width:100%}}@media screen{.audit-page{position:relative;min-height:100vh;background:radial-gradient(circle at 77% 13%,rgba(61,232,255,.12),transparent 26rem),radial-gradient(circle at 18% 74%,rgba(54,241,193,.05),transparent 28rem),linear-gradient(165deg,#02070d,#06111b 58%,#02070d)!important;color:var(--ink)!important}.audit-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(61,232,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(61,232,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.audit-page .sheet{position:relative;border-color:rgba(61,232,255,.16)!important;border-radius:20px;background:linear-gradient(145deg,rgba(5,20,32,.92),rgba(3,10,17,.96))!important;box-shadow:0 42px 120px rgba(0,0,0,.5),0 0 50px rgba(61,232,255,.04);overflow:hidden}.audit-page .sheet::before{content:"";position:absolute;right:-5rem;top:-8rem;width:360px;height:360px;border:1px solid rgba(61,232,255,.22);border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(54,241,193,.13),transparent 48%);box-shadow:0 0 70px rgba(61,232,255,.07);pointer-events:none}.audit-page header{position:relative;border-bottom-color:var(--cyan)!important}.audit-page h1 span{color:var(--cyan)!important}.audit-page .eyebrow,.audit-page .source-key{color:#6f9caf!important}.audit-page .print{border-color:var(--cyan)!important;background:linear-gradient(105deg,var(--ok),var(--cyan))!important;color:#021016!important;border-radius:999px}.audit-page .field,.audit-page .item,.audit-page .outcome div,.audit-page .capture-off{border-color:rgba(61,232,255,.11)!important;background:rgba(3,14,23,.46)}.audit-page .definition{border-left-color:var(--ok)!important;background:rgba(60,250,210,.035)}.audit-page .item::before{color:var(--cyan)!important}.audit-page .outcome .stop{border-color:rgba(255,82,110,.5)!important;box-shadow:inset 0 0 22px rgba(255,82,110,.035)}.audit-page a{color:var(--cyan)!important}}.pricing-tier-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1rem;padding:.55rem;border:1px solid rgba(61,232,255,.12);border-radius:999px;background:rgba(3,13,22,.58);width:max-content;max-width:100%;box-shadow:0 16px 45px rgba(0,0,0,.24);backdrop-filter:blur(14px)}.pricing-tier-tab{padding:.65rem 1rem;border:1px solid transparent;border-radius:999px;color:#7e96aa;background:transparent;font:700 .68rem/1 var(--mono)}.pricing-tier-tab.is-active{color:#031016;background:linear-gradient(105deg,var(--ok),var(--cyan));box-shadow:0 0 26px rgba(54,241,193,.15)}.pricing-tier-tab:disabled{border-color:rgba(255,255,255,.065);color:#597082;cursor:not-allowed}.pricing-tier-tab:disabled::after{content:" · reserved";font-size:.58rem;opacity:.72}@media(max-width:600px){.pricing-tier-tabs{width:100%;border-radius:18px}.pricing-tier-tab{flex:1 1 100%;text-align:left}.pricing-tier-tab:disabled::after{float:right}}.section:nth-of-type(even)::before{inset:8% 0}.scene-frame{border-color:rgba(61,232,255,.16);background:radial-gradient(circle at 52% 44%,rgba(54,241,193,.09),transparent 38%),radial-gradient(circle at 48% 48%,rgba(61,232,255,.055),transparent 56%),linear-gradient(145deg,rgba(4,16,27,.96),rgba(2,8,14,.94));box-shadow:0 34px 100px rgba(0,0,0,.46),0 0 42px rgba(61,232,255,.045),inset 0 1px rgba(255,255,255,.035)}.scene-frame::before{border-color:rgba(54,241,193,.18);box-shadow:0 0 80px rgba(61,232,255,.075)}.scene-frame::after{border-color:rgba(90,167,255,.14)}.scene-label{border-color:rgba(61,232,255,.25);color:var(--cyan);background:rgba(3,13,22,.7)}.control-btn[aria-pressed="true"]{color:#031016;border-color:rgba(54,241,193,.58);background:linear-gradient(105deg,rgba(60,250,210,.9),rgba(61,232,255,.88));box-shadow:0 0 22px rgba(54,241,193,.12)}.lab-depth-canvas,#monte-carlo-canvas,.validation-canvas,.risk-canvas,.selection-canvas,.regime-canvas{border-color:rgba(61,232,255,.075);background:radial-gradient(circle at 50% 45%,rgba(61,232,255,.035),transparent 52%),rgba(3,10,17,.82)}.video-frame{background:radial-gradient(circle at 50% 50%,rgba(61,232,255,.07),transparent 48%),rgba(3,10,17,.9)}.lab-atlas-nav .atlas-shell{border-color:rgba(61,232,255,.14);background:linear-gradient(145deg,rgba(5,20,32,.78),rgba(3,10,17,.9));box-shadow:0 24px 72px rgba(0,0,0,.28)}.atlas-nav-item:hover,.atlas-nav-item:focus-visible{border-color:rgba(61,232,255,.3);background:rgba(61,232,255,.04)}@media(prefers-reduced-motion:no-preference){.visual-node:hover,.visual-node:focus-visible{border-color:rgba(61,232,255,.34);background:rgba(5,22,34,.94)}.visual-chain .chain-step:hover{border-color:rgba(54,241,193,.28);background:rgba(5,20,31,.9)}.atlas-nav-item:hover,.atlas-nav-item:focus-visible{border-color:rgba(61,232,255,.3);background:rgba(61,232,255,.04)}}.article-depth-scene{position:absolute;right:0;top:50%;width:min(43vw,520px);height:360px;translate:0 -50%;z-index:3;overflow:visible;border:1px solid rgba(61,232,255,.15);border-radius:24px;background:radial-gradient(circle at 52% 46%,rgba(54,241,193,.1),transparent 35%),linear-gradient(145deg,rgba(4,18,29,.82),rgba(2,9,15,.64));box-shadow:0 35px 100px rgba(0,0,0,.38),0 0 46px rgba(61,232,255,.055),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(16px)}.article-depth-scene::before{content:"";position:absolute;inset:-14% -12%;z-index:-1;border:1px solid rgba(54,241,193,.2);border-radius:50%;transform:rotate(-11deg) scaleY(.43);box-shadow:0 0 48px rgba(61,232,255,.06)}.article-depth-scene::after{content:"";position:absolute;left:-14%;right:-14%;bottom:-25%;height:52%;z-index:-2;background:linear-gradient(rgba(61,232,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(61,232,255,.075) 1px,transparent 1px);background-size:38px 25px;transform:perspective(540px) rotateX(67deg);mask-image:linear-gradient(to top,#000,transparent 88%);opacity:.52}.article-depth-scene svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 16px rgba(61,232,255,.08))}.article-depth-label{position:absolute;left:1rem;top:1rem;padding:.42rem .58rem;border:1px solid rgba(61,232,255,.2);border-radius:999px;color:#7ef1ff;background:rgba(3,13,22,.66);font:700 .56rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px)}.article-hero:has(.article-depth-scene)::before{opacity:.16;scale:.72}.article-hero:has(.article-depth-scene) .article-hero-inner::before,.article-hero:has(.article-depth-scene) .article-hero-inner::after{opacity:.18}.depth-scene-drawdown,.depth-scene-validation,.depth-scene-chart{background:radial-gradient(circle at 62% 42%,rgba(255,82,110,.07),transparent 40%),linear-gradient(145deg,rgba(5,20,31,.86),rgba(2,9,15,.66))}.depth-scene-network,.depth-scene-knowledge,.depth-scene-regime,.depth-scene-surface{background:radial-gradient(circle at 54% 46%,rgba(54,241,193,.12),transparent 38%),linear-gradient(145deg,rgba(5,20,31,.86),rgba(2,9,15,.66))}.depth-scene-pricing{border-color:rgba(54,241,193,.24);background:radial-gradient(circle at 34% 34%,rgba(54,241,193,.12),transparent 42%),linear-gradient(145deg,rgba(4,22,31,.9),rgba(2,9,15,.72))}.depth-scene-boundary{border-color:rgba(255,82,110,.2)}@media(max-width:1100px){.article-hero:has(.article-depth-scene){display:block;padding-bottom:2.2rem}.article-hero:has(.article-depth-scene) .article-hero-inner{padding-right:0}.article-depth-scene{position:relative;right:auto;top:auto;width:100%;height:310px;translate:none;margin:1.5rem 0 0}.article-hero:has(.article-depth-scene)::before{opacity:.08}.article-depth-label{font-size:.5rem}}@media(max-width:430px){.article-depth-scene{height:255px;border-radius:18px}.article-depth-scene::before{inset:-10% -18%}.article-depth-label{left:.7rem;top:.7rem}}@media(prefers-reduced-motion:reduce){.article-depth-scene,.article-depth-scene::before,.article-depth-scene::after{animation:none!important}}:root{--bg-0:#010509;--bg-1:#01070b;--bg-2:#040e14;--panel:rgba(10,18,25,.86);--panel-strong:rgba(4,14,20,.95);--line:rgba(22,72,91,.5);--line-strong:rgba(60,250,210,.42);--ink:#f8fafb;--muted:#a4abb3;--faint:#6b747d;--red:#e54a5a;--orange:#e54a5a;--gold:#3cfad2;--blue:#3b779a;--cyan:#3daed3;--ok:#3cfad2;--shadow:0 30px 90px rgba(0,0,0,.48)}body:not(.home-page){background:radial-gradient(circle at 79% 7%,rgba(60,250,210,.085),transparent 29rem),radial-gradient(circle at 74% 31%,rgba(61,174,211,.055),transparent 37rem),linear-gradient(180deg,#010509,#040e14 52%,#010509)}body:not(.home-page)::before{background-image:linear-gradient(rgba(61,174,211,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(61,174,211,.022) 1px,transparent 1px);background-size:52px 52px}body:not(.home-page) .shell,body:not(.home-page) .nav-inner,body:not(.home-page) .footer-inner{width:90%;max-width:1296px;padding-left:0;padding-right:0}body:not(.home-page) .nav-inner{min-height:clamp(56px,5.55vw,80px)}.site-nav{background:rgba(1,5,9,.86);border-color:rgba(61,174,211,.12)}.brand-mark{border-color:#3daed3;box-shadow:0 0 18px rgba(61,174,211,.3),inset 0 0 10px rgba(60,250,210,.14)}.eyebrow,.deep-link,.example-stage b,.academy-step b,.visual-kicker,.chain-step b,.atlas-nav-item b{color:#3daed3}.notice{border-left-color:#3daed3;background:rgba(61,174,211,.035);color:#a4abb3}.content-panel,.side-panel,.depth-card,.path-card,.related-link,.example-stage,.academy-step,.visual-panel{border-color:rgba(22,72,91,.48);border-radius:14px;background:linear-gradient(145deg,rgba(10,18,25,.82),rgba(1,7,11,.94));box-shadow:0 20px 58px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.02)}.article-hero{min-height:clamp(430px,39vw,560px);background:radial-gradient(circle at 78% 34%,rgba(60,250,210,.10),transparent 19rem),radial-gradient(circle at 84% 40%,rgba(61,174,211,.06),transparent 30rem)}.article-hero-inner{max-width:1296px;padding-right:min(42vw,555px)}.article-hero h1{max-width:760px;font-size:clamp(2.6rem,4.2vw,4rem);line-height:.94;letter-spacing:-.05em}.article-hero p{max-width:670px;color:#a4abb3;font-size:clamp(.9rem,1.15vw,1.02rem)}.article-meta{gap:.42rem;margin-top:.7rem}.article-meta span{padding:.26rem .45rem;color:#868f98;font-size:.58rem;background:rgba(4,14,20,.58);border-color:rgba(22,72,91,.38)}.article-depth-scene{width:min(40vw,500px);height:300px;border-radius:16px;border-color:rgba(22,72,91,.5);background:radial-gradient(circle at 52% 46%,rgba(60,250,210,.075),transparent 36%),linear-gradient(145deg,rgba(8,27,36,.82),rgba(1,7,11,.72));box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 36px rgba(61,174,211,.045)}.article-depth-label{border-color:rgba(22,72,91,.6);color:#3daed3;background:rgba(1,7,11,.7)}.landing-hero{min-height:clamp(430px,39vw,560px);padding-top:clamp(3.2rem,5vw,4.5rem);padding-bottom:2.4rem}.landing-hero h1{font-size:clamp(2.7rem,4.5vw,4.2rem);line-height:.94}.landing-hero-visual{min-height:330px}.utility-stage{min-height:400px;border-radius:18px;border-color:rgba(22,72,91,.5);background:radial-gradient(circle at 76% 34%,rgba(60,250,210,.09),transparent 24%),linear-gradient(145deg,rgba(8,27,36,.88),rgba(1,7,11,.96))}.utility-copy h1{font-size:clamp(2.6rem,5vw,4.6rem)}footer{margin-top:2.5rem;background:linear-gradient(180deg,rgba(4,14,20,.12),rgba(1,5,9,.7));border-top-color:rgba(22,72,91,.4)}@media(max-width:1100px){body:not(.home-page) .shell,body:not(.home-page) .nav-inner,body:not(.home-page) .footer-inner{width:92%}.article-hero:has(.article-depth-scene){display:block;padding-bottom:2rem}.article-hero:has(.article-depth-scene) .article-hero-inner{padding-right:0}.article-depth-scene{position:relative;right:auto;top:auto;width:100%;height:300px;translate:none;margin:1.25rem 0 0}.article-hero h1{max-width:900px}.landing-hero{min-height:0}}@media(max-width:700px){.article-hero{min-height:0;padding-top:3rem}.article-depth-scene{height:260px}.utility-stage{min-height:460px}.landing-hero-visual{min-height:290px}}@media(max-width:430px){.article-depth-scene{height:235px}.article-hero h1{font-size:clamp(2.35rem,11vw,3.5rem)}body:not(.home-page) .shell,body:not(.home-page) .nav-inner,body:not(.home-page) .footer-inner{width:92%}}.brand-mark{width:1.25rem;height:1.12rem;border:0;border-radius:0;transform:none;background:linear-gradient(135deg,#3cfad2,#3daed3 62%,#3b779a);clip-path:polygon(0 0,50% 25%,100% 0,67% 100%,50% 67%,33% 100%);box-shadow:none;filter:drop-shadow(0 0 7px rgba(61,174,211,.34))}.article-depth-hud{position:absolute;z-index:4;min-width:118px;padding:.58rem .64rem;border:1px solid rgba(22,72,91,.56);border-left-color:rgba(60,250,210,.72);border-radius:9px;background:linear-gradient(145deg,rgba(4,14,20,.86),rgba(1,7,11,.72));box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 22px rgba(61,174,211,.05);backdrop-filter:blur(14px)}.article-depth-hud b{display:block;color:#f6f8fa;font:700 .55rem/1.1 var(--mono);letter-spacing:.08em}.article-depth-hud i{display:block;width:82px;height:22px;margin-top:.35rem;background:linear-gradient(155deg,transparent 0 8%,rgba(60,250,210,.72) 8% 11%,transparent 11% 30%,rgba(61,174,211,.55) 30% 33%,transparent 33% 52%,rgba(229,74,90,.52) 52% 55%,transparent 55% 73%,rgba(60,250,210,.45) 73% 76%,transparent 76%);opacity:.9}.article-depth-hud-a{left:-7%;top:22%;transform:translateZ(40px)}.article-depth-hud-b{right:-8%;bottom:18%;border-left-color:rgba(229,74,90,.55);transform:translateZ(24px)}.article-depth-scene{transform-style:preserve-3d}.article-depth-scene svg{position:relative;z-index:2}@media(max-width:1100px){.article-depth-hud-a{left:2%;top:24%}.article-depth-hud-b{right:2%;bottom:16%}}@media(max-width:700px){.article-depth-hud{min-width:96px;padding:.46rem .5rem}.article-depth-hud b{font-size:.48rem}.article-depth-hud i{width:64px;height:18px}.article-depth-hud-b{display:none}.article-depth-hud-a{left:auto;right:.6rem;top:.6rem}}

/* Research Lab production WebGL overlays ? 2026-09-11 */
.lab-canvas-stack{position:relative;width:100%;isolation:isolate;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(60,250,210,.05),transparent 42%),linear-gradient(145deg,rgba(4,14,20,.96),rgba(1,5,9,.98));box-shadow:inset 0 0 0 1px rgba(22,72,91,.42),0 24px 70px rgba(0,0,0,.3)}
.lab-canvas-stack>.scene-canvas,.lab-canvas-stack>#monte-carlo-canvas,.lab-canvas-stack>.lab-depth-canvas{position:relative;z-index:1;margin:0;border:0;border-radius:14px}
.lab-webgl-overlay{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;border-radius:14px;touch-action:pan-y;background:radial-gradient(circle at 50% 48%,rgba(61,174,211,.035),transparent 56%)}
.lab-webgl-annotations{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;border-radius:14px;pointer-events:none;background:transparent}
.lab-webgl-badge{position:absolute;z-index:3;right:.65rem;top:.65rem;padding:.34rem .46rem;border:1px solid rgba(60,250,210,.28);border-radius:999px;color:#3cfad2;background:rgba(1,5,9,.72);backdrop-filter:blur(10px);font:700 .5rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.scene-frame>.lab-canvas-stack{border-radius:0;box-shadow:none;background:transparent}.scene-frame>.lab-canvas-stack .lab-webgl-overlay{border-radius:0}.scene-frame>.lab-canvas-stack .lab-webgl-badge{top:3.2rem}
html[data-research-renderer="three-webgl"] .visual-panel{border-color:rgba(22,72,91,.62);box-shadow:0 26px 78px rgba(0,0,0,.34),0 0 32px rgba(61,174,211,.035),inset 0 1px rgba(255,255,255,.025)}
@media(max-width:700px){.lab-webgl-badge{font-size:.46rem;right:.5rem;top:.5rem}.scene-frame>.lab-canvas-stack .lab-webgl-badge{top:3rem}}
@media(prefers-reduced-motion:reduce){.lab-webgl-overlay{touch-action:pan-y}}

.lab-vtk-overlay{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;min-height:220px;border-radius:14px;overflow:hidden;background:#010509;touch-action:none}
.lab-vtk-overlay[data-renderer="vtk-webgl"] canvas{display:block;width:100%;height:100%}
.lab-vtk-stack[data-vtk="active"]>.scene-canvas,.lab-vtk-stack[data-vtk="active"]>#monte-carlo-canvas,.lab-vtk-stack[data-vtk="active"]>.lab-depth-canvas{opacity:0;pointer-events:none}
.scene-frame>.lab-vtk-stack .lab-vtk-overlay{border-radius:0}
@media(max-width:700px){.lab-vtk-overlay{min-height:200px}}
.tc-vtk3d{position:relative;overflow:hidden}
.tc-vtk3d-axis-key{position:absolute;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;pointer-events:none;z-index:3}
.tc-vtk3d-axis-key span{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:6px;padding:5px 7px;border:1px solid rgba(61,174,211,.16);border-radius:6px;background:rgba(2,13,22,.76);backdrop-filter:blur(5px);font-variant-numeric:tabular-nums}
.tc-vtk3d-axis-key b{color:#3cfad2;font-size:10px}.tc-vtk3d-axis-key i{overflow:hidden;color:#8fd9ee;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tc-vtk3d-axis-key em{color:#698a9d;font-size:9px;font-style:normal}
@media(max-width:700px){.tc-vtk3d-axis-key{left:8px;right:8px;bottom:8px;gap:4px}.tc-vtk3d-axis-key span{grid-template-columns:auto minmax(0,1fr);gap:4px}.tc-vtk3d-axis-key em{display:none}}

/* Research Lab VTK scale refinement - 2026-09-12 */
/* Keep the VTK mount out of document flow; .tc-vtk3d is otherwise relative. */
.lab-vtk-overlay.tc-vtk3d{position:absolute;inset:0}
/* Retain full GPU resolution while bounding each visual's layout footprint. */
.lab-vtk-stack>.scene-canvas{height:clamp(340px,30vw,430px)}
.lab-vtk-stack>#monte-carlo-canvas,.lab-vtk-stack>.lab-depth-canvas{height:clamp(300px,27vw,380px)}
.lab-vtk-stack-correlation>.network-canvas{height:clamp(290px,25vw,350px)}
.lab-vtk-stack-distribution>.distribution-canvas{height:clamp(270px,23vw,330px)}
@media(max-width:700px){
  .lab-vtk-stack>.scene-canvas{height:340px}
  .lab-vtk-stack>#monte-carlo-canvas,.lab-vtk-stack>.lab-depth-canvas{height:290px}
  .lab-vtk-stack-correlation>.network-canvas{height:280px}
  .lab-vtk-stack-distribution>.distribution-canvas{height:255px}
}
@media(max-width:470px){
  .lab-vtk-stack>.scene-canvas{height:300px}
  .lab-vtk-stack>#monte-carlo-canvas,.lab-vtk-stack>.lab-depth-canvas{height:260px}
  .lab-vtk-stack-correlation>.network-canvas{height:250px}
  .lab-vtk-stack-distribution>.distribution-canvas{height:235px}
}
/* DesignMotion public UX contract */
:root{--ux-touch-target:44px;--ux-space-1:4px;--ux-space-2:8px;--ux-space-3:12px;--ux-space-4:16px;--ux-motion-fast:160ms}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.checkout-button[hidden]{display:none!important}
@media (hover:none){
  .control-btn{padding:.68rem .72rem}
  .site-nav .brand,.site-nav .nav-links a,.site-search-trigger,.control-btn,.atlas-nav-item{min-height:var(--ux-touch-target)}
}
@media (pointer:coarse){
  .site-nav .brand,.site-nav .nav-links a,.site-search-trigger,.control-btn,.atlas-nav-item{min-height:var(--ux-touch-target)}
  .site-search-trigger,.control-btn{min-width:var(--ux-touch-target)}
}
/* DesignMotion mobile touch contract */
@media(max-width:700px){
  .site-nav .brand,.site-nav .nav-links a,.site-search-trigger,.control-btn,.atlas-nav-item{min-height:var(--ux-touch-target)}
  .site-search-trigger,.control-btn{min-width:var(--ux-touch-target)}
  button,input,select,textarea{min-height:var(--ux-touch-target)}
}