/* PSYMAP360 stepwise test: current two-zone layout and contextual rail.
   Cleaned without changing geometry, visual values, or interaction states. */

:root {
  --assessment-header-image: url("../../assets/assessment_header_abstract.jpg");
  --question-panel-image: url("../../assets/question_panel_abstract.jpg");
  --helper-panel-image: url("../../assets/helper_panel_abstract.jpg");
  --page-bg: #090c16;
  --panel: #141624;
  --panel-2: #191b2a;
  --panel-3: #202232;
  --line: rgba(229, 169, 137, .20);
  --line-strong: rgba(229, 169, 137, .42);
  --warm: #e6a17f;
  --warm-soft: #f2c2a7;
  --violet: #9b75d0;
  --text: #f3eee9;
  --muted: #c3bdc7;
  --muted-2: #aaa4b0;
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

html, body { min-height: 100%; background: var(--page-bg); }

body { color: var(--text); overflow-x: hidden; }

.assessment-page {
  --shell-gutter: clamp(24px, 2.25vw, 42px);
  min-height: 100svh;
  display: grid;
  grid-template-rows: minmax(270px, 30svh) minmax(0, auto);
  background: radial-gradient(900px 520px at 78% 8%, rgba(114, 66, 104, .13), transparent 68%),
    linear-gradient(180deg, #0b0e18 0, #090c16 100%);
}

.assessment-hero {
  width: min(1600px, calc(100% - var(--shell-gutter) - var(--shell-gutter)));
  min-height: 270px;
  margin: 8px auto 0;
  padding: 0 clamp(24px, 2.4vw, 46px) 18px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: 82px minmax(108px, 1fr) 64px;
  overflow: visible;
  border: 1px solid rgba(230, 161, 127, .22);
  border-radius: 18px;
  background-image: linear-gradient(90deg, rgba(8, 10, 20, .96) 0%, rgba(12, 13, 25, .88) 36%, rgba(14, 14, 25, .36) 66%, rgba(10, 11, 20, .82) 100%),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 55%, rgba(6,8,15,.74)),
    var(--assessment-header-image);
  background-position: center, center, center 42%;
  background-size: cover, cover, cover;
  background-repeat: no-repeat;
  box-shadow: 0 20px 50px rgba(0,0,0,.22);
}

.assessment-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(700px 260px at 72% 45%, rgba(210, 128, 119, .12), transparent 70%),
    linear-gradient(90deg, rgba(230, 161, 127, .12), transparent 18%, transparent 80%, rgba(155,117,208,.08));
}

.hero-topbar {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.hero-brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 13px;
  color: var(--text);
  text-decoration: none;
}

.hero-brand-mark {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(230,161,127,.56);
  transform: rotate(45deg);
  color: var(--warm-soft);
  font-family: Georgia, serif;
  font-size: 20px;
  box-shadow: inset 0 0 0 5px rgba(230,161,127,.035);
}

.hero-brand-mark b {
  display: block;
  transform: rotate(-45deg);
  font-weight: 500;
}

.hero-brand-name {
  font-family: "PT Serif", Georgia, serif;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: .015em;
}

.hero-brand small { color: #9d98a6; font-size: 12px; }

.hero-brand i {
  width: 1px;
  height: 22px;
  background: rgba(255,255,255,.15);
}

.hero-brand em {
  overflow: hidden;
  color: #d6d0d4;
  font-size: 13px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hero-save-state {
  min-width: 92px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: #d8d2d6;
  font-size: 12px;
  font-weight: 650;
}

.hero-save-state .icon { color: var(--warm); }

.hero-action {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(230,161,127,.20);
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #eee8e5;
  background: rgba(16,17,29,.54);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter: blur(10px);
  text-decoration: none;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.hero-action:hover {
  border-color: rgba(230,161,127,.55);
  background: rgba(30,27,39,.78);
  transform: translateY(-1px);
}

.hero-action .icon { width: 15px; height: 15px; }

.hero-content {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) 254px;
  gap: 30px;
  align-items: center;
  padding: 13px 0 10px;
}

.hero-copy { min-width: 0; max-width: 820px; }

.hero-stage-label {
  display: block;
  margin-bottom: 7px;
  color: var(--warm-soft);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hero-copy h1 {
  margin: 0;
  color: #f4efeb;
  font-family: "PT Serif", Georgia, serif;
  font-size: clamp(30px, 3vw, 45px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.025em;
  text-shadow: 0 2px 22px rgba(0,0,0,.34);
}

.hero-copy p {
  margin: 8px 0 0;
  color: #e1a88d;
  font-family: "PT Serif", Georgia, serif;
  font-size: clamp(15px, 1.35vw, 20px);
  line-height: 1.3;
}

.hero-progress-card {
  min-height: 104px;
  padding: 12px 15px;
  display: grid;
  grid-template-columns: 76px minmax(0,1fr) 16px;
  gap: 13px;
  align-items: center;
  border: 1px solid rgba(230,161,127,.22);
  border-radius: 13px;
  color: var(--text);
  background: rgba(20,19,31,.63);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 15px 35px rgba(0,0,0,.18);
  backdrop-filter: blur(13px);
  cursor: pointer;
}

.hero-progress-ring {
  width: 72px;
  height: 72px;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--warm) calc(var(--p) * 1%), rgba(255,255,255,.08) 0);
}

.hero-progress-ring::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  background: #191827;
  box-shadow: inset 0 0 18px rgba(255,255,255,.025);
}

.hero-progress-ring strong {
  position: relative;
  z-index: 1;
  font-family: "PT Serif", Georgia, serif;
  font-size: 23px;
  font-weight: 500;
}

.hero-progress-copy {
  min-width: 0;
  display: grid;
  text-align: left;
}

.hero-progress-copy b {
  color: #e9b59d;
  font-family: "PT Serif", Georgia, serif;
  font-size: 15px;
  font-weight: 500;
}

.hero-progress-copy small {
  margin-top: 6px;
  color: #aaa5b0;
  font-size: 12px;
  line-height: 1.4;
}

.hero-progress-card > .icon { color: var(--warm); transition: transform .2s ease; }

.hero-progress-card[aria-expanded="true"] > .icon { transform: rotate(180deg); }

.hero-module-progress {
  min-width: 0;
  display: grid;
  grid-template-rows: 18px minmax(0, 1fr);
  gap: 3px;
}

.hero-module-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #918b98;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.hero-module-progress-head span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hero-module-progress-head b {
  flex: 0 0 auto;
  color: var(--warm-soft);
  font-size: 12px;
}

.hero-timeline {
  min-width: 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--module-step-count, 1), minmax(92px, 1fr));
  gap: 0;
  align-items: start;
  padding: 2px 0 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.hero-timeline::-webkit-scrollbar { display: none; }

.hero-timeline::before,
.hero-timeline::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 8px;
  height: 1px;
}

.hero-timeline::before { right: 7px; background: rgba(228,172,143,.24); }

.hero-timeline::after {
  right: 7px;
  background: linear-gradient(90deg, rgba(230,161,127,.60), var(--warm));
  box-shadow: 0 0 10px rgba(230,161,127,.32);
  transform: scaleX(var(--module-progress-scale, 0));
  transform-origin: left center;
}

.hero-timeline-step {
  min-width: 0;
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 6px;
  color: #827d8a;
  text-align: center;
}

.hero-timeline-step span {
  width: 12px;
  height: 12px;
  display: grid;
  place-items: center;
  border: 2px solid #171522;
  border-radius: 50%;
  color: transparent;
  background: #4f4b59;
  box-shadow: 0 0 0 1px rgba(230,161,127,.48);
  font-size: 12px;
  overflow: hidden;
  text-indent: -9999px;
}

.hero-timeline-step b {
  max-width: 94%;
  overflow: hidden;
  font-size: 12px;
  font-weight: 570;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hero-timeline-step.done { color: #a29aa1; }

.hero-timeline-step.done span { background: #8a6a72; }

.hero-timeline-step.available { color: #aaa1aa; }

.hero-timeline-step.available span { background: #645563; }

.hero-timeline-step.active { color: #efb497; }

.hero-timeline-step.active span {
  width: 21px;
  height: 21px;
  margin-top: -4px;
  border: 5px solid rgba(86,49,51,.95);
  background: var(--warm);
  box-shadow: 0 0 0 2px rgba(230,161,127,.75), 0 0 20px rgba(230,161,127,.42);
}

.hero-timeline-step.active b { font-weight: 760; }

.assessment-hero .journey-panel {
  width: min(1320px, calc(100% - 56px));
  max-height: 0;
  position: absolute;
  z-index: 120;
  top: 74px;
  right: 28px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .34s ease, opacity .2s ease, padding .25s ease;
}

.assessment-hero .journey-panel.open {
  max-height: min(72vh, 740px);
  padding-top: 10px;
  opacity: 1;
}

.assessment-hero .journey-groups {
  max-height: min(68vh, 700px);
  overflow: auto;
  border: 1px solid rgba(230,161,127,.25);
  background: rgba(16,17,28,.98);
  box-shadow: 0 30px 70px rgba(0,0,0,.48);
  backdrop-filter: blur(20px);
}

.assessment-workspace {
  min-height: 70svh;
  padding: 5px var(--shell-gutter) 20px;
  background: radial-gradient(800px 470px at 75% 0%, rgba(83,54,91,.12), transparent 68%),
    linear-gradient(180deg, #0d101a, #090c15 82%);
}

.workspace-grid {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 70fr) minmax(330px, 30fr);
  gap: 18px;
  align-items: stretch;
}

.assessment-workspace .question-card,
.assessment-workspace .helper-panel {
  border: 1px solid rgba(230,161,127,.18);
  border-radius: 15px;
  color: var(--text);
  background: linear-gradient(145deg, rgba(29,29,44,.96), rgba(18,19,31,.98));
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.018);
}

.assessment-workspace .question-card {
  width: auto;
  min-height: calc(70svh - 28px);
  margin: 0;
  padding: clamp(24px, 2.1vw, 38px);
}

.assessment-workspace .question-topline {
  padding-bottom: 14px;
  display: flex;
  justify-content: flex-start;
  gap: 18px;
  border-bottom: 0;
}

.assessment-workspace .question-sequence {
  color: #eee7e4;
  font-size: 12px;
  letter-spacing: .025em;
}

.assessment-workspace .question-section-title {
  padding-left: 18px;
  border-left: 1px solid rgba(230,161,127,.25);
  color: #9d98a7;
  font-size: 12px;
  font-weight: 560;
}

.assessment-workspace .question-heading { margin: 17px 0 20px; }

.assessment-workspace .question-heading h2 {
  max-width: 920px;
  color: #f0ebe8;
  font-family: "PT Serif", Georgia, serif;
  font-size: clamp(27px, 2.2vw, 39px);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -.015em;
}

.assessment-workspace .context-caption,
.assessment-workspace .essential-context {
  color: #b8b0b6;
  border-left-color: var(--warm);
  background: rgba(230,161,127,.055);
}

.assessment-workspace .option {
  min-height: 74px;
  border-color: rgba(230,161,127,.18);
  border-radius: 12px;
  color: #ece6e3;
  background: linear-gradient(145deg, rgba(44,42,59,.72), rgba(29,29,43,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.assessment-workspace .option:hover {
  border-color: rgba(230,161,127,.48);
  background: linear-gradient(145deg, rgba(54,48,65,.86), rgba(35,32,46,.96));
  box-shadow: 0 10px 24px rgba(0,0,0,.17);
}

.assessment-workspace .option.selected {
  border-color: rgba(230,161,127,.70);
  background: linear-gradient(135deg, rgba(112,65,72,.52), rgba(66,47,70,.68));
  box-shadow: inset 0 0 0 1px rgba(230,161,127,.15), 0 12px 28px rgba(0,0,0,.18);
}

.assessment-workspace .option-copy b { color: #f1ebe8; }

.assessment-workspace .option-copy small { color: #a39daa; }

.assessment-workspace .option-icon { color: var(--warm); background: rgba(230,161,127,.055); }

.assessment-workspace .option-control { border-color: #7e7888; background: rgba(12,13,22,.38); }

.assessment-workspace .option.selected .option-control {
  border-color: var(--warm);
  background: var(--warm);
  box-shadow: inset 0 0 0 5px var(--warm);
}

.assessment-workspace /* v36.19.11 — contextual answer rail */

.helper-rail {
  position: sticky;
  top: 10px;
  align-self: start;
}

.assessment-workspace .helper-panel {
  min-height: calc(70svh - 28px);
  max-height: calc(100svh - 20px);
  padding: 20px 20px 16px;
}

.assessment-workspace .helper-sticky-question small { color: #888290; }

.assessment-workspace .helper-sticky-question p {
  color: #eee8e5;
  font-family: "PT Serif", Georgia, serif;
  font-weight: 500;
}

.assessment-workspace .helper-sticky-question p { color: #aaa4af; }

.assessment-workspace .helper-panel > .rail-navigation {
  border-top-color: rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(18,19,31,0), rgba(18,19,31,.98) 22%);
}

.assessment-workspace .button.secondary {
  color: #d9d1d2;
  border-color: rgba(230,161,127,.20);
  background: rgba(255,255,255,.02);
}

.assessment-workspace .button.primary {
  color: #fff7f2;
  border-color: rgba(238,176,145,.45);
  background: linear-gradient(135deg, #87505d, #b36e70 58%, #d08b76);
  box-shadow: 0 9px 25px rgba(120,55,65,.30), inset 0 1px 0 rgba(255,255,255,.16);
}

.assessment-workspace .auto-advance-note { color: #a9a2ad; }

.assessment-workspace .premium-selection-control,
.assessment-workspace .reference-ordinal-control,
.assessment-workspace .reference-range-control,
.assessment-workspace .matrix-slider-row,
.assessment-workspace .intensity-slider-shell,
.assessment-workspace .range-shell {
  border-color: rgba(230,161,127,.16);
  color: var(--text);
  background: rgba(255,255,255,.015);
  box-shadow: none;
}

@media (max-width: 1180px) {
  .assessment-page { grid-template-rows: minmax(250px, auto) auto; }

  .assessment-hero { min-height: 250px; grid-template-rows: 72px minmax(110px,1fr) 54px; }

  .hero-content { grid-template-columns: minmax(0,1fr) 220px; }

  .workspace-grid { grid-template-columns: minmax(0,1fr) 310px; }

  .hero-brand em { display: none; }
}

@media (max-width: 900px) {
  .assessment-page { --shell-gutter: 14px; display: block; }

  .assessment-hero {
    min-height: auto;
    grid-template-rows: 68px auto auto;
    padding-inline: 18px;
  }

  .hero-brand small, .hero-brand i { display: none; }

  .hero-actions .hero-save-state { display: none; }

  .hero-content {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-block: 18px;
  }

  .hero-progress-card {
    width: min(280px,100%);
    min-height: 76px;
    grid-template-columns: 54px 1fr 14px;
  }

  .hero-progress-ring { width: 52px; height: 52px; }

  .hero-progress-ring::after { inset: 5px; }

  .hero-progress-ring strong { font-size: 17px; }

  .hero-timeline { grid-template-columns: repeat(var(--module-step-count, 1), minmax(112px,1fr)); padding-bottom: 8px; }

  .hero-module-progress { padding-bottom: 2px; }

  .workspace-grid { grid-template-columns: 1fr; }

  .assessment-workspace { padding: 12px var(--shell-gutter) 96px; }

  .assessment-workspace .question-card { min-height: auto; }

  .assessment-workspace .helper-rail { position: static; }

  .assessment-workspace .helper-panel { min-height: auto; max-height: none; }
}

@media (max-width: 620px) {
  .assessment-page { --shell-gutter: 10px; }

  .assessment-hero { padding-inline: 12px; }

  .hero-brand-mark {
    width: 38px;
    height: 38px;
    font-size: 17px;
  }

  .hero-brand-name { font-size: 20px; }

  .hero-action {
    min-height: 38px;
    padding-inline: 11px;
    font-size: 12px;
  }

  .hero-action:last-child {
    width: 38px;
    padding: 0;
    position: relative;
    overflow: hidden;
    color: transparent;
    font-size: 12px;
    white-space: nowrap;
  }

  .hero-action:last-child .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #eee8e5;
    transform: translate(-50%, -50%);
  }

  .hero-action:last-child .icon { width: 17px; height: 17px; }

  .hero-copy h1 { font-size: 30px; }

  .hero-copy p { font-size: 15px; }

  .assessment-workspace .question-card { padding: 22px 17px; }

  .assessment-workspace .question-topline { display: grid; gap: 7px; }

  .assessment-workspace .question-section-title { padding-left: 0; border-left: 0; }

  .assessment-workspace .question-heading h2 { font-size: 26px; }
}

.assessment-hero .journey-group,
.assessment-hero .journey-card {
  border: 1px solid rgba(230,161,127,.11);
  color: #d8d1d4;
  background: rgba(255,255,255,.018);
}

.assessment-hero .journey-card-header h3, .assessment-hero .journey-stage b { color: #e9e2df; }

.assessment-hero .journey-card-header small, .assessment-hero .journey-stage small { color: #918b98; }

.assessment-hero .journey-stage { color: #918b98; }

.assessment-hero .journey-stage > span { color: #c59a82; background: rgba(230,161,127,.06); }

.assessment-hero .journey-stage.active { color: #f0e7e3; background: rgba(230,161,127,.08); }

.assessment-hero .journey-stage.active > span { color: #17131d; background: var(--warm); }

.assessment-hero .journey-stage.done > span { color: #d0b5a6; background: rgba(143,93,91,.35); }

body.journey-modal-open { overflow: hidden; }

.journey-overlay {
  width: 100vw !important;
  height: 100dvh;
  max-height: none !important;
  position: fixed !important;
  z-index: 2147483000 !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: clamp(18px, 4vh, 44px) clamp(14px, 3vw, 44px) !important;
  display: grid !important;
  place-items: center;
  overflow: auto !important;
  opacity: 0 !important;
  visibility: hidden;
  pointer-events: none;
  background: rgba(5, 7, 14, .78);
  backdrop-filter: blur(16px) saturate(.75);
  -webkit-backdrop-filter: blur(16px) saturate(.75);
  transition: opacity .2s ease, visibility 0s linear .2s !important;
}

.journey-overlay.open {
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .2s ease !important;
}

.journey-dialog {
  width: min(1320px, 100%);
  max-height: min(88dvh, 860px);
  min-height: 280px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(230, 161, 127, .30);
  border-radius: 18px;
  color: var(--text);
  background: radial-gradient(900px 420px at 75% 0%, rgba(106, 65, 112, .16), transparent 70%),
    linear-gradient(160deg, rgba(25, 25, 39, .995), rgba(11, 13, 23, .995));
  box-shadow: 0 44px 110px rgba(0, 0, 0, .72), inset 0 1px 0 rgba(255,255,255,.04);
  transform: translateY(14px) scale(.985);
  transition: transform .22s ease;
}

.journey-overlay.open .journey-dialog { transform: translateY(0) scale(1); }

.journey-dialog-head {
  min-height: 78px;
  padding: 16px 20px 15px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid rgba(230, 161, 127, .16);
  background: rgba(255,255,255,.018);
}

.journey-dialog-head > div { min-width: 0; }

.journey-dialog-head small {
  display: block;
  margin-bottom: 4px;
  color: var(--warm);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.journey-dialog-head h2 {
  margin: 0;
  color: #f4efeb;
  font-family: "PT Serif", Georgia, serif;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 500;
  line-height: 1.1;
}

.journey-dialog-close {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(230, 161, 127, .25);
  border-radius: 12px;
  color: #e9d5ca;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.journey-dialog-close:hover,
.journey-dialog-close:focus-visible {
  border-color: rgba(230, 161, 127, .65);
  background: rgba(230, 161, 127, .08);
  transform: translateY(-1px);
  outline: none;
}

.journey-dialog-close .icon { width: 20px; height: 20px; }

.journey-overlay .journey-groups {
  width: 100% !important;
  max-height: none !important;
  min-height: 0;
  margin: 0 !important;
  padding: 18px !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 720px) {
  .journey-overlay { padding: 10px !important; place-items: stretch; }

  .journey-dialog {
    width: 100%;
    max-height: calc(100dvh - 20px);
    border-radius: 15px;
  }

  .journey-dialog-head { min-height: 68px; padding: 13px 14px 12px 16px; }

  .journey-overlay .journey-groups { padding: 12px !important; }
}

.workspace-grid, .selection-assessment-grid { grid-template-columns: minmax(0, 1fr) clamp(320px, 24vw, 390px); align-items: start; }

.assessment-workspace .helper-rail { min-width: 0; }

.assessment-workspace .helper-panel {
  min-height: 0;
  max-height: calc(100svh - 20px);
  padding: 0;
  overflow: hidden;
  border-color: rgba(230,161,127,.19);
  background: radial-gradient(440px 260px at 100% 0%, rgba(139,80,105,.16), transparent 72%),
    linear-gradient(155deg, rgba(30,29,44,.98), rgba(17,18,29,.99));
}

.assessment-workspace .helper-sticky-question { margin-inline: 18px; }

.assessment-workspace .helper-sticky-question.visible {
  margin-top: 14px;
  margin-bottom: 0;
  padding-bottom: 13px;
  border-bottom-color: rgba(255,255,255,.08);
}

.helper-rail-header {
  flex: 0 0 auto;
  padding: 18px 18px 15px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.012);
}

.helper-rail-header-compact {
  padding: 12px 18px 10px;
  grid-template-columns: 1fr;
  gap: 10px;
}

.helper-rail-header-compact .helper-save-state { justify-self: start; }


.helper-save-state {
  align-self: start;
  min-height: 28px;
  padding: 7px 9px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  color: #a8a1ad;
  background: rgba(255,255,255,.025);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.helper-save-state[data-state="selected"],
.helper-save-state[data-state="editing"] {
  color: #f0c1a9;
  border-color: rgba(230,161,127,.30);
  background: rgba(230,161,127,.08);
}

.helper-save-state[data-state="pending"] {
  color: #ffd0ad;
  border-color: rgba(230,161,127,.44);
  background: rgba(163,92,67,.18);
}

.helper-save-state[data-state="committing"] {
  color: #b9dfd0;
  border-color: rgba(94,171,141,.32);
  background: rgba(55,133,104,.14);
}

.helper-local-progress {
  grid-column: 1 / -1;
  height: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}

.helper-local-progress span {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--warm), #c37b76);
}

.helper-rail-content {
  min-height: 0;
  padding: 16px 18px 4px;
  display: grid;
  gap: 12px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(230,161,127,.28) transparent;
}

.helper-operational-card,
.helper-answer-state,
.helper-guidance {
  border: 1px solid rgba(230,161,127,.13);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}

.helper-operational-card { padding: 15px; background: linear-gradient(145deg, rgba(127,69,87,.19), rgba(255,255,255,.015)); }

.helper-operational-card small,
.helper-answer-state-head small {
  display: block;
  color: #a48d99;
  font-size: 12px;
  font-weight: 820;
  line-height: 1.2;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.helper-operational-card > b {
  display: block;
  margin-top: 6px;
  color: #f0e8e5;
  font-family: "PT Serif", Georgia, serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.32;
}

.helper-operational-card p {
  margin: 9px 0 0;
  color: #b6aeb7;
  font-size: 12px;
  line-height: 1.55;
}

.helper-guidance-stack {
  display: grid;
  gap: 8px;
}

.helper-guidance {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #c2bbc5;
  background: transparent;
  font-size: 12px;
  line-height: 1.55;
}

.helper-guidance > b {
  display: inline;
  color: #e4dde0;
  font-size: 12px;
  font-weight: 780;
  letter-spacing: .01em;
}

.helper-guidance-include > b { color: #a9d2bf; }

.helper-guidance-exclude > b { color: #e0b0a5; }

.helper-answer-state ul {
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 6px;
  list-style: none;
}

.helper-answer-state li {
  position: relative;
  padding-left: 11px;
  color: #c0b9c3;
  font-size: 12px;
  line-height: 1.42;
}

.helper-answer-state li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--warm);
}

.helper-answer-state {
  padding: 14px 15px;
  border-color: rgba(230,161,127,.20);
  background: rgba(230,161,127,.035);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.helper-answer-state[data-state="selected"],
.helper-answer-state[data-state="editing"],
.helper-answer-state[data-state="pending"] {
  border-color: rgba(230,161,127,.42);
  background: linear-gradient(145deg, rgba(133,72,88,.20), rgba(230,161,127,.035));
  transform: translateY(-1px);
}

.helper-answer-state[data-state="committing"] { border-color: rgba(85,166,134,.32); background: rgba(45,116,88,.10); }

.helper-answer-state-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.helper-answer-state-head span {
  color: #928b98;
  font-size: 12px;
  font-weight: 720;
}

.helper-answer-state > b {
  display: block;
  margin-top: 8px;
  color: #f3e9e5;
  font-family: "PT Serif", Georgia, serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
}

.helper-answer-state > p {
  margin: 7px 0 0;
  color: #aaa3ad;
  font-size: 12px;
  line-height: 1.5;
}

.helper-special-answer {
  margin: -2px 2px 0;
  color: #928c98;
  font-size: 12px;
  line-height: 1.45;
}

.helper-special-answer b { color: #c8bec3; font-weight: 720; }


.assessment-workspace .helper-panel > .rail-navigation {
  margin: 10px 14px 14px;
  padding: 13px 0 0;
  border-top-color: rgba(255,255,255,.08);
  background: transparent;
}

@media (max-width: 1180px) and (min-width: 901px) {
  .workspace-grid, .selection-assessment-grid { grid-template-columns: minmax(0, 1fr) 320px; }

}

@media (max-width: 900px) {
  .workspace-grid, .selection-assessment-grid { grid-template-columns: 1fr; }

  .assessment-workspace .helper-panel { max-height: none; }

  .helper-rail-content { overflow: visible; }


  .assessment-workspace .helper-panel > .rail-navigation {
    margin: 0;
    border-color: rgba(230,161,127,.22);
    background: rgba(18,19,31,.96);
    box-shadow: 0 18px 48px rgba(0,0,0,.34);
  }
}

@media (max-width: 620px) {
  .helper-rail-header { grid-template-columns: minmax(0, 1fr); }

  .helper-save-state { justify-self: start; }
}


/* v36.19.12 — readability and contextual rail simplification */
.hero-module-progress-head-compact { justify-content: flex-end; }

/* Contrast corrections for the dark assessment workspace. */
.hero-brand small,
.hero-module-progress-head,
.assessment-hero .journey-card-header small,
.assessment-hero .journey-stage small,
.assessment-hero .journey-stage { color: #b9b3be; }

.hero-timeline-step { color: #b1abb7; }
.hero-timeline-step.done { color: #bbb4bd; }
.hero-timeline-step.available { color: #c0b8c1; }

.assessment-workspace .question-section-title,
.assessment-workspace .option-copy small,
.assessment-workspace .auto-advance-note,
.assessment-workspace .helper-sticky-question small { color: #bbb4bf; }

.assessment-workspace .validation-message { color: #efa9b8; }
.assessment-workspace .matrix-row-heading output { color: var(--warm-soft); }
.assessment-workspace .matrix-scale-button:hover,
.assessment-workspace .matrix-scale-button.active { color: color-mix(in srgb, var(--warm) 72%, white); }

.helper-save-state { color: #c1bac5; }
.helper-operational-card small,
.helper-answer-state-head small { color: #c4aeb9; }
.helper-operational-card p,
.helper-answer-state > p,
.helper-special-answer { color: #c0b9c3; }
.helper-answer-state-head span { color: #b9b2bd; }

/* Dark matrix controls inherited dark text from the historical light theme. */
.assessment-workspace .matrix-row-heading b,
.assessment-workspace .matrix-row-title b { color: #f0ebe8; }
.assessment-workspace .matrix-scale-button { color: #b9b3bf; }
.assessment-workspace .matrix-collapse-toggle {
  color: #ddd6de;
  border-color: rgba(230,161,127,.20);
  background: rgba(255,255,255,.035);
}
.assessment-workspace .matrix-slider-row.collapsed .matrix-row-summary output { color: #a9d2bf; }

/* Premium controls: keep the palette, raise muted text above the dark surface. */
.selection-shell {
  --pm-muted: #bac2cf;
  --pm-muted-2: #a6afbf;
}
.assessment-workspace .selection-state-caption,
.assessment-workspace .premium-ordinal-control .slider-tick,
.assessment-workspace .premium-ordinal-control .slider-tick-icon,
.assessment-workspace .premium-ordinal-control .slider-tick small,
.assessment-workspace .premium-range-control .range-scale { color: #aeb7c6; }

/* Light structured-input surfaces must explicitly use dark text despite the dark parent. */
.assessment-workspace .record-card,
.assessment-workspace .record-title,
.assessment-workspace .record-title b { color: #243047; }
.assessment-workspace .field > span { color: #4f5a6d; }
.assessment-workspace .field input,
.assessment-workspace .field select,
.assessment-workspace .free-text-shell textarea { color: #243047; }
.assessment-workspace .field input::placeholder,
.assessment-workspace .free-text-shell textarea::placeholder { color: #697386; opacity: 1; }
.assessment-workspace .free-text-shell > span { color: #c1bac5; }

/* v36.19.13 — option guidance, long-list grouping and slider contrast */
.option-groups {
  display: grid;
  gap: 20px;
}

.option-group {
  min-width: 0;
  display: grid;
  gap: 9px;
}

.option-group-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  color: color-mix(in srgb, var(--warm) 74%, #f2ece9);
  font-size: 12px;
  font-weight: 720;
  line-height: 1.25;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.option-group-heading::after {
  min-width: 24px;
  height: 1px;
  flex: 1;
  content: "";
  background: linear-gradient(90deg, rgba(230,161,127,.42), rgba(230,161,127,.06));
}

.option-group-heading small {
  order: 2;
  min-width: 27px;
  padding: 3px 7px;
  border: 1px solid rgba(230,161,127,.20);
  border-radius: 999px;
  color: #c8c0ca;
  background: rgba(255,255,255,.025);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.option-group-heading::after { order: 1; }
.option-group-heading span { order: 0; }
.option-group .option-grid { margin: 0; }

.assessment-workspace .option.has-description {
  min-height: 88px;
  padding-block: 13px;
}

.assessment-workspace .option.has-description .option-copy {
  align-content: center;
}

.assessment-workspace .option-copy small {
  display: block;
  margin-top: 4px;
  color: #c4bdc8;
  font-size: 12px;
  font-weight: 450;
  line-height: 1.38;
}

/* Clear visual separation between the slider surface, track and labels. */
.assessment-workspace .premium-selection-control {
  border-color: rgba(230,161,127,.28);
  background: linear-gradient(145deg, rgba(25,25,39,.96), rgba(14,15,26,.98));
}

.assessment-workspace .premium-ordinal-control .slider-rail-labels {
  color: #e1d9e1;
  font-weight: 680;
}

.assessment-workspace .premium-ordinal-control .slider-rail-labels span:first-child {
  color: #f1bd98;
}

.assessment-workspace .premium-ordinal-control .slider-rail-labels span:last-child {
  color: #d7b7ee;
}

.assessment-workspace .premium-ordinal-control .slider-hit-area::before,
.assessment-workspace .premium-range-control .range-hit-area::before,
.assessment-workspace .matrix-slider-hit-area::before {
  height: 12px;
  border: 1px solid rgba(255,221,190,.66);
  background: linear-gradient(90deg, #f0a77f 0%, #cf837e 47%, #a878dc 100%);
  box-shadow: inset 0 1px 2px rgba(255,255,255,.20), 0 0 0 3px rgba(8,9,17,.88), 0 5px 18px rgba(0,0,0,.34);
}

.assessment-workspace .slider-rail-nodes i {
  border-color: #171522;
  background: #f2b189;
  box-shadow: 0 0 0 2px rgba(247,225,207,.82), 0 3px 10px rgba(0,0,0,.42);
}

.assessment-workspace .slider-rail-nodes i:last-child {
  background: #b78ae4;
}

.assessment-workspace .slider-rail-nodes i.active {
  background: #fff8f1;
  box-shadow: 0 0 0 4px rgba(232,161,127,.28), 0 0 20px rgba(232,161,127,.52);
}

.assessment-workspace .premium-ordinal-control .slider-hit-area input[type="range"]::-webkit-slider-thumb,
.assessment-workspace .matrix-slider-hit-area input[type="range"]::-webkit-slider-thumb {
  border-color: #fff2e5;
  background: radial-gradient(circle at 36% 28%, #ffd7b7 0 8%, #e69b75 30%, #9d608e 72%, #39233f 100%);
  box-shadow: 0 0 0 3px rgba(13,13,23,.92), 0 0 0 5px rgba(242,178,137,.78), 0 10px 25px rgba(0,0,0,.48);
}

.assessment-workspace .premium-ordinal-control .slider-hit-area input[type="range"]::-moz-range-thumb,
.assessment-workspace .matrix-slider-hit-area input[type="range"]::-moz-range-thumb {
  border-color: #fff2e5;
  background: radial-gradient(circle at 36% 28%, #ffd7b7 0 8%, #e69b75 30%, #9d608e 72%, #39233f 100%);
  box-shadow: 0 0 0 3px rgba(13,13,23,.92), 0 0 0 5px rgba(242,178,137,.78), 0 10px 25px rgba(0,0,0,.48);
}

.assessment-workspace .premium-ordinal-control .intensity-ticks {
  border-color: rgba(230,161,127,.34);
  background: #11121e;
}

.assessment-workspace .premium-ordinal-control .slider-tick {
  color: #d2cbd5;
  background: linear-gradient(180deg, rgba(43,40,55,.74), rgba(27,27,40,.86));
}

.assessment-workspace .premium-ordinal-control .slider-tick:hover {
  color: #f1ecef;
  background: linear-gradient(180deg, rgba(62,53,69,.92), rgba(38,34,49,.96));
}

.assessment-workspace .premium-ordinal-control .slider-tick b {
  color: #f4efed;
}

.assessment-workspace .premium-ordinal-control .slider-tick small {
  color: #c7c0cb;
}

.assessment-workspace .premium-ordinal-control .slider-tick-icon {
  border-color: rgba(239,192,159,.28);
  color: #e4b28f;
  background: rgba(230,161,127,.07);
}

.assessment-workspace .premium-ordinal-control .slider-tick.active {
  color: #fff4ea;
  background: radial-gradient(circle at 50% 15%, rgba(232,161,127,.29), transparent 48%), linear-gradient(180deg, rgba(105,61,76,.92), rgba(51,37,58,.98));
  box-shadow: inset 0 0 0 1px rgba(245,183,143,.78), 0 0 24px rgba(202,119,115,.20);
}

.assessment-workspace .premium-ordinal-control .slider-tick.active b,
.assessment-workspace .premium-ordinal-control .slider-tick.active small {
  color: #fff4ec;
}

.assessment-workspace .premium-ordinal-control .slider-tick.active .slider-tick-icon {
  color: #fff0e4;
  border-color: rgba(255,219,190,.66);
  background: rgba(232,161,127,.18);
}

.assessment-workspace .premium-range-control .range-stage {
  border-color: rgba(230,161,127,.32);
  background: #10111d;
}

.assessment-workspace .premium-range-control .range-thumb-display {
  border-color: #fff2e5;
  background: radial-gradient(circle at 36% 28%, #ffd7b7 0 8%, #e69b75 30%, #9d608e 72%, #39233f 100%);
  box-shadow: 0 0 0 3px rgba(13,13,23,.92), 0 0 0 5px rgba(242,178,137,.78), 0 10px 25px rgba(0,0,0,.48);
}

.assessment-workspace .premium-range-control .range-thumb-display output {
  color: #fffaf6;
  text-shadow: 0 1px 3px rgba(0,0,0,.72);
}

.assessment-workspace .premium-range-control .range-scale {
  color: #d0c8d2;
  font-weight: 650;
}

.assessment-workspace .matrix-scale-button {
  color: #d0c9d3;
  border-color: rgba(230,161,127,.16);
  background: rgba(255,255,255,.03);
}

.assessment-workspace .matrix-scale-button:hover,
.assessment-workspace .matrix-scale-button.active {
  color: #fff1e8;
  border-color: rgba(238,174,135,.54);
  background: rgba(159,92,104,.28);
}

@media (max-width: 760px) {
  .option-groups { gap: 17px; }
  .option-group-heading { align-items: flex-start; }
  .option-group-heading::after { margin-top: 8px; }
}

/* v36.19.14 — readable ordinal labels and replaceable panel artwork.
   Replace only the two asset files or override the CSS variables to change the art. */
.assessment-workspace .question-card {
  background-color: #151625;
  background-image:
    linear-gradient(145deg, rgba(29,29,44,.72) 0%, rgba(18,19,31,.86) 58%, rgba(14,15,26,.96) 100%),
    radial-gradient(720px 360px at 92% 4%, rgba(157,91,128,.14), transparent 70%),
    var(--question-panel-image);
  background-position: center, center, center top;
  background-size: cover, cover, cover;
  background-repeat: no-repeat;
}

.assessment-workspace .helper-panel {
  background-color: #131421;
  background-image:
    linear-gradient(155deg, rgba(30,29,44,.74) 0%, rgba(17,18,29,.90) 62%, rgba(12,13,23,.97) 100%),
    radial-gradient(440px 260px at 100% 0%, rgba(139,80,105,.18), transparent 72%),
    var(--helper-panel-image);
  background-position: center, center, center top;
  background-size: cover, cover, cover;
  background-repeat: no-repeat;
}

/* The historical light ordinal skin can still win outside some workspace states.
   These final selectors define one explicit, high-contrast scale surface. */
body .premium-ordinal-control.reference-ordinal-control .intensity-ticks {
  border-color: rgba(236,177,143,.42);
  background: #151724;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 30px rgba(0,0,0,.20);
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick {
  opacity: 1;
  color: #ece6eb;
  border-right-color: rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(48,47,61,.96), rgba(31,32,45,.98));
  text-shadow: 0 1px 2px rgba(0,0,0,.62);
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick:nth-child(even) {
  background: linear-gradient(180deg, rgba(53,50,65,.96), rgba(34,33,47,.98));
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick:hover {
  color: #fff9f5;
  background: linear-gradient(180deg, rgba(74,61,73,.98), rgba(45,40,53,.99));
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick b {
  color: #fffaf7;
  opacity: 1;
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0,0,0,.72);
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick small {
  color: #ddd5de;
  opacity: 1;
  font-weight: 520;
  text-shadow: 0 1px 2px rgba(0,0,0,.72);
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick-icon,
body .premium-ordinal-control.reference-ordinal-control .slider-tick .icon {
  color: #efb28d;
  opacity: 1;
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick-icon {
  border-color: rgba(239,178,141,.38);
  background: rgba(230,161,127,.09);
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick.active {
  color: #fff8f2;
  background: radial-gradient(circle at 50% 15%, rgba(232,161,127,.32), transparent 50%),
    linear-gradient(180deg, rgba(113,65,79,.98), rgba(54,39,61,.99));
  box-shadow: inset 0 0 0 2px rgba(246,187,151,.82), 0 0 26px rgba(202,119,115,.22);
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick.active b,
body .premium-ordinal-control.reference-ordinal-control .slider-tick.active small,
body .premium-ordinal-control.reference-ordinal-control .slider-tick.active .slider-tick-icon {
  color: #fff8f2;
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick:focus-visible {
  z-index: 4;
  outline: 3px solid rgba(255,207,174,.92);
  outline-offset: -3px;
}



/* v36.19.15 — scale labels stay concise; explanatory sublines belong to semantic case options. */
body .premium-ordinal-control.reference-ordinal-control .slider-tick {
  min-height: 118px;
  padding-block: 16px;
  align-content: center;
}

body .premium-ordinal-control.reference-ordinal-control .slider-tick b {
  margin-top: 4px;
  line-height: 1.3;
}

/* v36.19.16 — sequential multi-scale rows and readable scale labels. */
.assessment-workspace .sequential-matrix {
  gap: 11px;
}

.assessment-workspace .sequential-matrix .matrix-slider-row {
  border-color: rgba(230,161,127,.18);
  background: linear-gradient(145deg, rgba(31,31,46,.88), rgba(20,21,34,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.assessment-workspace .sequential-matrix .matrix-slider-row.active {
  border-color: rgba(235,166,128,.52);
  background: radial-gradient(560px 180px at 0 0, rgba(195,105,128,.12), transparent 68%),
    linear-gradient(145deg, rgba(34,32,48,.96), rgba(20,20,33,.98));
  box-shadow: inset 3px 0 0 rgba(218,112,164,.88), 0 12px 28px rgba(0,0,0,.16);
}

.assessment-workspace .sequential-matrix .matrix-slider-row.waiting {
  border-color: rgba(255,255,255,.085);
  background: rgba(255,255,255,.018);
}

.assessment-workspace .sequential-matrix .matrix-slider-row.waiting .matrix-row-title b {
  color: #d7d0d8;
}

.assessment-workspace .sequential-matrix .matrix-row-summary output {
  min-width: 116px;
  color: #e8b38f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .015em;
}

.assessment-workspace .sequential-matrix .matrix-row-summary output[data-matrix-status="waiting"] {
  color: #b8b0bc;
}

.assessment-workspace .sequential-matrix .matrix-row-summary output[data-matrix-status="answered"] {
  color: #a9d2bf;
}

.assessment-workspace .sequential-matrix .matrix-collapse-toggle:disabled {
  opacity: 0;
  pointer-events: none;
}

/* Remove the historical light segmented rectangle. Each label is now rendered
   directly on the dark row surface with an explicit high-contrast state. */
.assessment-workspace .sequential-matrix .matrix-scale {
  margin-top: 5px;
  overflow: visible;
  gap: 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.assessment-workspace .sequential-matrix .matrix-scale-button {
  min-height: 58px;
  padding: 7px 5px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #eee8ee;
  background: transparent;
  text-shadow: 0 1px 2px rgba(0,0,0,.72);
}

.assessment-workspace .sequential-matrix .matrix-scale-button .icon {
  color: #e4ad8a;
  opacity: .96;
}

.assessment-workspace .sequential-matrix .matrix-scale-button span {
  color: inherit;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.25;
}

.assessment-workspace .sequential-matrix .matrix-scale-button:hover,
.assessment-workspace .sequential-matrix .matrix-scale-button:focus-visible {
  color: #fff9f5;
  border-color: rgba(238,174,135,.38);
  background: rgba(230,161,127,.075);
}

.assessment-workspace .sequential-matrix .matrix-scale-button:focus-visible {
  outline: 2px solid rgba(255,207,174,.88);
  outline-offset: 2px;
}

.assessment-workspace .sequential-matrix .matrix-scale-button.active {
  color: #fff8f2;
  border-color: rgba(244,183,145,.66);
  background: linear-gradient(180deg, rgba(132,74,90,.54), rgba(67,46,71,.66));
  box-shadow: inset 0 0 0 1px rgba(255,211,181,.14), 0 8px 20px rgba(0,0,0,.16);
}

.assessment-workspace .sequential-matrix .matrix-scale-button:disabled {
  cursor: default;
}


@media (max-width: 720px) {
  .assessment-workspace .sequential-matrix .matrix-row-summary output {
    min-width: 0;
    text-align: left;
  }

  .assessment-workspace .sequential-matrix .matrix-scale {
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
  }
}

/* v36.19.17 — viewport-bound helper rail with independently scrolling content. */
@media (min-width: 901px) {
  .assessment-workspace .helper-rail {
    position: sticky;
    top: 10px;
    align-self: start;
    min-height: 0;
  }

  .assessment-workspace .helper-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100svh - 20px);
    max-height: calc(100dvh - 20px);
    overflow: hidden;
  }

  .assessment-workspace .helper-sticky-question,
  .assessment-workspace .helper-rail-header,
  .assessment-workspace .helper-panel > .rail-navigation {
    flex: 0 0 auto;
  }

  .assessment-workspace .helper-rail-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(230,161,127,.38) rgba(255,255,255,.025);
    scroll-padding-block: 12px;
    -webkit-overflow-scrolling: touch;
  }

  .assessment-workspace .helper-panel > .rail-navigation {
    position: relative;
    z-index: 2;
  }

  .assessment-workspace .helper-rail-content::-webkit-scrollbar {
    width: 8px;
  }

  .assessment-workspace .helper-rail-content::-webkit-scrollbar-track {
    background: rgba(255,255,255,.025);
    border-radius: 999px;
  }

  .assessment-workspace .helper-rail-content::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(230,161,127,.38);
    background-clip: padding-box;
  }

  .assessment-workspace .helper-rail-content::-webkit-scrollbar-thumb:hover {
    background: rgba(230,161,127,.58);
    background-clip: padding-box;
  }
}

@media (max-width: 900px) {
  .assessment-workspace .helper-panel {
    display: block;
    max-height: none;
    overflow: visible;
  }

  .assessment-workspace .helper-rail-content {
    min-height: auto;
    overflow: visible;
    overscroll-behavior: auto;
    scrollbar-gutter: auto;
  }
}

/* v36.19.22 — viewport-bound question card with independently scrolling answers. */
@media (min-width: 901px) {
  .assessment-workspace .question-card {
    position: sticky;
    top: 10px;
    align-self: start;
    display: flex;
    flex-direction: column;
    min-height: calc(70svh - 28px);
    max-height: calc(100svh - 20px);
    max-height: calc(100dvh - 20px);
    overflow: hidden;
  }

  .assessment-workspace .question-topline,
  .assessment-workspace .question-heading,
  .assessment-workspace .debug-contract {
    flex: 0 0 auto;
  }

  .assessment-workspace .answer-form {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    padding-right: 8px;
    padding-bottom: 16px;
  }

  .assessment-workspace .answer-form::-webkit-scrollbar {
    width: 8px;
  }

  .assessment-workspace .answer-form::-webkit-scrollbar-track {
    background: rgba(255,255,255,.025);
    border-radius: 999px;
  }

  .assessment-workspace .answer-form::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(230,161,127,.38);
    background-clip: padding-box;
  }

  .assessment-workspace .answer-form::-webkit-scrollbar-thumb:hover {
    background: rgba(230,161,127,.58);
    background-clip: padding-box;
  }
}

@media (max-width: 900px) {
  .assessment-workspace .question-card {
    position: relative;
    top: auto;
    display: block;
    max-height: none;
    overflow: visible;
  }

  .assessment-workspace .answer-form {
    min-height: auto;
    overflow: visible;
    overscroll-behavior: auto;
    scrollbar-gutter: auto;
    padding-right: 0;
    padding-bottom: 0;
  }
}

/* v36.19.23 — lock the assessment shell to the desktop viewport.
   The hero, question heading, and helper rail remain visible; only answer/help content scrolls. */
@media (min-width: 901px) {
  html,
  body {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    overscroll-behavior: none;
  }

  #psymap-app {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .assessment-page {
    height: 100svh;
    height: 100dvh;
    min-height: 0;
    grid-template-rows: minmax(278px, 30dvh) minmax(0, 1fr);
    overflow: hidden;
  }

  .assessment-hero {
    position: relative;
    z-index: 20;
    align-self: start;
    max-height: 100%;
  }

  .assessment-workspace {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .workspace-grid {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    align-items: stretch;
  }

  .assessment-workspace .question-card {
    position: relative;
    top: auto;
    align-self: stretch;
    height: 100%;
    min-height: 0;
    max-height: none;
    box-sizing: border-box;
  }

  .assessment-workspace .helper-rail {
    position: relative;
    top: auto;
    align-self: stretch;
    height: 100%;
    min-height: 0;
  }

  .assessment-workspace .helper-panel {
    height: 100%;
    min-height: 0;
    max-height: none;
    box-sizing: border-box;
  }
}



/* ======================================================================
   v36.19.26 — premium contour entry, completion, primary scan report,
   and severity control
   ====================================================================== */

.pm-contour-intro,
.pm-contour-complete,
.pm-primary-report {
  min-height: 100vh;
  padding: 20px;
  color: #f5f1ea;
  background:
    radial-gradient(circle at 72% 22%, rgba(75, 54, 143, .18), transparent 32%),
    radial-gradient(circle at 14% 6%, rgba(25, 64, 118, .16), transparent 28%),
    linear-gradient(145deg, #050a18 0%, #071125 48%, #09091a 100%);
}

.pm-contour-intro::before,
.pm-contour-complete::before,
.pm-primary-report::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.pm-contour-intro__topbar,
.pm-contour-complete__topbar,
.pm-primary-report__topbar {
  position: relative;
  z-index: 2;
  width: min(1480px, calc(100% - 12px));
  margin: 0 auto 16px;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(48px, 1fr);
  align-items: center;
  gap: 20px;
}

.pm-contour-intro__route,
.pm-contour-complete__route,
.pm-primary-report__route,
.pm-contour-intro__reset,
.pm-contour-complete__back-top {
  border: 1px solid rgba(172, 189, 227, .18);
  color: #abb5ca;
  background: rgba(11, 18, 38, .66);
  box-shadow: inset 0 1px rgba(255,255,255,.03);
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.pm-contour-intro__route,
.pm-contour-complete__route {
  justify-self: start;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font: 600 13px/1.2 Inter, system-ui, sans-serif;
}

.pm-contour-intro__route:hover,
.pm-contour-complete__route:hover,
.pm-primary-report__route:hover,
.pm-contour-intro__reset:hover,
.pm-contour-complete__back-top:hover {
  color: #f6d49c;
  border-color: rgba(242, 188, 112, .46);
  background: rgba(32, 29, 55, .78);
}

.pm-contour-intro__reset,
.pm-contour-complete__back-top,
.pm-primary-report__route {
  justify-self: end;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.pm-contour-intro__progress,
.pm-contour-complete__progress,
.pm-primary-report__progress {
  min-width: min(510px, 45vw);
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid rgba(167, 185, 226, .22);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(17, 25, 52, .88), rgba(10, 16, 36, .76));
  display: flex;
  align-items: center;
  gap: 20px;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.pm-contour-intro__progress b,
.pm-contour-complete__progress b,
.pm-primary-report__progress b {
  white-space: nowrap;
  color: #dbe1ed;
  font: 500 15px/1 Inter, system-ui, sans-serif;
}

.pm-contour-intro__segments,
.pm-contour-complete__progress > span,
.pm-primary-report__progress > span {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(32px, 1fr);
  gap: 6px;
  flex: 1;
}

.pm-contour-intro__segments i,
.pm-contour-complete__progress i,
.pm-primary-report__progress i {
  height: 5px;
  border-radius: 999px;
  background: #293550;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.04);
}

.pm-contour-intro__segments i.done,
.pm-contour-complete__progress i.done,
.pm-primary-report__progress i.done {
  background: linear-gradient(90deg, #667fb4, #8799c2);
}

.pm-contour-intro__segments i.active,
.pm-contour-complete__progress i.active,
.pm-primary-report__progress i.active {
  background: linear-gradient(90deg, #ffd58b, #eba67e);
  box-shadow: 0 0 13px rgba(245, 176, 113, .34);
}

.pm-contour-complete__progress em {
  color: #ffd38b;
  display: grid;
  place-items: center;
}

.pm-contour-intro__shell,
.pm-contour-complete__shell,
.pm-primary-report__shell {
  position: relative;
  z-index: 1;
  width: min(1480px, calc(100% - 12px));
  margin: 0 auto;
  border: 1px solid rgba(98, 119, 172, .26);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(8, 18, 42, .97), rgba(8, 14, 34, .96) 54%, rgba(17, 13, 39, .96)),
    rgba(8, 14, 31, .98);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .36), inset 0 1px rgba(255,255,255,.025);
  overflow: hidden;
}

/* Contour start -------------------------------------------------------- */

.pm-contour-intro__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  min-height: 610px;
}

.pm-contour-intro__copy {
  position: relative;
  z-index: 2;
  padding: 46px 28px 24px 64px;
}

.pm-contour-intro__kicker {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid rgba(234, 181, 116, .28);
  border-radius: 999px;
  color: #e7b478;
  background: rgba(86, 52, 59, .25);
  font: 700 11px/1 Inter, system-ui, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.pm-contour-intro__copy h1,
.pm-contour-complete__content h1,
.pm-primary-report__hero h1 {
  margin: 22px 0 18px;
  color: #f3f0e9;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.pm-contour-intro__copy h1 {
  max-width: 720px;
  font-size: clamp(50px, 5vw, 78px);
  line-height: .98;
}

.pm-contour-intro__lead {
  max-width: 740px;
  margin: 0;
  color: #b8c1d1;
  font: 400 18px/1.62 Inter, system-ui, sans-serif;
}

.pm-contour-intro__article {
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid rgba(194, 205, 233, .14);
}

.pm-contour-intro__article > h2 {
  margin: 0 0 17px;
  color: #edbd7d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  font-weight: 400;
}

.pm-contour-intro__article-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pm-contour-intro__article-card {
  min-width: 0;
  padding: 17px 17px 18px;
  border: 1px solid rgba(116, 133, 176, .22);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(128, 73, 150, .08), transparent 45%),
    linear-gradient(145deg, rgba(19, 29, 58, .82), rgba(13, 20, 43, .72));
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 13px;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}

.pm-contour-intro__article-card.featured {
  border-color: rgba(235, 175, 109, .35);
  background:
    radial-gradient(circle at 10% 10%, rgba(236, 166, 102, .11), transparent 42%),
    linear-gradient(145deg, rgba(28, 31, 58, .92), rgba(21, 19, 43, .84));
}

.pm-contour-intro__article-icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(235, 179, 112, .28);
  border-radius: 14px;
  color: #edb675;
  background: rgba(33, 27, 52, .72);
  display: grid;
  place-items: center;
}

.pm-contour-intro__article-card h3 {
  margin: 0 0 6px;
  color: #f0c58d;
  font: 500 17px/1.25 Georgia, "Times New Roman", serif;
}

.pm-contour-intro__article-card p {
  margin: 0;
  color: #aeb8ca;
  font: 400 13px/1.55 Inter, system-ui, sans-serif;
}

.pm-contour-intro__visual,
.pm-contour-complete__visual,
.pm-primary-report__hero-art {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.pm-contour-intro__visual::before,
.pm-contour-complete__visual::before,
.pm-primary-report__hero-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, #08122a 0%, rgba(8,18,42,.42) 22%, transparent 55%),
    linear-gradient(0deg, #081128 0%, transparent 24%);
  pointer-events: none;
}

.pm-contour-intro__visual img,
.pm-contour-complete__visual img,
.pm-primary-report__hero-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 55% center;
  filter: saturate(.92) contrast(1.03);
}

.pm-contour-intro__visual-orbit {
  position: absolute;
  z-index: 2;
  width: 460px;
  height: 460px;
  top: 72px;
  left: 50%;
  transform: translateX(-48%);
  border: 1px solid rgba(204, 156, 112, .12);
  border-radius: 50%;
  box-shadow: 0 0 70px rgba(83, 71, 170, .18), inset 0 0 70px rgba(63, 51, 132, .08);
  pointer-events: none;
}

.pm-contour-intro__guidance {
  padding: 0 64px 24px;
  display: grid;
  grid-template-columns: .9fr 1.05fr 1.15fr;
  gap: 14px;
}

.pm-contour-intro__guidance article,
.pm-contour-complete__facts article {
  min-height: 112px;
  padding: 19px 20px;
  border: 1px solid rgba(114, 133, 179, .23);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(18, 29, 57, .84), rgba(12, 20, 42, .75));
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 15px;
  align-items: center;
}

.pm-contour-intro__guidance article > span,
.pm-contour-complete__facts article > span {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(239, 180, 110, .26);
  border-radius: 15px;
  color: #efb879;
  background: rgba(57, 37, 57, .45);
  display: grid;
  place-items: center;
}

.pm-contour-intro__guidance h3,
.pm-contour-complete__facts h3 {
  margin: 0 0 5px;
  color: #f1c188;
  font: 500 17px/1.2 Georgia, "Times New Roman", serif;
}

.pm-contour-intro__guidance p,
.pm-contour-complete__facts p {
  margin: 0;
  color: #aeb8c9;
  font: 400 13px/1.48 Inter, system-ui, sans-serif;
}

.pm-contour-intro__actions,
.pm-contour-complete__actions,
.pm-primary-report__actions {
  min-height: 86px;
  padding: 14px 64px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.pm-gold-button {
  min-width: 420px;
  min-height: 58px;
  padding: 0 24px;
  border: 1px solid rgba(255, 229, 177, .75);
  border-radius: 14px;
  color: #17131c;
  background: linear-gradient(90deg, #ffdc91 0%, #f3b88d 52%, #d79ad1 100%);
  box-shadow: 0 13px 32px rgba(214, 144, 104, .18), inset 0 1px rgba(255,255,255,.7);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font: 600 17px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: transform .2s ease, filter .2s ease;
}

.pm-gold-button:hover { transform: translateY(-1px); filter: brightness(1.04); }

.pm-text-button {
  min-height: 46px;
  padding: 0 4px;
  border: 0;
  color: #8995ab;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font: 500 14px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
}

.pm-text-button:hover { color: #e3c18e; }
.pm-text-button:disabled { opacity: .3; cursor: default; }

/* Standard contour completion ----------------------------------------- */

.pm-contour-complete__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(440px, .88fr);
  min-height: 680px;
}

.pm-contour-complete__content {
  padding: 42px 24px 20px 54px;
}

.pm-contour-complete__content h1 {
  margin-top: 0;
  font-size: clamp(48px, 4.8vw, 76px);
  line-height: 1;
}

.pm-contour-complete__status {
  margin-top: 8px;
  color: #f2c078;
  display: flex;
  align-items: center;
  gap: 12px;
}

.pm-contour-complete__status b {
  font: 500 25px/1.1 Inter, system-ui, sans-serif;
}

.pm-contour-complete__lead {
  max-width: 760px;
  margin: 18px 0 22px;
  color: #b7c0cf;
  font: 400 16px/1.55 Inter, system-ui, sans-serif;
}

.pm-contour-complete__list-card {
  margin-top: 12px;
  min-height: 168px;
  padding: 20px 24px 20px 18px;
  border: 1px solid rgba(220, 164, 105, .32);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 50%, rgba(69, 60, 131, .15), transparent 32%),
    linear-gradient(145deg, rgba(22, 31, 61, .88), rgba(15, 21, 44, .8));
  display: grid;
  grid-template-columns: 118px 1fr;
  align-items: center;
  gap: 12px;
}

.pm-contour-complete__list-icon {
  width: 90px;
  height: 90px;
  margin-inline: auto;
  border: 1px solid rgba(235, 179, 112, .34);
  border-radius: 50%;
  color: #efbb78;
  background: radial-gradient(circle, rgba(59,48,95,.72), rgba(13,23,48,.6));
  display: grid;
  place-items: center;
}

.pm-contour-complete__list-icon .icon { width: 44px; height: 44px; }

.pm-contour-complete__list-card h2 {
  margin: 0 0 8px;
  color: #efc17f;
  font: 500 24px/1.2 Georgia, "Times New Roman", serif;
}

.pm-contour-complete__list-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 5px;
}

.pm-contour-complete__list-card li {
  position: relative;
  padding-left: 18px;
  color: #b8c0ce;
  font: 400 13px/1.38 Inter, system-ui, sans-serif;
}

.pm-contour-complete__list-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #f0b86e;
}

.pm-contour-complete__empty {
  margin: 0;
  color: #9ca8bb;
  font: 400 14px/1.5 Inter, system-ui, sans-serif;
}

.pm-contour-complete__facts {
  padding: 0 54px 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

/* Primary scan report -------------------------------------------------- */

.pm-primary-report {
  padding-bottom: 32px;
}

.pm-primary-report__topbar {
  margin-bottom: 12px;
}

.pm-primary-report__status {
  justify-self: start;
  color: #cbd2df;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font: 500 13px/1 Inter, system-ui, sans-serif;
}

.pm-primary-report__status .icon { color: #bddc9f; }

.pm-primary-report__shell {
  padding: 20px 24px 0;
  overflow: visible;
}

.pm-primary-report__hero {
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 77% 36%, rgba(96, 67, 160, .15), transparent 35%),
    linear-gradient(145deg, rgba(10, 21, 48, .92), rgba(12, 15, 37, .88));
}

.pm-primary-report__hero > div:first-child {
  position: relative;
  z-index: 2;
  padding: 32px 14px 28px 28px;
}

.pm-primary-report__hero h1 {
  margin: 0 0 12px;
  font-size: clamp(42px, 4.2vw, 66px);
  line-height: .98;
}

.pm-primary-report__hero p {
  max-width: 660px;
  margin: 0;
  color: #bac3d1;
  font: 400 14px/1.57 Inter, system-ui, sans-serif;
}

.pm-primary-report__hero-art {
  min-height: 260px;
}

/* The near-square report illustration must not define the grid row height.
   It fills the art column independently, while the copy determines hero height. */
.pm-primary-report__hero-art img {
  position: absolute;
  inset: 0;
}

.pm-primary-report__metrics {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.pm-primary-report__metrics article {
  min-height: 126px;
  padding: 18px;
  border: 1px solid rgba(115, 134, 182, .24);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(21, 31, 62, .86), rgba(14, 21, 45, .78));
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
}

.pm-primary-report__metrics article > span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(80, 62, 133, .28);
}

.pm-primary-report__metrics .tone-violet > span { color: #b99aef; }
.pm-primary-report__metrics .tone-amber > span { color: #f1b672; }
.pm-primary-report__metrics .tone-blue > span { color: #84b9e6; }
.pm-primary-report__metrics .tone-green > span { color: #8bd0b2; }

.pm-primary-report__metrics small {
  color: #a99bd5;
  font: 500 12px/1.25 Inter, system-ui, sans-serif;
}

.pm-primary-report__metrics b {
  display: block;
  margin: 6px 0 7px;
  color: #eff2f8;
  font: 500 18px/1.2 Inter, system-ui, sans-serif;
}

.pm-primary-report__metrics p {
  margin: 0;
  color: #939fb4;
  font: 400 11px/1.45 Inter, system-ui, sans-serif;
}

.pm-primary-report__triple {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1.08fr .92fr .92fr;
  gap: 12px;
}

.pm-primary-report__panel,
.pm-primary-report__resources,
.pm-primary-report__routes,
.pm-primary-report__candidates,
.pm-primary-report__unknown {
  border: 1px solid rgba(105, 123, 169, .23);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(88, 59, 151, .08), transparent 36%),
    linear-gradient(145deg, rgba(19, 29, 58, .84), rgba(12, 20, 43, .78));
  box-shadow: inset 0 1px rgba(255,255,255,.02);
}

.pm-primary-report__panel {
  min-height: 260px;
  padding: 17px 18px;
}

.pm-primary-report__panel > h2,
.pm-primary-report__resources > h2,
.pm-primary-report__routes > h2,
.pm-primary-report__candidates > h2,
.pm-primary-report__unknown > h2 {
  margin: 0 0 14px;
  color: #a998dc;
  font: 600 13px/1.2 Inter, system-ui, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pm-primary-report__panel > h2 span,
.pm-primary-report__resources > h2 span,
.pm-primary-report__routes > h2 span,
.pm-primary-report__candidates > h2 span,
.pm-primary-report__unknown > h2 span {
  color: #d8c4ff;
}

.pm-primary-report__concerns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 12px;
}

.pm-primary-report__concerns > span {
  min-width: 0;
  color: #c2cad7;
  display: flex;
  align-items: center;
  gap: 8px;
  font: 400 12px/1.35 Inter, system-ui, sans-serif;
}

.pm-primary-report__concerns .icon { flex: 0 0 auto; color: #e5a47f; }

.pm-primary-report__finding-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.pm-primary-report__finding-list li {
  color: #bfc7d4;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 8px;
  font: 400 12px/1.42 Inter, system-ui, sans-serif;
}

.pm-primary-report__finding-list li > span {
  width: 27px;
  height: 27px;
  border: 1px solid rgba(229, 174, 108, .28);
  border-radius: 50%;
  color: #edb471;
  display: grid;
  place-items: center;
}

.pm-primary-report__agreement {
  margin-top: 8px;
  padding: 11px 12px;
  border-radius: 12px;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 9px;
}

.pm-primary-report__agreement.confirmed { border: 1px solid rgba(91, 177, 139, .28); background: rgba(29, 82, 65, .23); }
.pm-primary-report__agreement.additional { border: 1px solid rgba(194, 111, 135, .28); background: rgba(89, 42, 70, .22); }
.pm-primary-report__agreement.pending { border: 1px solid rgba(93, 136, 194, .26); background: rgba(34, 58, 93, .24); }

.pm-primary-report__agreement > span {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.pm-primary-report__agreement.confirmed > span { color: #8ad7b0; }
.pm-primary-report__agreement.additional > span { color: #e397ae; }
.pm-primary-report__agreement.pending > span { color: #8bbbe2; }

.pm-primary-report__agreement b {
  color: #dce4ed;
  font: 600 12px/1.25 Inter, system-ui, sans-serif;
}

.pm-primary-report__agreement p {
  margin: 4px 0 0;
  color: #9da8ba;
  font: 400 11px/1.4 Inter, system-ui, sans-serif;
}

.pm-primary-report__resources,
.pm-primary-report__routes,
.pm-primary-report__candidates,
.pm-primary-report__unknown {
  margin-top: 14px;
  padding: 17px;
}

.pm-primary-report__resource-grid {
  display: grid;
  grid-template-columns: 1fr .92fr .92fr;
  gap: 10px;
}

.pm-primary-report__resource-grid > article,
.pm-primary-report__candidate-grid > article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(111, 130, 175, .2);
  border-radius: 14px;
  background: rgba(10, 18, 39, .46);
}

.pm-primary-report__resource-grid h3,
.pm-primary-report__candidate-grid h3 {
  margin: 0 0 12px;
  color: #c7b2e9;
  display: flex;
  align-items: center;
  gap: 8px;
  font: 500 13px/1.2 Inter, system-ui, sans-serif;
}

.pm-primary-report__bars {
  display: grid;
  gap: 7px;
}

.pm-primary-report__bars > div {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(80px, .8fr) 34px;
  gap: 9px;
  align-items: center;
}

.pm-primary-report__bars span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #b8c0ce;
  font: 400 10.5px/1.2 Inter, system-ui, sans-serif;
}

.pm-primary-report__bars i {
  height: 6px;
  border-radius: 999px;
  background: rgba(87, 100, 145, .24);
  overflow: hidden;
}

.pm-primary-report__bars i b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #9e79d8, #c39be7);
}

.pm-primary-report__bars em {
  color: #9ca8bc;
  font: 400 10px/1 Inter, system-ui, sans-serif;
  text-align: right;
}

.pm-primary-report__resource-grid aside {
  margin-top: 11px;
  padding: 9px;
  border: 1px solid rgba(210, 143, 105, .22);
  border-radius: 10px;
  color: #d6aa8c;
  background: rgba(89, 49, 56, .22);
  display: flex;
  gap: 8px;
  font: 400 10px/1.4 Inter, system-ui, sans-serif;
}

.pm-primary-report__route-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.pm-primary-report__route-grid article {
  min-width: 0;
  min-height: 170px;
  padding: 13px;
  border: 1px solid rgba(109, 129, 175, .22);
  border-radius: 14px;
  background: rgba(10, 18, 39, .45);
}

.pm-primary-report__route-head {
  min-height: 42px;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 8px;
  align-items: start;
}

.pm-primary-report__route-head > span {
  width: 30px;
  height: 30px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.pm-primary-report__route-head h3 {
  margin: 0;
  color: #d6dce7;
  font: 500 11px/1.3 Inter, system-ui, sans-serif;
}

.pm-primary-report__route-grid article > b {
  display: inline-flex;
  margin: 8px 0;
  padding: 4px 7px;
  border-radius: 5px;
  font: 600 9px/1 Inter, system-ui, sans-serif;
}

.pm-primary-report__route-grid article > p {
  margin: 0;
  color: #9ba7b9;
  font: 400 10px/1.48 Inter, system-ui, sans-serif;
}

.pm-primary-report__route-grid .priority-high { color: #e8838f; }
.pm-primary-report__route-grid .priority-high > b { color: #ffd8dc; background: rgba(181, 62, 79, .48); }
.pm-primary-report__route-grid .priority-elevated { color: #dda37f; }
.pm-primary-report__route-grid .priority-elevated > b { color: #f6ddcf; background: rgba(147, 91, 64, .48); }
.pm-primary-report__route-grid .priority-context { color: #79bdd3; }
.pm-primary-report__route-grid .priority-context > b { color: #d7eff7; background: rgba(43, 104, 123, .48); }
.pm-primary-report__route-grid .priority-planned { color: #9d8bce; }
.pm-primary-report__route-grid .priority-planned > b { color: #e5def7; background: rgba(83, 66, 128, .48); }

.pm-primary-report__candidate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.pm-primary-report__candidate-grid ul {
  margin: 0;
  padding: 0 0 0 16px;
  color: #b6bfce;
  font: 400 10.5px/1.5 Inter, system-ui, sans-serif;
}

.pm-primary-report__candidate-grid p {
  margin: 0;
  color: #8f9caf;
  font: 400 10px/1.45 Inter, system-ui, sans-serif;
}

.pm-primary-report__candidate-grid .tone-violet h3 { color: #c5a8ef; }
.pm-primary-report__candidate-grid .tone-green h3 { color: #8ed4b2; }
.pm-primary-report__candidate-grid .tone-amber h3 { color: #e6b077; }
.pm-primary-report__candidate-grid .tone-red h3 { color: #e38a94; }

.pm-primary-report__unknown > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}

.pm-primary-report__unknown article {
  min-height: 92px;
  padding: 13px;
  border: 1px solid rgba(108, 128, 173, .2);
  border-radius: 13px;
  background: rgba(9, 18, 39, .44);
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 8px;
}

.pm-primary-report__unknown article > span {
  width: 27px;
  height: 27px;
  border: 1px solid rgba(123, 151, 205, .35);
  border-radius: 50%;
  color: #9bbde8;
  display: grid;
  place-items: center;
}

.pm-primary-report__unknown p {
  margin: 0;
  color: #aeb8c8;
  font: 400 10px/1.46 Inter, system-ui, sans-serif;
}

.pm-primary-report__actions {
  padding-inline: 10px;
  padding-bottom: 18px;
}

/* Severity selector ---------------------------------------------------- */

body .assessment-workspace .pm-severity-control {
  --severity-gold: #f4bb79;
  --severity-coral: #ee8b94;
  --severity-purple: #9b57e4;
  position: relative;
  padding: 22px 24px 20px;
  border: 1px solid rgba(219, 151, 111, .62);
  border-radius: 22px;
  background:
    radial-gradient(circle at 4% 4%, rgba(211, 115, 105, .12), transparent 35%),
    radial-gradient(circle at 96% 0, rgba(129, 65, 214, .13), transparent 36%),
    linear-gradient(145deg, rgba(27, 25, 47, .98), rgba(18, 19, 37, .98));
  box-shadow:
    0 20px 42px rgba(0,0,0,.26),
    inset 0 1px rgba(255,255,255,.035),
    0 0 0 1px rgba(140, 82, 194, .12);
  overflow: hidden;
}

body .assessment-workspace .pm-severity-control::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image:
    linear-gradient(30deg, transparent 48%, rgba(165, 105, 212, .12) 49%, transparent 50%),
    linear-gradient(-30deg, transparent 48%, rgba(237, 150, 107, .08) 49%, transparent 50%);
  background-size: 82px 82px;
}

.pm-severity-control__head {
  position: relative;
  z-index: 2;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.pm-severity-control__caption {
  color: #f2eee6;
  font: 500 15px/1.2 Inter, system-ui, sans-serif;
}

body .assessment-workspace .pm-severity-control__state {
  position: relative;
  min-width: 190px;
  min-height: 50px;
  padding: 8px 15px;
  border: 1px solid rgba(231, 153, 113, .58);
  border-radius: 999px;
  color: #efbd7a;
  background: linear-gradient(135deg, rgba(106, 49, 78, .78), rgba(78, 35, 118, .82));
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 8px;
  align-items: center;
  box-shadow: 0 8px 22px rgba(74, 28, 103, .22), inset 0 1px rgba(255,255,255,.05);
  overflow: hidden;
}

.pm-severity-control__state-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
}

.pm-severity-control__state small {
  display: block;
  color: #e4a66f;
  font: 500 10px/1.15 Inter, system-ui, sans-serif;
}

.pm-severity-control__state b {
  display: block;
  color: #f5ca8c;
  font: 600 16px/1.2 Inter, system-ui, sans-serif;
}

.pm-severity-control__state b output:empty::after,
.pm-severity-control__state b output:not(:empty) { }

.pm-severity-control__state b output { color: inherit; }

.pm-severity-control__state b output:is(:not([value])) { }

.pm-severity-control__state .selection-state-caption {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body .assessment-workspace .pm-severity-control__state[data-state="idle"] b { display: none; }
body .assessment-workspace .pm-severity-control__state[data-state="editing"] small,
body .assessment-workspace .pm-severity-control__state[data-state="pending"] small,
body .assessment-workspace .pm-severity-control__state[data-state="committing"] small { display: none; }

.pm-severity-control__rail {
  position: relative;
  z-index: 2;
  height: 76px;
  margin: 10px 8px 0;
  display: flex;
  align-items: center;
}

.pm-severity-control__rail::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  height: 24px;
  border: 1px solid rgba(146, 87, 200, .48);
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      #ffc27e 0%,
      #ee8299 min(var(--ordinal-progress), 48%),
      #9d55e5 var(--ordinal-progress),
      #251d47 var(--ordinal-progress),
      #17172f 100%);
  box-shadow:
    inset 0 2px 5px rgba(255,255,255,.18),
    inset 0 -5px 10px rgba(6,6,19,.32),
    0 0 20px rgba(167, 75, 220, .14);
}

body .assessment-workspace .pm-severity-control .slider-rail-nodes {
  position: absolute;
  left: 14px;
  right: 14px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

body .assessment-workspace .pm-severity-control .slider-rail-nodes i {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(244, 185, 119, .42);
  border-radius: 50%;
  background: #221a3c;
  box-shadow: 0 0 0 3px rgba(12, 10, 27, .35);
}

body .assessment-workspace .pm-severity-control .slider-rail-nodes i.active {
  background: #ffd18e;
  box-shadow: 0 0 0 4px rgba(255, 190, 119, .18), 0 0 15px rgba(255, 181, 110, .55);
}

body .assessment-workspace .pm-severity-control input[type="range"] {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 76px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.pm-severity-control__thumb-mark {
  position: absolute;
  z-index: 3;
  left: clamp(31px, var(--ordinal-progress), calc(100% - 31px));
  top: 50%;
  width: 62px;
  height: 62px;
  transform: translate(-50%, -50%);
  border: 3px solid #ffe4ad;
  border-radius: 50%;
  color: #fff0c8;
  background:
    radial-gradient(circle at 38% 30%, #f8d29a 0, #b96bba 38%, #523089 72%, #241843 100%);
  box-shadow:
    0 0 0 6px rgba(238, 161, 111, .2),
    0 0 0 15px rgba(149, 74, 190, .08),
    0 7px 20px rgba(0,0,0,.36),
    inset 0 1px rgba(255,255,255,.7);
  display: grid;
  place-items: center;
  pointer-events: none;
  transition: left .12s ease, box-shadow .18s ease;
}

.pm-severity-control__thumb-mark .icon { width: 24px; height: 24px; }

body .assessment-workspace .pm-severity-control[data-state="editing"] .pm-severity-control__thumb-mark,
body .assessment-workspace .pm-severity-control[data-state="pending"] .pm-severity-control__thumb-mark {
  box-shadow:
    0 0 0 6px rgba(238, 161, 111, .27),
    0 0 0 17px rgba(149, 74, 190, .12),
    0 0 28px rgba(201, 92, 230, .34),
    0 7px 20px rgba(0,0,0,.36);
}

body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
  position: relative;
  z-index: 2;
  margin-top: 0;
  border: 1px solid rgba(115, 78, 159, .42);
  border-radius: 19px;
  background: rgba(18, 15, 39, .74);
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(var(--choice-count), minmax(0, 1fr));
}

body .assessment-workspace .pm-severity-control .slider-tick {
  position: relative;
  min-height: 112px;
  padding: 16px 8px 13px;
  border: 0;
  border-right: 1px solid rgba(116, 82, 156, .28);
  border-radius: 0;
  color: #9e91b5;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

body .assessment-workspace .pm-severity-control .slider-tick:last-child { border-right: 0; }
body .assessment-workspace .pm-severity-control .slider-tick:first-child { border-radius: 18px 0 0 18px; }
body .assessment-workspace .pm-severity-control .slider-tick:last-child { border-radius: 0 18px 18px 0; }

body .assessment-workspace .pm-severity-control .slider-tick:hover {
  color: #eac6ad;
  background: rgba(255,255,255,.025);
}

body .assessment-workspace .pm-severity-control .slider-tick.active {
  color: #ffd393;
  background:
    radial-gradient(circle at 50% 10%, rgba(230, 137, 111, .19), transparent 55%),
    linear-gradient(180deg, rgba(103, 48, 87, .32), rgba(64, 36, 94, .24));
  box-shadow: inset 0 0 0 1px rgba(234, 161, 118, .36), 0 0 22px rgba(167, 77, 196, .12);
  transform: translateY(-1px);
}

body .assessment-workspace .pm-severity-control .slider-tick.active::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translateX(-50%) rotate(45deg);
  border-left: 1px solid rgba(255, 203, 139, .76);
  border-top: 1px solid rgba(255, 203, 139, .76);
  background: #4f294d;
}

body .assessment-workspace .pm-severity-control .slider-tick-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #c58bc8;
  display: grid;
  place-items: center;
}

body .assessment-workspace .pm-severity-control .slider-tick.active .slider-tick-icon {
  color: #ffc977;
  filter: drop-shadow(0 0 9px rgba(243, 169, 97, .28));
}

body .assessment-workspace .pm-severity-control .slider-tick .icon {
  width: 26px;
  height: 26px;
}

body .assessment-workspace .pm-severity-control .slider-tick b {
  color: inherit;
  font: 600 13px/1.25 Inter, system-ui, sans-serif;
  text-align: center;
}

body .assessment-workspace .pm-severity-control .slider-missing-actions {
  position: relative;
  z-index: 2;
  margin-top: 12px;
  border-color: rgba(115, 78, 159, .3);
  background: rgba(12, 13, 28, .52);
}

/* Responsive ----------------------------------------------------------- */

@media (max-width: 1180px) {
  .pm-contour-intro__hero,
  .pm-contour-complete__hero,
  .pm-primary-report__hero {
    grid-template-columns: 1fr;
  }

  .pm-contour-intro__visual,
  .pm-contour-complete__visual,
  .pm-primary-report__hero-art {
    min-height: 360px;
    grid-row: 1;
  }

  .pm-contour-intro__copy { padding: 34px 34px 20px; }
  .pm-contour-complete__content { padding: 34px; }
  .pm-primary-report__hero > div:first-child { padding: 28px; }

  .pm-contour-intro__guidance,
  .pm-contour-complete__facts { padding-inline: 34px; }

  .pm-primary-report__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pm-primary-report__triple { grid-template-columns: 1fr 1fr; }
  .pm-primary-report__triple > article:last-child { grid-column: 1 / -1; }
  .pm-primary-report__route-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pm-primary-report__unknown > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .pm-contour-intro,
  .pm-contour-complete,
  .pm-primary-report { padding: 8px; }

  .pm-contour-intro__topbar,
  .pm-contour-complete__topbar,
  .pm-primary-report__topbar {
    width: 100%;
    grid-template-columns: 42px 1fr 42px;
    gap: 8px;
  }

  .pm-contour-intro__route,
  .pm-contour-complete__route { width: 42px; padding: 0; justify-content: center; }
  .pm-contour-intro__route span,
  .pm-contour-complete__route span { display: none; }

  .pm-contour-intro__progress,
  .pm-contour-complete__progress,
  .pm-primary-report__progress {
    min-width: 0;
    width: 100%;
    padding: 0 11px;
    gap: 10px;
  }

  .pm-contour-intro__progress b,
  .pm-contour-complete__progress b,
  .pm-primary-report__progress b { font-size: 12px; }

  .pm-contour-intro__shell,
  .pm-contour-complete__shell,
  .pm-primary-report__shell { width: 100%; border-radius: 20px; }

  .pm-contour-intro__copy h1,
  .pm-contour-complete__content h1 { font-size: 43px; }

  .pm-contour-intro__article-grid,
  .pm-contour-intro__guidance,
  .pm-contour-complete__facts,
  .pm-primary-report__metrics,
  .pm-primary-report__triple,
  .pm-primary-report__resource-grid,
  .pm-primary-report__route-grid,
  .pm-primary-report__candidate-grid,
  .pm-primary-report__unknown > div {
    grid-template-columns: 1fr;
  }

  .pm-primary-report__triple > article:last-child { grid-column: auto; }

  .pm-contour-intro__guidance,
  .pm-contour-complete__facts { padding: 0 18px 18px; }

  .pm-contour-intro__actions,
  .pm-contour-complete__actions,
  .pm-primary-report__actions {
    padding: 12px 18px 20px;
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .pm-gold-button { min-width: 0; width: 100%; }

  .pm-primary-report__shell { padding: 10px 10px 0; }
  .pm-primary-report__concerns { grid-template-columns: 1fr; }

  body .assessment-workspace .pm-severity-control { padding: 16px 12px 14px; border-radius: 18px; }
  .pm-severity-control__head { align-items: flex-start; }
  .pm-severity-control__caption { max-width: 45%; font-size: 12px; }
  body .assessment-workspace .pm-severity-control__state { min-width: 150px; min-height: 44px; padding: 7px 11px; }
  .pm-severity-control__state b { font-size: 13px; }

  body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
    overflow-x: auto;
    grid-template-columns: repeat(5, minmax(116px, 1fr));
    scroll-snap-type: x mandatory;
  }

  body .assessment-workspace .pm-severity-control .slider-tick {
    min-height: 102px;
    scroll-snap-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-gold-button,
  .pm-severity-control__thumb-mark,
  body .assessment-workspace .pm-severity-control .slider-tick { transition: none; }
}

.pm-legacy-summary-labels{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}


/* ======================================================================
   v36.19.26 — restore document scrolling and compact severity choices
   ====================================================================== */

body.pm-flow-screen:not(.journey-modal-open) {
  overflow-x: hidden;
  overflow-y: auto;
}

body.pm-flow-screen.journey-modal-open {
  overflow: hidden;
}

body.pm-flow-screen #psymap-app {
  min-height: 100vh;
  height: auto;
  overflow: visible;
}

body.pm-flow-screen .pm-contour-intro,
body.pm-flow-screen .pm-contour-complete,
body.pm-flow-screen .pm-primary-report {
  height: auto;
  max-height: none;
  overflow: visible;
}

body.pm-flow-screen .pm-contour-intro__shell,
body.pm-flow-screen .pm-contour-complete__shell,
body.pm-flow-screen .pm-primary-report__shell {
  height: auto;
  max-height: none;
  overflow: visible;
}

body.pm-flow-screen .pm-contour-intro__actions,
body.pm-flow-screen .pm-contour-complete__actions,
body.pm-flow-screen .pm-primary-report__actions {
  position: sticky;
  z-index: 30;
  bottom: 0;
  border-top: 1px solid rgba(109, 127, 171, .18);
  background: linear-gradient(180deg, rgba(8, 14, 33, .78), rgba(7, 12, 28, .97) 35%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Keep the reference composition, but adapt it to the real question panel.
   Five answers remain a single horizontal control instead of five square tiles. */
body .assessment-workspace .pm-severity-control {
  padding: 15px 18px 14px;
  border-radius: 18px;
}

body .assessment-workspace .pm-severity-control__head {
  min-height: 42px;
  gap: 12px;
}

body .assessment-workspace .pm-severity-control__caption {
  font-size: 13px;
}

body .assessment-workspace .pm-severity-control__state {
  min-width: 164px;
  min-height: 42px;
  padding: 6px 12px;
  grid-template-columns: 24px 1fr;
}

body .assessment-workspace .pm-severity-control__state-icon {
  width: 24px;
  height: 24px;
}

body .assessment-workspace .pm-severity-control__state b {
  font-size: 14px;
}

body .assessment-workspace .pm-severity-control__rail {
  height: 56px;
  margin: 5px 5px 0;
}

body .assessment-workspace .pm-severity-control__rail::before {
  height: 18px;
}

body .assessment-workspace .pm-severity-control input[type="range"] {
  height: 56px;
}

body .assessment-workspace .pm-severity-control__thumb-mark {
  left: clamp(24px, var(--ordinal-progress), calc(100% - 24px));
  width: 48px;
  height: 48px;
  border-width: 2px;
  box-shadow:
    0 0 0 4px rgba(238, 161, 111, .18),
    0 0 0 10px rgba(149, 74, 190, .07),
    0 6px 16px rgba(0,0,0,.32),
    inset 0 1px rgba(255,255,255,.65);
}

body .assessment-workspace .pm-severity-control__thumb-mark .icon {
  width: 19px;
  height: 19px;
}

body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
  border-radius: 15px;
  overflow: hidden;
}

body .assessment-workspace .pm-severity-control .slider-tick {
  min-height: 74px;
  padding: 8px 5px 7px;
  gap: 4px;
  border-radius: 0;
}

body .assessment-workspace .pm-severity-control .slider-tick:first-child {
  border-radius: 14px 0 0 14px;
}

body .assessment-workspace .pm-severity-control .slider-tick:last-child {
  border-radius: 0 14px 14px 0;
}

body .assessment-workspace .pm-severity-control .slider-tick.active {
  transform: none;
}

body .assessment-workspace .pm-severity-control .slider-tick.active::before {
  top: -7px;
  width: 12px;
  height: 12px;
}

body .assessment-workspace .pm-severity-control .slider-tick-icon {
  width: 27px;
  height: 27px;
}

body .assessment-workspace .pm-severity-control .slider-tick .icon {
  width: 19px;
  height: 19px;
}

body .assessment-workspace .pm-severity-control .slider-tick b {
  font-size: 12px;
  line-height: 1.16;
}

body .assessment-workspace .pm-severity-control .slider-missing-actions {
  margin-top: 8px;
}

@media (max-width: 820px) {
  body.pm-flow-screen .pm-contour-intro__actions,
  body.pm-flow-screen .pm-contour-complete__actions,
  body.pm-flow-screen .pm-primary-report__actions {
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }

  body .assessment-workspace .pm-severity-control {
    padding: 13px 10px 11px;
  }

  body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
    grid-template-columns: repeat(5, minmax(96px, 1fr));
  }

  body .assessment-workspace .pm-severity-control .slider-tick {
    min-height: 72px;
    padding-inline: 4px;
  }
}

/* ======================================================================
   v36.19.27 — compact ordinary answer rows and editorial contour list
   ====================================================================== */

/* The desktop question card is viewport-bound.  Without an explicit
   start alignment the single implicit grid row in .answer-form stretches
   to all available height, which turns two ordinary choices into square
   tiles.  Keep every non-scale answer at its intrinsic height. */
@media (min-width: 901px) {
  .assessment-workspace .answer-form {
    align-content: start;
  }

  .assessment-workspace .answer-form > .option-grid,
  .assessment-workspace .answer-form > .option-groups,
  .assessment-workspace .option-group > .option-grid {
    align-self: start;
    height: auto;
    min-height: 0;
  }

  .assessment-workspace .option-grid {
    align-content: start;
    grid-auto-rows: minmax(74px, auto);
  }

  .assessment-workspace .option {
    min-height: 74px;
    height: auto;
  }
}

/* The contour introduction is an editorial list, not a grid of cards. */
.pm-contour-intro__hero {
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
  min-height: 510px;
}

.pm-contour-intro__copy {
  padding: 34px 32px 20px 52px;
}

.pm-contour-intro__copy h1 {
  max-width: 690px;
  margin: 16px 0 13px;
  font-size: clamp(46px, 4.25vw, 66px);
  line-height: 1;
}

.pm-contour-intro__lead {
  max-width: 690px;
  font-size: 16px;
  line-height: 1.52;
}

.pm-contour-intro__article {
  margin-top: 23px;
  padding-top: 20px;
}

.pm-contour-intro__article > h2 {
  margin-bottom: 8px;
  font-size: 30px;
}

.pm-contour-intro__article-list {
  position: relative;
  display: grid;
}

.pm-contour-intro__article-list::before {
  content: "";
  position: absolute;
  top: 21px;
  bottom: 21px;
  left: 48px;
  width: 1px;
  background: linear-gradient(180deg, rgba(239,184,121,.48), rgba(116,133,176,.18));
}

.pm-contour-intro__article-item {
  position: relative;
  min-width: 0;
  padding: 13px 0;
  display: grid;
  grid-template-columns: 30px 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border-bottom: 1px solid rgba(122, 139, 180, .16);
  background: transparent;
}

.pm-contour-intro__article-item:last-child {
  border-bottom: 0;
}

.pm-contour-intro__article-index {
  padding-top: 11px;
  color: rgba(201, 211, 232, .42);
  font: 600 12px/1 Inter, system-ui, sans-serif;
  letter-spacing: .08em;
}

.pm-contour-intro__article-icon {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #111833;
  box-shadow: 0 0 0 5px #09132c;
}

.pm-contour-intro__article-item.featured .pm-contour-intro__article-icon {
  border-color: rgba(244, 193, 126, .56);
  color: #ffd08f;
  box-shadow: 0 0 0 5px #09132c, 0 0 22px rgba(232, 164, 105, .12);
}

.pm-contour-intro__article-item h3 {
  margin: 1px 0 4px;
  color: #f0c58d;
  font: 500 17px/1.23 Georgia, "Times New Roman", serif;
}

.pm-contour-intro__article-item p {
  max-width: 660px;
  margin: 0;
  color: #aeb8ca;
  font: 400 13px/1.47 Inter, system-ui, sans-serif;
}

.pm-contour-intro__visual-orbit {
  width: 390px;
  height: 390px;
  top: 58px;
}

.pm-contour-intro__guidance {
  padding: 0 52px 16px;
  gap: 11px;
}

.pm-contour-intro__guidance article {
  min-height: 86px;
  padding: 13px 15px;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  border-radius: 15px;
}

.pm-contour-intro__guidance article > span {
  width: 38px;
  height: 38px;
  border-radius: 12px;
}

.pm-contour-intro__guidance h3 {
  margin-bottom: 3px;
  font-size: 15px;
}

.pm-contour-intro__guidance p {
  font-size: 12px;
  line-height: 1.42;
}

.pm-contour-intro__actions {
  min-height: 72px;
  padding: 10px 52px 18px;
}

.pm-contour-intro__actions .pm-gold-button {
  min-width: 350px;
  min-height: 52px;
}

@media (max-width: 1180px) {
  .pm-contour-intro__hero {
    min-height: 0;
  }

  .pm-contour-intro__visual {
    min-height: 300px;
  }

  .pm-contour-intro__copy {
    padding: 28px 34px 18px;
  }

  .pm-contour-intro__article-item p {
    max-width: none;
  }
}

@media (max-width: 820px) {
  .pm-contour-intro__copy {
    padding: 24px 18px 14px;
  }

  .pm-contour-intro__copy h1 {
    font-size: 41px;
  }

  .pm-contour-intro__article-list::before {
    left: 40px;
  }

  .pm-contour-intro__article-item {
    grid-template-columns: 24px 34px minmax(0, 1fr);
    gap: 9px;
    padding: 12px 0;
  }

  .pm-contour-intro__article-index {
    font-size: 12px;
  }

  .pm-contour-intro__article-icon {
    width: 34px;
    height: 34px;
  }

  .pm-contour-intro__guidance {
    padding: 0 18px 14px;
  }

  .pm-contour-intro__actions {
    padding: 10px 18px max(14px, env(safe-area-inset-bottom));
  }
}


/* ======================================================================
   v36.19.31 — hypothesis validation board from deep-toggle reference
   Three-column hypothesis list, evidence inspection and integrated route.
   ====================================================================== */

.pm-hypothesis-board {
  min-height: 100vh;
  padding: 0 10px 18px;
  background:
    radial-gradient(1100px 540px at 12% -5%, rgba(235,219,194,.12), transparent 61%),
    radial-gradient(760px 420px at 82% 16%, rgba(207,142,63,.075), transparent 58%),
    linear-gradient(180deg, #090f18 0%, #0c121b 100%);
}

.pm-hypothesis-board__shell {
  position: relative;
  z-index: 1;
  width: min(1600px, 100%);
  margin: 10px auto 0;
  padding: 12px;
  border: 1px solid rgba(230,196,143,.16);
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(720px 380px at 10% 0%, rgba(255,239,211,.10), transparent 65%),
    radial-gradient(420px 260px at 90% 8%, rgba(224,164,75,.075), transparent 66%),
    linear-gradient(145deg, rgba(39,45,54,.96), rgba(16,22,31,.98) 56%, rgba(10,15,22,.99));
  box-shadow: 0 22px 64px rgba(0,0,0,.32);
  isolation: isolate;
}

.pm-hypothesis-board__shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .24;
  background:
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) 0 0 / 82px 82px,
    linear-gradient(0deg, rgba(255,255,255,.014) 1px, transparent 1px) 0 0 / 82px 82px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.45), transparent 74%);
}

.pm-hypothesis-board__layout {
  display: grid;
  grid-template-columns: minmax(650px, 1.55fr) minmax(310px, .72fr) minmax(300px, .70fr);
  gap: 12px;
  align-items: start;
}

.pm-hypothesis-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(231,194,137,.15);
  border-radius: 24px;
  background:
    radial-gradient(320px 190px at 5% 0%, rgba(255,229,183,.05), transparent 65%),
    linear-gradient(180deg, rgba(30,38,49,.94), rgba(18,24,33,.97));
  box-shadow: 0 12px 34px rgba(0,0,0,.20);
}

.pm-hypothesis-panel::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -170px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(60,91,132,.10), transparent 66%);
}

.pm-hypothesis-panel__head {
  position: relative;
  z-index: 1;
  min-height: 66px;
  padding: 14px 18px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid rgba(255,255,255,.04);
}

.pm-hypothesis-panel__head--compact {
  min-height: 62px;
}

.pm-hypothesis-panel__eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #a89984;
  font: 700 9px/1.15 Inter, system-ui, sans-serif;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.pm-hypothesis-panel__head h1,
.pm-hypothesis-panel__head h2 {
  margin: 0;
  color: #eadcc7;
  font: 400 17px/1.2 Georgia, "Times New Roman", serif;
  letter-spacing: .015em;
  text-transform: uppercase;
}

.pm-hypothesis-panel__head h1 b {
  color: #f1c986;
  font-weight: 400;
}

.pm-hypothesis-panel__meta {
  color: #b9aa96;
  font: 500 12px/1.25 Inter, system-ui, sans-serif;
  white-space: nowrap;
}

.pm-hypothesis-table-head {
  display: grid;
  grid-template-columns: 64px minmax(230px, 1.18fr) .62fr .78fr 154px 24px;
  gap: 12px;
  align-items: end;
  padding: 10px 14px 9px;
  color: #9f927f;
  font: 600 10px/1.15 Inter, system-ui, sans-serif;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.pm-hypothesis-table-head span:nth-child(1) { grid-column: 1 / span 2; }
.pm-hypothesis-table-head span:last-child { visibility: hidden; }

.pm-hypothesis-list {
  position: relative;
  z-index: 1;
  max-height: calc(100vh - 198px);
  padding: 0 10px 10px;
  display: grid;
  gap: 8px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(215,164,93,.45) rgba(255,255,255,.035);
}

.pm-hypothesis-list::-webkit-scrollbar { width: 8px; }
.pm-hypothesis-list::-webkit-scrollbar-track { background: rgba(255,255,255,.025); border-radius: 99px; }
.pm-hypothesis-list::-webkit-scrollbar-thumb { background: rgba(215,164,93,.38); border-radius: 99px; }

.pm-hyp-row {
  position: relative;
  min-height: 88px;
  padding: 13px;
  display: grid;
  grid-template-columns: 64px minmax(230px, 1.18fr) .62fr .78fr 154px 24px;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  color: inherit;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.012));
  transition: border-color .24s ease, background .24s ease, box-shadow .24s ease, transform .24s ease, opacity .24s ease;
}

.pm-hyp-row:hover {
  transform: translateY(-1px);
  border-color: rgba(232,192,130,.17);
  background: linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.015));
}

.pm-hyp-row:focus-visible {
  outline: 2px solid rgba(241,189,105,.62);
  outline-offset: 2px;
}

.pm-hyp-row.active {
  border-color: rgba(241,189,105,.40);
  background:
    radial-gradient(250px 110px at 0% 50%, rgba(255,207,130,.12), transparent 73%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:
    inset 0 0 0 1px rgba(255,238,207,.055),
    0 0 28px rgba(223,158,67,.13),
    0 10px 28px rgba(0,0,0,.17);
}

.pm-hypothesis-order-box {
  position: relative;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(233,193,130,.16);
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.024);
}

.pm-hyp-row.active .pm-hypothesis-order-box {
  border-color: rgba(241,189,105,.46);
  box-shadow: inset 0 0 0 1px rgba(255,242,218,.055), 0 0 18px rgba(241,189,105,.18);
}

.pm-hypothesis-order-box b {
  color: #efd2a3;
  font: 400 23px/1 Georgia, "Times New Roman", serif;
}

.pm-hypothesis-rank-star {
  position: absolute;
  right: -5px;
  top: -7px;
  color: #f4c56d;
  filter: drop-shadow(0 0 8px rgba(244,197,109,.35));
}

.pm-hypothesis-rank-star .icon { width: 14px; height: 14px; }

.pm-hypothesis-main { min-width: 0; }
.pm-hypothesis-main h3 {
  margin: 0;
  color: #f3eadc;
  font: 400 18px/1.15 Georgia, "Times New Roman", serif;
}
.pm-hypothesis-main p {
  margin: 7px 0 0;
  color: #ad9e8b;
  font: 400 11px/1.3 Inter, system-ui, sans-serif;
}

.pm-hypothesis-metric-block small,
.pm-hypothesis-confirm-block > small {
  display: block;
  margin-bottom: 5px;
  color: #9b8e7c;
  font: 500 10px/1.2 Inter, system-ui, sans-serif;
}

.pm-hypothesis-metric-block strong,
.pm-hypothesis-confirm-line strong {
  display: block;
  color: #f4e5ca;
  font: 500 17px/1.1 Inter, system-ui, sans-serif;
}

.pm-hypothesis-mini-progress {
  width: min(112px, 100%);
  height: 5px;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}
.pm-hypothesis-mini-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #d59b4c, #f2d08a);
  box-shadow: 0 0 12px rgba(213,155,76,.23);
}

.pm-hypothesis-confirm-line {
  display: flex;
  align-items: center;
  gap: 7px;
}
.pm-hypothesis-confirm-line .icon {
  width: 18px;
  height: 18px;
  padding: 3px;
  border: 1px solid rgba(234,183,96,.30);
  border-radius: 50%;
  color: #eeb760;
}
.pm-hypothesis-confirm-block.tone-weak .pm-hypothesis-confirm-line .icon { color: #b0a68f; border-color: rgba(176,166,143,.24); }
.pm-hypothesis-confirm-sub {
  margin-top: 6px;
  color: #a99b87;
  font: 400 10px/1.35 Inter, system-ui, sans-serif;
}

.pm-hypothesis-deep-cell { display: flex; justify-content: center; }
.pm-hypothesis-deep-cell > div { position: relative; }
.pm-hypothesis-deep-cell input[data-hypothesis-checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.pm-hypothesis-deep-toggle {
  width: 116px;
  min-height: 38px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  background: rgba(7,11,17,.42);
  box-shadow: inset 0 1px 8px rgba(0,0,0,.22);
}

.pm-hypothesis-deep-option {
  border: 0;
  min-width: 0;
  height: 28px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #796f65;
  background: transparent;
  cursor: pointer;
  transition: background .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.pm-hypothesis-deep-option:hover { transform: translateY(-1px); }
.pm-hypothesis-deep-option .icon { width: 15px; height: 15px; }
.pm-hypothesis-deep-option.yes.active {
  color: #e9fff0;
  background: linear-gradient(180deg, #71b881, #4f8f60);
  box-shadow: 0 5px 14px rgba(56,125,77,.26), inset 0 1px 0 rgba(255,255,255,.22);
}
.pm-hypothesis-deep-option.no.active {
  color: #fff1ef;
  background: linear-gradient(180deg, #cc786e, #9f554c);
  box-shadow: 0 5px 14px rgba(133,62,54,.24), inset 0 1px 0 rgba(255,255,255,.18);
}
.pm-hypothesis-deep-option:focus-visible { outline: 2px solid rgba(241,201,134,.85); outline-offset: 2px; }
.pm-hypothesis-deep-label {
  margin-top: 5px;
  text-align: center;
  color: #8d8377;
  font: 500 9px/1.2 Inter, system-ui, sans-serif;
}

.pm-hypothesis-chev {
  color: #d4a45d;
  opacity: .8;
  text-align: right;
}
.pm-hypothesis-chev .icon { width: 16px; height: 16px; }

.pm-hypothesis-foot-note {
  position: relative;
  z-index: 1;
  padding: 10px 18px 15px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #b5a589;
  font: 400 11px/1.45 Inter, system-ui, sans-serif;
}
.pm-hypothesis-foot-note .icon { flex: 0 0 auto; width: 14px; height: 14px; color: #d9bb80; }

.pm-hypothesis-evidence-wrap {
  position: relative;
  z-index: 1;
  max-height: calc(100vh - 142px);
  padding: 0 12px 12px;
  display: grid;
  gap: 9px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(215,164,93,.35) transparent;
}

.pm-hypothesis-evidence-card {
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(255,255,255,.021), rgba(255,255,255,.012));
}
.pm-hypothesis-evidence-card h3 {
  margin: 0 0 7px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #eadfce;
  font: 600 13px/1.25 Inter, system-ui, sans-serif;
}
.pm-hypothesis-evidence-card h3 .icon { width: 15px; height: 15px; }
.pm-hypothesis-evidence-card.positive h3 .icon { color: #b6c47a; }
.pm-hypothesis-evidence-card.neutral h3 .icon { color: #c2c5c9; }
.pm-hypothesis-evidence-card.negative h3 .icon { color: #d17665; }

.pm-hypothesis-evidence-list { display: grid; gap: 7px; }
.pm-hypothesis-evidence-row {
  padding: 7px 0;
  display: grid;
  grid-template-columns: 22px minmax(0,1fr) auto;
  gap: 9px;
  align-items: start;
  border-top: 1px solid rgba(255,255,255,.04);
}
.pm-hypothesis-evidence-row:first-child { border-top: 0; padding-top: 3px; }
.pm-hypothesis-evidence-icon {
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #d5ae70;
  background: rgba(255,255,255,.035);
}
.pm-hypothesis-evidence-icon .icon { width: 12px; height: 12px; }
.pm-hypothesis-evidence-text strong {
  display: block;
  color: #eee4d6;
  font: 600 12px/1.3 Inter, system-ui, sans-serif;
}
.pm-hypothesis-evidence-text small {
  display: block;
  margin-top: 3px;
  color: #a99b87;
  font: 400 10px/1.25 Inter, system-ui, sans-serif;
}
.pm-hypothesis-evidence-weight {
  padding-left: 5px;
  color: #d5c09e;
  font: 500 11px/1.25 Inter, system-ui, sans-serif;
  white-space: nowrap;
}
.pm-hypothesis-evidence-placeholder,
.pm-hypothesis-evidence-empty,
.pm-hypothesis-result-empty {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #918779;
  font: 400 11px/1.4 Inter, system-ui, sans-serif;
}
.pm-hypothesis-evidence-placeholder .icon { flex: 0 0 auto; color: #9a907f; }
.pm-hypothesis-evidence-empty { padding: 24px; justify-content: center; text-align: center; }

.pm-hypothesis-side-stack {
  position: relative;
  z-index: 1;
  padding: 0 12px 12px;
  display: grid;
  gap: 9px;
}

.pm-hypothesis-result-card,
.pm-hypothesis-compare-card,
.pm-hypothesis-actions-card {
  padding: 13px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 15px;
  background: linear-gradient(180deg, rgba(255,255,255,.021), rgba(255,255,255,.012));
}

.pm-hypothesis-gauge {
  --p: 0;
  position: relative;
  width: 170px;
  height: 100px;
  margin: 1px auto 0;
  overflow: hidden;
}
.pm-hypothesis-gauge::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 168px;
  height: 168px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: conic-gradient(from 180deg, rgba(255,255,255,.09) 0 28%, #d6a45d 28% calc(28% + (var(--p) * .44%)), rgba(255,255,255,.075) 0 100%);
  -webkit-mask: radial-gradient(circle at center, transparent 60%, #000 61%);
  mask: radial-gradient(circle at center, transparent 60%, #000 61%);
  filter: drop-shadow(0 0 15px rgba(214,164,93,.15));
}
.pm-hypothesis-gauge::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 132px;
  height: 132px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.03), rgba(14,20,29,.97) 72%);
}
.pm-hypothesis-gauge-value {
  position: absolute;
  z-index: 1;
  inset: 36px 0 auto;
  text-align: center;
}
.pm-hypothesis-gauge-value b {
  display: block;
  color: #f4dfb6;
  font: 400 30px/1 Georgia, "Times New Roman", serif;
}
.pm-hypothesis-gauge-value small {
  display: block;
  max-width: 160px;
  margin: 7px auto 0;
  color: #c8b89f;
  font: 400 10px/1.32 Inter, system-ui, sans-serif;
}
.pm-hypothesis-result-title {
  margin-top: 9px;
  color: #efd2a0;
  text-align: center;
  font: 400 16px/1.25 Georgia, "Times New Roman", serif;
}
.pm-hypothesis-verdict-card {
  margin-top: 12px;
  padding: 12px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 11px;
  align-items: start;
  border: 1px solid rgba(214,164,93,.17);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,207,127,.052), rgba(255,255,255,.011));
}
.pm-hypothesis-verdict-icon {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(214,164,93,.15);
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #d6a45d;
  background: rgba(214,164,93,.075);
}
.pm-hypothesis-verdict-icon .icon { width: 19px; height: 19px; }
.pm-hypothesis-verdict-card p {
  margin: 0;
  color: #dfcfb7;
  font: 400 11px/1.48 Inter, system-ui, sans-serif;
}

.pm-hypothesis-compare-card h3,
.pm-hypothesis-actions-card h3 {
  margin: 0 0 11px;
  color: #eadcc7;
  font: 400 15px/1.2 Georgia, "Times New Roman", serif;
  text-transform: uppercase;
}
.pm-hypothesis-compare-list { display: grid; gap: 9px; }
.pm-hypothesis-compare-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 96px 36px;
  gap: 9px;
  align-items: center;
  color: #e8dbc8;
  font: 400 11px/1.25 Inter, system-ui, sans-serif;
  opacity: .74;
  transition: opacity .2s ease;
}
.pm-hypothesis-compare-row.selected { opacity: 1; }
.pm-hypothesis-compare-row > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-hypothesis-compare-bar {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.075);
}
.pm-hypothesis-compare-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #d59c4f, #f0cf86);
  box-shadow: 0 0 10px rgba(213,156,79,.17);
}
.pm-hypothesis-compare-row small { color: #d3b888; font-weight: 700; text-align: right; }
.pm-hypothesis-compare-empty { margin: 0; color: #918779; font: 400 11px/1.4 Inter, system-ui, sans-serif; }

.pm-hypothesis-actions-card { display: grid; gap: 9px; }
.pm-hypothesis-primary-btn,
.pm-hypothesis-outline-btn {
  min-height: 44px;
  padding: 10px 13px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font: 700 12px/1.25 Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.pm-hypothesis-primary-btn {
  border: 1px solid rgba(235,186,98,.32);
  color: #fff5e7;
  background: linear-gradient(180deg, #c69144, #9e6c32);
  box-shadow: 0 13px 26px rgba(169,106,38,.17), inset 0 1px 0 rgba(255,255,255,.17);
}
.pm-hypothesis-outline-btn {
  border: 1px solid rgba(255,255,255,.09);
  color: #eadfce;
  background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.012));
}
.pm-hypothesis-primary-btn:hover:not(:disabled),
.pm-hypothesis-outline-btn:hover:not(:disabled) { transform: translateY(-1px); }
.pm-hypothesis-primary-btn:focus-visible,
.pm-hypothesis-outline-btn:focus-visible { outline: 2px solid rgba(241,201,134,.82); outline-offset: 2px; }
.pm-hypothesis-primary-btn:disabled,
.pm-hypothesis-outline-btn:disabled { cursor: not-allowed; opacity: .38; }

.pm-hypothesis-board__empty {
  min-height: 330px;
  padding: 40px;
  border: 1px solid rgba(231,194,137,.12);
  border-radius: 18px;
  display: grid;
  place-items: center;
  align-content: center;
  color: #9d927f;
  text-align: center;
  background: rgba(255,255,255,.012);
}
.pm-hypothesis-board__empty .icon { color: #9bc7ae; }
.pm-hypothesis-board__empty h2 { margin: 16px 0 6px; color: #e0e7f2; font: 500 24px/1.2 Georgia, serif; }
.pm-hypothesis-board__empty p { max-width: 520px; margin: 0; font: 400 13px/1.5 Inter, sans-serif; }

@media (max-width: 1320px) {
  .pm-hypothesis-board__layout {
    grid-template-columns: minmax(620px, 1fr) minmax(330px, 390px);
  }
  .pm-hypothesis-panel--result { grid-column: 1 / -1; }
  .pm-hypothesis-panel--result .pm-hypothesis-side-stack {
    grid-template-columns: minmax(280px, .75fr) minmax(360px, 1fr) minmax(260px, .7fr);
    align-items: stretch;
  }
  .pm-hypothesis-panel--result .pm-hypothesis-panel__head { display: none; }
  .pm-hypothesis-evidence-wrap { max-height: calc(100vh - 170px); }
}

@media (max-width: 1020px) {
  .pm-hypothesis-board { padding-inline: 6px; }
  .pm-hypothesis-board__shell { padding: 8px; border-radius: 22px; }
  .pm-hypothesis-board__layout { grid-template-columns: 1fr; }
  .pm-hypothesis-panel--result { grid-column: auto; }
  .pm-hypothesis-panel--result .pm-hypothesis-panel__head { display: flex; }
  .pm-hypothesis-panel--result .pm-hypothesis-side-stack { grid-template-columns: 1fr; }
  .pm-hypothesis-list,
  .pm-hypothesis-evidence-wrap { max-height: none; overflow: visible; }
  .pm-hypothesis-table-head { display: none; }
  .pm-hyp-row {
    grid-template-columns: 58px minmax(0,1fr) 98px 130px;
  }
  .pm-hypothesis-confirm-block { grid-column: 2 / span 2; }
  .pm-hypothesis-deep-cell { grid-column: 4; grid-row: 1 / span 2; }
  .pm-hypothesis-chev { display: none; }
}

@media (max-width: 680px) {
  .pm-hypothesis-board { padding: 0 4px 12px; }
  .pm-hypothesis-board__shell { margin-top: 6px; padding: 5px; border-radius: 18px; }
  .pm-hypothesis-panel { border-radius: 18px; }
  .pm-hypothesis-panel__head { padding: 13px 14px 11px; align-items: flex-start; flex-direction: column; }
  .pm-hypothesis-panel__meta { white-space: normal; }
  .pm-hyp-row {
    min-height: 0;
    padding: 11px;
    grid-template-columns: 48px minmax(0,1fr) 112px;
    gap: 9px;
  }
  .pm-hypothesis-order-box { width: 44px; height: 44px; border-radius: 11px; }
  .pm-hypothesis-order-box b { font-size: 19px; }
  .pm-hypothesis-main h3 { font-size: 16px; }
  .pm-hypothesis-main p { font-size: 10px; }
  .pm-hypothesis-metric-block { grid-column: 2; }
  .pm-hypothesis-confirm-block { grid-column: 2 / -1; }
  .pm-hypothesis-deep-cell { grid-column: 3; grid-row: 1 / span 2; }
  .pm-hypothesis-deep-toggle { width: 104px; }
  .pm-hypothesis-foot-note { padding: 10px 13px 13px; }
  .pm-hypothesis-evidence-row { grid-template-columns: 22px minmax(0,1fr); }
  .pm-hypothesis-evidence-weight { grid-column: 2; padding-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pm-hyp-row,
  .pm-hypothesis-deep-option,
  .pm-hypothesis-primary-btn,
  .pm-hypothesis-outline-btn { transition-duration: .01ms !important; }
}

/* ======================================================================
   v36.19.29 — intensity controls restyle only
   Visual layer for solo ordinal and sequential multi-slider controls.
   Scale values, auto-advance, collapse/reveal and answer semantics unchanged.
   ====================================================================== */

body .assessment-workspace .pm-severity-control,
body .assessment-workspace .sequential-matrix .matrix-slider-row {
  --intensity-cream: #ffe0aa;
  --intensity-coral: #ff9a77;
  --intensity-rose: #ed76a6;
  --intensity-violet: #a16bff;
  --intensity-violet-deep: #322552;
  --intensity-surface: #111126;
  --intensity-surface-soft: #1b1834;
  --intensity-muted: #8f829e;
  --intensity-spring: cubic-bezier(.22, 1, .36, 1);
}

/* Shared four-bar intensity glyph. */
body .assessment-workspace .pm-intensity-meter {
  position: relative;
  width: 54px;
  height: 48px;
  padding: 7px 8px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  flex: 0 0 auto;
  color: #c8b7d5;
  border: 1px solid rgba(190, 160, 220, .18);
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(100,57,149,.035)),
    rgba(9,10,30,.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -9px 16px rgba(16,8,38,.12);
  transition: transform .26s var(--intensity-spring), opacity .2s ease, filter .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body .assessment-workspace .pm-intensity-meter .pm-meter-bar {
  width: 5px;
  min-height: 6px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: rgba(196,177,214,.05);
  opacity: .18;
  transform-origin: center bottom;
  transition: opacity .2s ease, transform .28s var(--intensity-spring), background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body .assessment-workspace .pm-intensity-meter .pm-meter-bar:nth-child(1) { height: 28%; }
body .assessment-workspace .pm-intensity-meter .pm-meter-bar:nth-child(2) { height: 48%; }
body .assessment-workspace .pm-intensity-meter .pm-meter-bar:nth-child(3) { height: 70%; }
body .assessment-workspace .pm-intensity-meter .pm-meter-bar:nth-child(4) { height: 96%; }

body .assessment-workspace .pm-intensity-meter .pm-meter-zero {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 2px;
  border-radius: 999px;
  opacity: 0;
  transform: translate(-50%, -50%) scaleX(.7);
  background: linear-gradient(90deg, #cab9d8, #ffe0a7);
  box-shadow: 0 0 8px rgba(255,194,142,.18);
  transition: opacity .2s ease, transform .28s var(--intensity-spring);
}

body .assessment-workspace .pm-intensity-meter.level-0 .pm-meter-bar,
body .assessment-workspace [data-level="0"] .pm-intensity-meter.is-current .pm-meter-bar {
  opacity: .08;
  transform: scaleY(.82);
}

body .assessment-workspace .pm-intensity-meter.level-0 .pm-meter-zero,
body .assessment-workspace [data-level="0"] .pm-intensity-meter.is-current .pm-meter-zero {
  opacity: .92;
  transform: translate(-50%, -50%) scaleX(1);
}

body .assessment-workspace .pm-intensity-meter.level-1 .pm-meter-bar:nth-child(-n+1),
body .assessment-workspace .pm-intensity-meter.level-2 .pm-meter-bar:nth-child(-n+2),
body .assessment-workspace .pm-intensity-meter.level-3 .pm-meter-bar:nth-child(-n+3),
body .assessment-workspace .pm-intensity-meter.level-4 .pm-meter-bar:nth-child(-n+4),
body .assessment-workspace [data-level="1"] .pm-intensity-meter.is-current .pm-meter-bar:nth-child(-n+1),
body .assessment-workspace [data-level="2"] .pm-intensity-meter.is-current .pm-meter-bar:nth-child(-n+2),
body .assessment-workspace [data-level="3"] .pm-intensity-meter.is-current .pm-meter-bar:nth-child(-n+3),
body .assessment-workspace [data-level="4"] .pm-intensity-meter.is-current .pm-meter-bar:nth-child(-n+4) {
  opacity: 1;
  color: var(--intensity-cream);
  border-color: rgba(255,218,164,.86);
  background: linear-gradient(180deg, var(--intensity-cream), var(--intensity-coral) 58%, var(--intensity-violet));
  box-shadow: 0 0 8px rgba(255,151,112,.32);
  transform: scaleY(1.02);
}

/* Solo ordinal control. */
body .assessment-workspace .pm-severity-control {
  padding: 18px 20px 17px;
  border: 1px solid transparent;
  border-radius: 24px;
  overflow: visible;
  background:
    linear-gradient(148deg, rgba(29,27,59,.97), rgba(13,15,38,.98) 58%, rgba(17,15,43,.97)) padding-box,
    linear-gradient(115deg, rgba(255,215,166,.68), rgba(255,128,146,.30) 30%, rgba(153,105,255,.46) 68%, rgba(255,207,156,.52)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(89,58,140,.22),
    0 22px 52px rgba(0,0,0,.34),
    0 0 42px rgba(150,91,255,.10);
}

body .assessment-workspace .pm-severity-control::before { content: none; }

body .assessment-workspace .pm-severity-control__head {
  min-height: 58px;
  padding-bottom: 14px;
  margin-bottom: 11px;
  gap: 16px;
  border-bottom: 1px solid rgba(194,168,225,.14);
}

body .assessment-workspace .pm-severity-control__caption {
  color: #f5f0ec;
  font: 520 15px/1.25 Inter, system-ui, sans-serif;
  letter-spacing: .01em;
}

body .assessment-workspace .pm-severity-control__state {
  min-width: 205px;
  min-height: 56px;
  padding: 7px 13px 7px 9px;
  border: 1px solid transparent;
  border-radius: 17px;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 9px;
  color: var(--intensity-cream);
  background:
    linear-gradient(180deg, rgba(91,43,112,.94), rgba(43,25,72,.96)) padding-box,
    linear-gradient(100deg, rgba(255,189,140,.70), rgba(243,108,173,.68), rgba(157,95,255,.62)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -11px 20px rgba(37,17,69,.25),
    0 12px 28px rgba(16,8,35,.28),
    0 0 26px rgba(240,103,170,.10);
}

body .assessment-workspace .pm-severity-control__state-icon {
  width: 48px;
  height: 42px;
}

body .assessment-workspace .pm-severity-control__state-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

body .assessment-workspace .pm-severity-control__state small {
  color: #d9bfd1;
  font: 620 10px/1.15 Inter, system-ui, sans-serif;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body .assessment-workspace .pm-severity-control__state b {
  color: var(--intensity-cream);
  font: 680 16px/1.18 Inter, system-ui, sans-serif;
  white-space: nowrap;
}

body .assessment-workspace .pm-intensity-meter--state {
  width: 46px;
  height: 42px;
  padding: 7px;
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(50,29,78,.15));
}

body .assessment-workspace .pm-severity-control__rail {
  position: relative;
  height: 72px;
  margin: 0;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(5,7,24,.98), rgba(10,9,30,.98)) padding-box,
    linear-gradient(95deg, rgba(255,191,144,.40), rgba(236,111,169,.27), rgba(150,95,255,.46)) border-box;
  box-shadow:
    inset 0 8px 18px rgba(0,0,0,.30),
    inset 0 -1px 0 rgba(255,255,255,.035),
    0 14px 30px rgba(0,0,0,.25),
    0 0 34px rgba(125,69,226,.10);
}

body .assessment-workspace .pm-severity-control__rail::before { content: none; }

body .assessment-workspace .pm-severity-control__rail-surface {
  position: absolute;
  inset: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,203,159,.34);
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), transparent 42%),
    linear-gradient(90deg, #6b4a63 0%, #5d3c5d 34%, #4b3a71 66%, #2e2747 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -12px 18px rgba(25,12,48,.25), 0 0 18px rgba(241,111,164,.16);
  pointer-events: none;
}

body .assessment-workspace .pm-severity-control__rail-progress,
body .assessment-workspace .pm-severity-control__rail-sheen,
body .assessment-workspace .pm-severity-control__rail-glow {
  position: absolute;
  display: block;
  pointer-events: none;
}

body .assessment-workspace .pm-severity-control__rail-progress {
  z-index: 1;
  inset: 0;
  clip-path: inset(0 calc(100% - var(--ordinal-progress)) 0 0);
  background:
    linear-gradient(180deg, rgba(255,255,255,.19), transparent 40%),
    linear-gradient(90deg, var(--intensity-coral) 0%, var(--intensity-rose) 38%, var(--intensity-violet) 74%, #6350a5 100%);
  box-shadow: inset -1px 0 0 rgba(255,235,211,.30);
  transition: clip-path .36s var(--intensity-spring);
}

body .assessment-workspace .pm-severity-control__rail-sheen {
  z-index: 2;
  inset: 0;
  opacity: .72;
  background: linear-gradient(105deg, rgba(255,255,255,.16), transparent 25%, rgba(255,255,255,.055) 51%, transparent 76%);
  mix-blend-mode: screen;
}

body .assessment-workspace .pm-severity-control__rail-glow {
  z-index: 3;
  top: 8px;
  bottom: 8px;
  left: var(--ordinal-progress);
  width: 220px;
  transform: translateX(-50%);
  border-radius: 999px;
  opacity: .82;
  background: radial-gradient(ellipse at center, rgba(255,243,218,.23), rgba(255,157,116,.14) 28%, rgba(203,105,255,.09) 49%, transparent 72%);
  mix-blend-mode: screen;
  transition: left .36s var(--intensity-spring);
}

body .assessment-workspace .pm-severity-control .slider-rail-nodes {
  opacity: 0;
}

body .assessment-workspace .pm-severity-control input[type="range"] {
  inset: 0;
  height: 72px;
  opacity: 0;
  cursor: grab;
}

body .assessment-workspace .pm-severity-control input[type="range"]:active { cursor: grabbing; }

body .assessment-workspace .pm-severity-control__thumb-mark {
  left: clamp(32px, var(--ordinal-progress), calc(100% - 32px));
  top: 50%;
  width: 64px;
  height: 64px;
  border: 1px solid transparent;
  border-radius: 20px;
  color: var(--intensity-cream);
  background:
    linear-gradient(145deg, rgba(94,53,120,.98), rgba(35,23,62,.99)) padding-box,
    linear-gradient(135deg, var(--intensity-cream), var(--intensity-coral) 42%, #b46bff 100%) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -13px 21px rgba(20,8,43,.31),
    0 0 0 5px rgba(44,25,75,.70),
    0 11px 24px rgba(0,0,0,.34),
    0 0 24px rgba(255,156,110,.38),
    0 0 45px rgba(172,90,255,.20);
  transition: left .36s var(--intensity-spring), transform .22s var(--intensity-spring), box-shadow .2s ease;
}

body .assessment-workspace .pm-severity-control[data-state="editing"] .pm-severity-control__thumb-mark,
body .assessment-workspace .pm-severity-control[data-state="pending"] .pm-severity-control__thumb-mark {
  transform: translate(-50%, -50%) scaleX(1.045) scaleY(.98);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -13px 21px rgba(20,8,43,.31),
    0 0 0 6px rgba(65,37,100,.76),
    0 13px 28px rgba(0,0,0,.38),
    0 0 31px rgba(255,164,113,.52),
    0 0 60px rgba(173,91,255,.28);
}

body .assessment-workspace .pm-intensity-meter--thumb {
  width: 48px;
  height: 48px;
  padding: 7px 8px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 0 10px rgba(255,181,120,.26));
}

body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
  margin-top: 16px;
  border: 1px solid transparent;
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(24,20,49,.97), rgba(12,12,34,.98)) padding-box,
    linear-gradient(100deg, rgba(255,190,143,.22), rgba(161,105,232,.29), rgba(255,134,173,.21)) border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), inset 0 -17px 28px rgba(20,10,45,.14), 0 13px 30px rgba(0,0,0,.19);
}

body .assessment-workspace .pm-severity-control .slider-tick {
  min-height: 88px;
  padding: 10px 7px 9px;
  gap: 6px;
  color: #94889f;
  border-right: 1px solid rgba(143,111,181,.16);
  background: transparent;
  text-shadow: none;
  transition: color .2s ease, background .2s ease, transform .24s var(--intensity-spring), box-shadow .2s ease;
}

body .assessment-workspace .pm-severity-control .slider-tick:first-child { border-radius: 17px 0 0 17px; }
body .assessment-workspace .pm-severity-control .slider-tick:last-child { border-radius: 0 17px 17px 0; border-right: 0; }

body .assessment-workspace .pm-severity-control .slider-tick:hover:not(.active) {
  color: #d6c9dd;
  background: linear-gradient(180deg, rgba(166,106,236,.045), rgba(255,255,255,.003));
}

body .assessment-workspace .pm-severity-control .slider-tick.active {
  color: var(--intensity-cream);
  transform: translateY(-1px);
  background:
    linear-gradient(180deg, rgba(255,166,116,.17), rgba(177,94,221,.11) 64%, rgba(31,19,55,.07)),
    linear-gradient(90deg, rgba(255,255,255,.022), rgba(255,255,255,.006));
  box-shadow: inset 0 1px 0 rgba(255,226,188,.30), inset 0 -1px 0 rgba(174,104,255,.16), inset 0 0 30px rgba(247,104,164,.07), 0 0 27px rgba(229,102,168,.065);
}

body .assessment-workspace .pm-severity-control .slider-tick.active::before { content: none; }

body .assessment-workspace .pm-severity-control .slider-tick b {
  color: inherit;
  font: 670 12px/1.18 Inter, system-ui, sans-serif;
  text-shadow: 0 1px 2px rgba(0,0,0,.48);
}

body .assessment-workspace .pm-intensity-meter--choice {
  width: 46px;
  height: 43px;
  padding: 7px;
  border-radius: 13px;
  opacity: .53;
  filter: grayscale(.62) saturate(.55);
}

body .assessment-workspace .pm-severity-control .slider-tick:hover .pm-intensity-meter--choice {
  opacity: .72;
  transform: translateY(-1px);
}

body .assessment-workspace .pm-severity-control .slider-tick.active .pm-intensity-meter--choice {
  opacity: 1;
  filter: none;
  transform: translateY(-2px) scale(1.035);
  border-color: rgba(255,196,145,.40);
  background: linear-gradient(180deg, rgba(255,166,116,.09), rgba(167,97,231,.07)), rgba(23,15,45,.50);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), inset 0 -9px 16px rgba(16,8,38,.14), 0 0 21px rgba(255,145,105,.10);
}

/* Sequential multi-slider: same visual language, compact enough for the
   existing reveal/collapse envelope. */
body .assessment-workspace .sequential-matrix {
  gap: 12px;
}

body .assessment-workspace .sequential-matrix .matrix-slider-row {
  padding: 16px 17px 14px;
  border: 1px solid transparent;
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(148deg, rgba(29,27,55,.95), rgba(15,16,35,.97)) padding-box,
    linear-gradient(110deg, rgba(255,205,157,.29), rgba(237,113,167,.18), rgba(151,100,242,.30)) border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 13px 28px rgba(0,0,0,.18);
}

body .assessment-workspace .sequential-matrix .matrix-slider-row.active {
  border-color: transparent;
  background:
    radial-gradient(480px 160px at 0 0, rgba(230,118,158,.10), transparent 68%) padding-box,
    linear-gradient(148deg, rgba(32,29,59,.97), rgba(16,17,37,.98)) padding-box,
    linear-gradient(110deg, rgba(255,205,157,.52), rgba(237,113,167,.28), rgba(151,100,242,.44)) border-box;
  box-shadow: inset 3px 0 0 rgba(224,111,166,.76), inset 0 1px 0 rgba(255,255,255,.045), 0 16px 32px rgba(0,0,0,.22), 0 0 30px rgba(150,91,255,.07);
}

body .assessment-workspace .sequential-matrix .matrix-slider-row.waiting {
  border-color: transparent;
  background: linear-gradient(148deg, rgba(28,27,43,.66), rgba(16,17,29,.72)) padding-box,
    linear-gradient(110deg, rgba(255,255,255,.08), rgba(154,123,184,.10)) border-box;
}

body .assessment-workspace .sequential-matrix .matrix-row-heading {
  align-items: center;
  gap: 14px;
}

body .assessment-workspace .sequential-matrix .matrix-row-title b {
  color: #f2edf0;
  font: 520 17px/1.28 "PT Serif", Georgia, serif;
}

body .assessment-workspace .sequential-matrix .matrix-row-summary {
  gap: 7px;
}

body .assessment-workspace .sequential-matrix .matrix-row-state {
  min-width: 172px;
  min-height: 43px;
  padding: 4px 10px 4px 5px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(217,149,204,.25);
  border-radius: 14px;
  color: var(--intensity-cream);
  background: linear-gradient(180deg, rgba(76,40,99,.64), rgba(37,27,65,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

body .assessment-workspace .sequential-matrix .matrix-row-summary output {
  min-width: 0;
  color: #e8d9df;
  font: 680 11px/1.2 Inter, system-ui, sans-serif;
  letter-spacing: .012em;
  text-align: left;
}

body .assessment-workspace .sequential-matrix .matrix-row-summary output[data-matrix-status="answered"] {
  color: var(--intensity-cream);
}

body .assessment-workspace .sequential-matrix .matrix-row-summary output[data-matrix-status="waiting"] {
  color: #aa9eaf;
}

body .assessment-workspace .pm-intensity-meter--matrix-state {
  width: 38px;
  height: 34px;
  padding: 6px;
  gap: 3px;
  border: 0;
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

body .assessment-workspace .pm-intensity-meter--matrix-state .pm-meter-bar { width: 4px; }

body .assessment-workspace .sequential-matrix .matrix-collapse-toggle {
  width: 30px;
  height: 30px;
  border-color: rgba(194,159,218,.24);
  color: #ccb9d8;
  background: rgba(255,255,255,.035);
}

body .assessment-workspace .sequential-matrix .matrix-row-body {
  margin-top: 10px;
}

body .assessment-workspace .sequential-matrix .matrix-slider-hit-area {
  height: 58px;
  margin-top: 0;
  padding: 7px;
  border: 1px solid transparent;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(5,7,24,.98), rgba(10,9,30,.98)) padding-box,
    linear-gradient(95deg, rgba(255,191,144,.32), rgba(236,111,169,.22), rgba(150,95,255,.37)) border-box;
  box-shadow: inset 0 7px 15px rgba(0,0,0,.27), 0 10px 22px rgba(0,0,0,.18);
}

body .assessment-workspace .sequential-matrix .matrix-slider-hit-area::before { content: none; }

body .assessment-workspace .sequential-matrix .matrix-slider-rail-surface {
  position: absolute;
  inset: 7px;
  overflow: hidden;
  border: 1px solid rgba(255,203,159,.28);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 42%),
    linear-gradient(90deg, #68485f 0%, #573956 35%, #49376b 68%, #2b2542 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -9px 14px rgba(25,12,48,.22);
  pointer-events: none;
}

body .assessment-workspace .sequential-matrix .matrix-slider-rail-progress,
body .assessment-workspace .sequential-matrix .matrix-slider-rail-sheen,
body .assessment-workspace .sequential-matrix .matrix-slider-rail-glow {
  position: absolute;
  display: block;
  pointer-events: none;
}

body .assessment-workspace .sequential-matrix .matrix-slider-rail-progress {
  z-index: 1;
  inset: 0;
  clip-path: inset(0 calc(100% - var(--matrix-progress)) 0 0);
  background: linear-gradient(180deg, rgba(255,255,255,.16), transparent 42%), linear-gradient(90deg, var(--intensity-coral), var(--intensity-rose) 40%, var(--intensity-violet) 78%, #6350a5);
  transition: clip-path .32s var(--intensity-spring);
}

body .assessment-workspace .sequential-matrix .matrix-slider-rail-sheen {
  z-index: 2;
  inset: 0;
  opacity: .65;
  background: linear-gradient(105deg, rgba(255,255,255,.14), transparent 27%, rgba(255,255,255,.045) 53%, transparent 77%);
  mix-blend-mode: screen;
}

body .assessment-workspace .sequential-matrix .matrix-slider-rail-glow {
  z-index: 3;
  top: 5px;
  bottom: 5px;
  left: var(--matrix-progress);
  width: 150px;
  transform: translateX(-50%);
  border-radius: 999px;
  opacity: .72;
  background: radial-gradient(ellipse at center, rgba(255,243,218,.18), rgba(255,157,116,.11) 28%, rgba(203,105,255,.07) 50%, transparent 72%);
  mix-blend-mode: screen;
  transition: left .32s var(--intensity-spring);
}

body .assessment-workspace .sequential-matrix .matrix-slider-input {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 58px;
  margin: 0;
  opacity: 0;
  cursor: grab;
}

body .assessment-workspace .sequential-matrix .matrix-slider-input:active { cursor: grabbing; }

body .assessment-workspace .sequential-matrix .matrix-slider-input::-webkit-slider-thumb,
body .assessment-workspace .sequential-matrix .matrix-slider-input::-moz-range-thumb {
  opacity: 0;
}

body .assessment-workspace .sequential-matrix .matrix-slider-thumb-mark {
  position: absolute;
  z-index: 4;
  left: clamp(25px, var(--matrix-progress), calc(100% - 25px));
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(94,53,120,.98), rgba(35,23,62,.99)) padding-box,
    linear-gradient(135deg, var(--intensity-cream), var(--intensity-coral) 42%, #b46bff 100%) border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), inset 0 -10px 17px rgba(20,8,43,.28), 0 0 0 4px rgba(44,25,75,.64), 0 9px 20px rgba(0,0,0,.30), 0 0 20px rgba(255,156,110,.28);
  pointer-events: none;
  transition: left .32s var(--intensity-spring), transform .2s var(--intensity-spring), box-shadow .2s ease;
}

body .assessment-workspace .sequential-matrix .matrix-slider-row.active .matrix-slider-thumb-mark {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -10px 17px rgba(20,8,43,.28), 0 0 0 4px rgba(55,31,87,.70), 0 10px 22px rgba(0,0,0,.32), 0 0 25px rgba(255,156,110,.34), 0 0 42px rgba(172,90,255,.15);
}

body .assessment-workspace .pm-intensity-meter--matrix-thumb {
  width: 38px;
  height: 38px;
  padding: 6px;
  gap: 3px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
}

body .assessment-workspace .pm-intensity-meter--matrix-thumb .pm-meter-bar { width: 4px; }

body .assessment-workspace .sequential-matrix .matrix-scale {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(var(--matrix-choice-count), minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(154,111,192,.27);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(24,20,49,.92), rgba(12,12,34,.95));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

body .assessment-workspace .sequential-matrix .matrix-scale-button {
  min-height: 61px;
  padding: 6px 4px 5px;
  gap: 3px;
  border: 0;
  border-right: 1px solid rgba(143,111,181,.14);
  border-radius: 0;
  color: #95899f;
  background: transparent;
  text-shadow: none;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

body .assessment-workspace .sequential-matrix .matrix-scale-button:last-child { border-right: 0; }

body .assessment-workspace .sequential-matrix .matrix-scale-button:hover,
body .assessment-workspace .sequential-matrix .matrix-scale-button:focus-visible {
  color: #d7cadf;
  border-color: rgba(143,111,181,.14);
  background: linear-gradient(180deg, rgba(166,106,236,.045), rgba(255,255,255,.003));
}

body .assessment-workspace .sequential-matrix .matrix-scale-button.active {
  color: var(--intensity-cream);
  border-color: rgba(143,111,181,.14);
  background: linear-gradient(180deg, rgba(255,166,116,.15), rgba(177,94,221,.10) 64%, rgba(31,19,55,.06));
  box-shadow: inset 0 1px 0 rgba(255,226,188,.25), inset 0 0 24px rgba(247,104,164,.06);
}

body .assessment-workspace .sequential-matrix .matrix-scale-button span {
  color: inherit;
  font: 660 10px/1.13 Inter, system-ui, sans-serif;
  text-align: center;
}

body .assessment-workspace .pm-intensity-meter--matrix-choice {
  width: 35px;
  height: 32px;
  padding: 5px;
  gap: 3px;
  border-radius: 10px;
  opacity: .48;
  filter: grayscale(.68) saturate(.50);
}

body .assessment-workspace .pm-intensity-meter--matrix-choice .pm-meter-bar { width: 4px; }

body .assessment-workspace .sequential-matrix .matrix-scale-button.active .pm-intensity-meter--matrix-choice {
  opacity: 1;
  filter: none;
  transform: translateY(-1px) scale(1.035);
  border-color: rgba(255,196,145,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 16px rgba(255,145,105,.08);
}

body .assessment-workspace .sequential-matrix .matrix-slider-row.collapsed .matrix-row-state {
  min-height: 38px;
}

@media (max-width: 820px) {
  body .assessment-workspace .pm-severity-control {
    padding: 14px 11px 12px;
    border-radius: 20px;
  }

  body .assessment-workspace .pm-severity-control__head {
    align-items: flex-start;
    gap: 10px;
  }

  body .assessment-workspace .pm-severity-control__caption {
    max-width: 42%;
    padding-top: 4px;
    font-size: 12px;
  }

  body .assessment-workspace .pm-severity-control__state {
    min-width: 158px;
    min-height: 49px;
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 5px 9px 5px 6px;
  }

  body .assessment-workspace .pm-severity-control__state-icon,
  body .assessment-workspace .pm-intensity-meter--state {
    width: 40px;
    height: 38px;
  }

  body .assessment-workspace .pm-severity-control__state b { font-size: 13px; }

  body .assessment-workspace .pm-severity-control__rail {
    height: 64px;
    padding: 7px;
    border-radius: 19px;
  }

  body .assessment-workspace .pm-severity-control__rail-surface { inset: 7px; }
  body .assessment-workspace .pm-severity-control input[type="range"] { height: 64px; }
  body .assessment-workspace .pm-severity-control__thumb-mark {
    left: clamp(28px, var(--ordinal-progress), calc(100% - 28px));
    width: 56px;
    height: 56px;
    border-radius: 18px;
  }

  body .assessment-workspace .pm-intensity-meter--thumb {
    width: 43px;
    height: 43px;
  }

  body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
    grid-template-columns: repeat(var(--choice-count), minmax(102px, 1fr));
    overflow-x: auto;
  }

  body .assessment-workspace .pm-severity-control .slider-tick { min-height: 82px; }

  body .assessment-workspace .sequential-matrix .matrix-slider-row {
    padding: 14px 12px 12px;
  }

  body .assessment-workspace .sequential-matrix .matrix-row-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  body .assessment-workspace .sequential-matrix .matrix-row-summary {
    width: 100%;
    justify-content: space-between;
  }

  body .assessment-workspace .sequential-matrix .matrix-row-state {
    min-width: min(190px, calc(100% - 40px));
  }

  body .assessment-workspace .sequential-matrix .matrix-scale {
    grid-template-columns: repeat(var(--matrix-choice-count), minmax(88px, 1fr));
    overflow-x: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .assessment-workspace .pm-intensity-meter,
  body .assessment-workspace .pm-intensity-meter *,
  body .assessment-workspace .pm-severity-control__rail-progress,
  body .assessment-workspace .pm-severity-control__rail-glow,
  body .assessment-workspace .pm-severity-control__thumb-mark,
  body .assessment-workspace .matrix-slider-rail-progress,
  body .assessment-workspace .matrix-slider-rail-glow,
  body .assessment-workspace .matrix-slider-thumb-mark {
    transition: none !important;
  }
}

/* Compatibility hook retained for existing render-contract tests; the new
   bar meter is the visible glyph. */
body .assessment-workspace .pm-severity-control .slider-tick-icon {
  display: none;
}

/* Numeric range controls — reference restyle (visual layer only).
   Applies to integer_range, decimal_range and numeric_stepper through renderRange(). */
.assessment-workspace .premium-range-control {
  --numeric-thumb-size: 88px;
  --numeric-thumb-half: 44px;
  display: grid;
  gap: 24px;
}

.assessment-workspace .premium-range-control .choice-control-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 22px;
  align-items: stretch;
}

.assessment-workspace .premium-range-control .choice-measure-copy,
.assessment-workspace .premium-range-control .selection-state-card {
  min-height: 118px;
  position: relative;
  display: grid;
  grid-template-columns: 5px minmax(0, 1fr);
  align-content: center;
  column-gap: 22px;
  padding: 22px 26px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(43, 41, 75, .90), rgba(25, 27, 55, .94)) padding-box,
    linear-gradient(115deg, rgba(255, 207, 161, .27), rgba(153, 105, 255, .30)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    inset 0 -14px 24px rgba(20, 10, 45, .10),
    0 16px 34px rgba(0, 0, 0, .18);
}

.assessment-workspace .premium-range-control .choice-measure-copy::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  width: 4px;
  height: 58px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 225, 194, .16), rgba(255, 160, 113, .88), rgba(157, 108, 255, .60));
  box-shadow: 0 0 16px rgba(255, 150, 105, .14);
}

.assessment-workspace .premium-range-control .choice-measure-copy > span,
.assessment-workspace .premium-range-control .choice-measure-copy > small {
  grid-column: 2;
  min-width: 0;
}

.assessment-workspace .premium-range-control .choice-measure-copy > span {
  align-self: end;
  margin: 0 0 12px;
  color: #ffb28f;
  font-size: 12px;
  line-height: 1;
  font-weight: 820;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.assessment-workspace .premium-range-control .choice-measure-copy > small {
  align-self: start;
  color: #fff0dc;
  font-family: "PT Serif", Georgia, serif;
  font-size: clamp(23px, 1.75vw, 32px);
  line-height: 1.05;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.assessment-workspace .premium-range-control .selection-state-card {
  grid-template-columns: 5px minmax(0, 1fr);
  gap: 22px;
  background:
    linear-gradient(145deg, rgba(24, 25, 55, .98), rgba(14, 16, 41, .98)) padding-box,
    linear-gradient(105deg, rgba(255, 183, 135, .56), rgba(236, 111, 169, .36), rgba(150, 95, 255, .74)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    inset 0 -16px 26px rgba(20, 10, 45, .14),
    0 18px 38px rgba(0, 0, 0, .25),
    0 0 34px rgba(136, 82, 234, .10);
}

.assessment-workspace .premium-range-control .selection-state-card[data-state="editing"],
.assessment-workspace .premium-range-control .selection-state-card[data-state="pending"] {
  border-color: transparent;
  transform: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    inset 0 -16px 26px rgba(20, 10, 45, .14),
    0 18px 38px rgba(0, 0, 0, .27),
    0 0 42px rgba(157, 95, 255, .17);
}

.assessment-workspace .premium-range-control .selection-state-icon {
  grid-column: 1;
  width: 4px;
  height: 58px;
  align-self: center;
  border-radius: 999px;
  color: transparent;
  background: linear-gradient(180deg, rgba(255, 225, 194, .12), rgba(239, 117, 170, .84), rgba(157, 108, 255, .86));
  box-shadow: 0 0 18px rgba(157, 108, 255, .16);
}

.assessment-workspace .premium-range-control .selection-state-icon .icon { display: none; }

.assessment-workspace .premium-range-control .selection-state-copy {
  grid-column: 2;
  align-content: center;
}

.assessment-workspace .premium-range-control .selection-state-copy > small {
  margin-bottom: 8px;
  color: #c8bad9;
  font-size: 12px;
  line-height: 1;
  font-weight: 820;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.assessment-workspace .premium-range-control .selection-state-copy > b {
  color: #fff0dc;
  font-family: "PT Serif", Georgia, serif;
  font-size: clamp(25px, 2vw, 36px);
  line-height: 1;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.assessment-workspace .premium-range-control .selection-state-copy em {
  color: #e9e0ef;
  font-family: "PT Serif", Georgia, serif;
  font-size: clamp(18px, 1.35vw, 25px);
  font-weight: 700;
}

.assessment-workspace .premium-range-control .selection-state-caption {
  margin-top: 9px;
  color: #9f91bf;
  font-size: 12px;
  line-height: 1.35;
}

.assessment-workspace .premium-range-control .selection-countdown-outline {
  display: none !important;
}

.assessment-workspace .premium-range-control .range-stage {
  margin-top: 0;
  padding: 28px 28px 22px;
  overflow: visible;
  border: 1px solid transparent;
  border-radius: 27px;
  background:
    linear-gradient(180deg, rgba(7, 9, 27, .98), rgba(11, 10, 31, .99)) padding-box,
    linear-gradient(100deg, rgba(255, 191, 144, .45), rgba(236, 111, 169, .31), rgba(150, 95, 255, .52)) border-box;
  box-shadow:
    inset 0 10px 26px rgba(0, 0, 0, .32),
    inset 0 -1px 0 rgba(255, 255, 255, .04),
    0 18px 38px rgba(0, 0, 0, .30),
    0 0 44px rgba(125, 69, 226, .12);
}

.assessment-workspace .premium-range-control .range-hit-area {
  height: 98px;
  margin: 0;
  overflow: visible;
  cursor: grab;
}

.assessment-workspace .premium-range-control .range-hit-area:active { cursor: grabbing; }

.assessment-workspace .premium-range-control .range-hit-area::before {
  left: 0;
  right: 0;
  top: 50%;
  height: 70px;
  border: 1px solid rgba(255, 203, 159, .38);
  border-radius: 20px;
  background:
    linear-gradient(105deg, rgba(255, 255, 255, .17), transparent 25%, rgba(255, 255, 255, .06) 51%, transparent 76%),
    linear-gradient(90deg, #ff9e72 0%, #ed76a6 43%, #a16bff 78%, #6350a5 100%) 0 0 / var(--range-progress) 100% no-repeat,
    linear-gradient(90deg, #6b4a63 0%, #5d3c5d 34%, #4b3a71 66%, #2e2747 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .25),
    inset 0 -16px 24px rgba(25, 12, 48, .30),
    0 0 22px rgba(241, 111, 164, .22);
  transition: background-size 90ms linear;
}

.assessment-workspace .premium-range-control .range-hit-area::after {
  left: var(--numeric-thumb-half);
  right: var(--numeric-thumb-half);
  top: 50%;
  bottom: auto;
  height: 42px;
  opacity: .30;
  transform: translateY(-50%);
  background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(255, 231, 207, .46) calc(25% - 1px) 25%);
  mask: linear-gradient(to bottom, transparent 0 5px, #000 5px calc(100% - 5px), transparent calc(100% - 5px));
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"] {
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 98px;
  cursor: grab;
  touch-action: none;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]:active { cursor: grabbing; }

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-runnable-track {
  height: 98px;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-track {
  height: 98px;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-thumb {
  width: var(--numeric-thumb-size);
  height: var(--numeric-thumb-size);
  margin-top: 5px;
  border: 0;
  border-radius: 28px;
  background: transparent;
  box-shadow: none;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-thumb {
  width: var(--numeric-thumb-size);
  height: var(--numeric-thumb-size);
  border: 0;
  border-radius: 28px;
  background: transparent;
  box-shadow: none;
}

.assessment-workspace .premium-range-control .range-thumb-display {
  width: var(--numeric-thumb-size);
  height: var(--numeric-thumb-size);
  z-index: 4;
  left: clamp(var(--numeric-thumb-half), var(--range-progress), calc(100% - var(--numeric-thumb-half)));
  border: 1px solid transparent;
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(94, 53, 120, .98), rgba(35, 23, 62, .99)) padding-box,
    linear-gradient(135deg, #ffe0a5, #ff9d79 42%, #b46bff 100%) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    inset 0 -16px 26px rgba(20, 8, 43, .34),
    0 0 0 6px rgba(44, 25, 75, .72),
    0 14px 30px rgba(0, 0, 0, .38),
    0 0 28px rgba(255, 156, 110, .48),
    0 0 58px rgba(172, 90, 255, .25);
  transition: left 90ms linear, transform 230ms cubic-bezier(.22, 1, .36, 1), box-shadow 220ms ease;
}

.assessment-workspace .premium-range-control[data-state="editing"] .range-thumb-display,
.assessment-workspace .premium-range-control[data-state="pending"] .range-thumb-display {
  transform: translate(-50%, -50%) scaleX(1.045) scaleY(.98);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    inset 0 -16px 26px rgba(20, 8, 43, .34),
    0 0 0 7px rgba(65, 37, 100, .78),
    0 16px 34px rgba(0, 0, 0, .42),
    0 0 36px rgba(255, 164, 113, .64),
    0 0 74px rgba(173, 91, 255, .35);
}

.assessment-workspace .premium-range-control .range-thumb-display output {
  color: #fff0d8;
  font-family: "PT Serif", Georgia, serif;
  font-size: 27px;
  line-height: 1;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 14px rgba(255, 177, 122, .20);
}

.assessment-workspace .premium-range-control[data-touched="false"] .range-thumb-display {
  opacity: 1;
}

.assessment-workspace .premium-range-control[data-touched="false"] .range-thumb-display output {
  visibility: hidden;
}

.assessment-workspace .premium-range-control[data-touched="false"] .range-thumb-display::after {
  content: "—";
  width: auto;
  height: auto;
  color: #fff0d8;
  background: none;
  font-family: "PT Serif", Georgia, serif;
  font-size: 29px;
  line-height: 1;
  font-weight: 700;
}

.assessment-workspace .premium-range-control .range-scale {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  margin-top: 24px;
  padding: 0 5px;
  color: #a99dbd;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.assessment-workspace .premium-range-control .range-scale span {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.assessment-workspace .premium-range-control .range-scale span:first-child {
  justify-content: flex-start;
  color: #d6c8e3;
  text-align: left;
}

.assessment-workspace .premium-range-control .range-scale span:last-child {
  justify-content: flex-end;
  color: #d6c8e3;
  text-align: right;
}

@media (max-width: 900px) {
  .assessment-workspace .premium-range-control .choice-control-head {
    grid-template-columns: 1fr;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy,
  .assessment-workspace .premium-range-control .selection-state-card {
    min-height: 104px;
  }
}

@media (max-width: 600px) {
  .assessment-workspace .premium-range-control {
    --numeric-thumb-size: 72px;
    --numeric-thumb-half: 36px;
    gap: 18px;
  }

  .assessment-workspace .premium-range-control .choice-control-head { gap: 14px; }

  .assessment-workspace .premium-range-control .choice-measure-copy,
  .assessment-workspace .premium-range-control .selection-state-card {
    min-height: 94px;
    gap: 16px;
    padding: 18px 19px;
    border-radius: 19px;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy::before,
  .assessment-workspace .premium-range-control .selection-state-icon { height: 48px; }

  .assessment-workspace .premium-range-control .choice-measure-copy > small { font-size: 24px; }

  .assessment-workspace .premium-range-control .selection-state-copy > b { font-size: 27px; }

  .assessment-workspace .premium-range-control .range-stage {
    padding: 20px 12px 16px;
    border-radius: 22px;
  }

  .assessment-workspace .premium-range-control .range-hit-area,
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"] {
    height: 78px;
  }

  .assessment-workspace .premium-range-control .range-hit-area::before {
    height: 58px;
    border-radius: 16px;
  }

  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-runnable-track,
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-track {
    height: 78px;
  }

  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-thumb {
    margin-top: 3px;
    border-radius: 23px;
  }

  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-thumb,
  .assessment-workspace .premium-range-control .range-thumb-display {
    border-radius: 23px;
  }

  .assessment-workspace .premium-range-control .range-thumb-display output { font-size: 22px; }

  .assessment-workspace .premium-range-control .range-scale {
    margin-top: 18px;
    padding: 0 4px;
    font-size: 11px;
  }
}

/* ======================================================================
   v36.19.28 refinement
   - restore the restrained pre-reference choice-card palette and scale;
   - keep the current icon markup;
   - compact solo slider framing without shrinking the thumb;
   - halve the visible rail height while preserving the full hit area;
   - emphasize intensity glyphs on hover/focus, not after selection.
   ====================================================================== */

/* Solo intensity slider: smaller framing and label band. */
body .assessment-workspace .pm-severity-control {
  padding: 14px 16px 13px;
  border-radius: 20px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(89,58,140,.22),
    0 16px 38px rgba(0,0,0,.29),
    0 0 32px rgba(150,91,255,.08);
}

body .assessment-workspace .pm-severity-control__head {
  min-height: 48px;
  padding-bottom: 10px;
  margin-bottom: 7px;
  gap: 13px;
}

body .assessment-workspace .pm-severity-control__caption {
  font-size: 14px;
  line-height: 1.22;
}

body .assessment-workspace .pm-severity-control__state {
  min-width: 182px;
  min-height: 48px;
  padding: 5px 11px 5px 7px;
  border-radius: 15px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 8px;
}

body .assessment-workspace .pm-severity-control__state-icon,
body .assessment-workspace .pm-intensity-meter--state {
  width: 40px;
  height: 36px;
}

body .assessment-workspace .pm-intensity-meter--state {
  padding: 6px;
  border-radius: 11px;
}

body .assessment-workspace .pm-severity-control__state b {
  font-size: 14px;
  line-height: 1.16;
}

/* The interaction area stays tall; only the visible rail is halved. */
body .assessment-workspace .pm-severity-control__rail {
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
}

body .assessment-workspace .pm-severity-control__rail-surface {
  inset: auto 0;
  top: 50%;
  height: 28px;
  transform: translateY(-50%);
  border-radius: 10px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -6px 10px rgba(25,12,48,.23),
    0 0 14px rgba(241,111,164,.13);
}

body .assessment-workspace .pm-severity-control__rail-glow {
  top: 3px;
  bottom: 3px;
}

body .assessment-workspace .pm-severity-control input[type="range"] {
  height: 64px;
}

body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
  margin-top: 11px;
}

body .assessment-workspace .pm-severity-control .slider-tick {
  min-height: 70px;
  padding: 7px 6px 6px;
  gap: 4px;
}

body .assessment-workspace .pm-severity-control .slider-tick b {
  font-size: 11px;
  line-height: 1.15;
}

body .assessment-workspace .pm-intensity-meter--choice {
  width: 40px;
  height: 36px;
  padding: 6px;
  border-radius: 11px;
}

/* Selection still changes the answer cell, but the glyph itself lights only
   while the pointer or keyboard focus is over the option. */
body .assessment-workspace .pm-severity-control .slider-tick.active:not(:hover):not(:focus-visible) .pm-intensity-meter--choice {
  opacity: .53;
  filter: grayscale(.62) saturate(.55);
  transform: none;
  border-color: rgba(190,160,220,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(100,57,149,.035)),
    rgba(9,10,30,.25);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -9px 16px rgba(16,8,38,.12);
}

body .assessment-workspace .pm-severity-control .slider-tick:hover .pm-intensity-meter--choice,
body .assessment-workspace .pm-severity-control .slider-tick:focus-visible .pm-intensity-meter--choice {
  opacity: 1;
  filter: none;
  transform: translateY(-2px) scale(1.035);
  border-color: rgba(255,196,145,.40);
  background:
    linear-gradient(180deg, rgba(255,166,116,.09), rgba(167,97,231,.07)),
    rgba(23,15,45,.50);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -8px 14px rgba(16,8,38,.14),
    0 0 20px rgba(255,145,105,.10);
}

/* Sequential matrix sliders use the same thinner visual rail. */
body .assessment-workspace .sequential-matrix .matrix-slider-hit-area {
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
}

body .assessment-workspace .sequential-matrix .matrix-slider-rail-surface {
  inset: auto 0;
  top: 50%;
  height: 22px;
  transform: translateY(-50%);
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -5px 8px rgba(25,12,48,.21);
}

body .assessment-workspace .sequential-matrix .matrix-slider-rail-glow {
  top: 2px;
  bottom: 2px;
}

body .assessment-workspace .sequential-matrix .matrix-slider-input {
  height: 52px;
}

body .assessment-workspace .sequential-matrix .matrix-scale-button.active:not(:hover):not(:focus-visible) .pm-intensity-meter--matrix-choice {
  opacity: .48;
  filter: grayscale(.68) saturate(.50);
  transform: none;
  border-color: rgba(190,160,220,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -9px 16px rgba(16,8,38,.12);
}

body .assessment-workspace .sequential-matrix .matrix-scale-button:hover .pm-intensity-meter--matrix-choice,
body .assessment-workspace .sequential-matrix .matrix-scale-button:focus-visible .pm-intensity-meter--matrix-choice {
  opacity: 1;
  filter: none;
  transform: translateY(-1px) scale(1.035);
  border-color: rgba(255,196,145,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 16px rgba(255,145,105,.08);
}

/* Numeric solo sliders: smaller supporting cards and panel; thumb remains 88px. */
.assessment-workspace .premium-range-control {
  gap: 16px;
}

.assessment-workspace .premium-range-control .choice-control-head {
  gap: 16px;
}

.assessment-workspace .premium-range-control .choice-measure-copy,
.assessment-workspace .premium-range-control .selection-state-card {
  min-height: 92px;
  column-gap: 16px;
  padding: 16px 20px;
  border-radius: 18px;
}

.assessment-workspace .premium-range-control .choice-measure-copy::before,
.assessment-workspace .premium-range-control .selection-state-icon {
  height: 44px;
}

.assessment-workspace .premium-range-control .choice-measure-copy > span {
  margin-bottom: 8px;
}

.assessment-workspace .premium-range-control .choice-measure-copy > small {
  font-size: clamp(21px, 1.55vw, 28px);
}

.assessment-workspace .premium-range-control .selection-state-card {
  gap: 16px;
}

.assessment-workspace .premium-range-control .selection-state-copy > small {
  margin-bottom: 6px;
}

.assessment-workspace .premium-range-control .selection-state-copy > b {
  font-size: clamp(23px, 1.75vw, 31px);
}

.assessment-workspace .premium-range-control .selection-state-copy em {
  font-size: clamp(17px, 1.2vw, 22px);
}

.assessment-workspace .premium-range-control .selection-state-caption {
  margin-top: 6px;
}

.assessment-workspace .premium-range-control .range-stage {
  padding: 18px 20px 14px;
  border-radius: 22px;
}

.assessment-workspace .premium-range-control .range-hit-area,
.assessment-workspace .premium-range-control .range-hit-area input[type="range"] {
  height: 90px;
}

.assessment-workspace .premium-range-control .range-hit-area::before {
  height: 35px;
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -8px 13px rgba(25,12,48,.28),
    0 0 18px rgba(241,111,164,.18);
}

.assessment-workspace .premium-range-control .range-hit-area::after {
  height: 22px;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-runnable-track,
.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-track {
  height: 90px;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-thumb {
  margin-top: 1px;
}

.assessment-workspace .premium-range-control .range-scale {
  margin-top: 14px;
}

.assessment-workspace .premium-range-control .range-scale span {
  min-height: 28px;
}

@media (max-width: 820px) {
  body .assessment-workspace .pm-severity-control {
    padding: 12px 10px 10px;
    border-radius: 18px;
  }

  body .assessment-workspace .pm-severity-control__head {
    min-height: 44px;
    padding-bottom: 8px;
    margin-bottom: 5px;
  }

  body .assessment-workspace .pm-severity-control__state {
    min-width: 158px;
    min-height: 45px;
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 4px 8px 4px 5px;
  }

  body .assessment-workspace .pm-severity-control__state-icon,
  body .assessment-workspace .pm-intensity-meter--state {
    width: 38px;
    height: 34px;
  }

  body .assessment-workspace .pm-severity-control__rail {
    height: 58px;
  }

  body .assessment-workspace .pm-severity-control__rail-surface {
    height: 25px;
    border-radius: 9px;
  }

  body .assessment-workspace .pm-severity-control input[type="range"] {
    height: 58px;
  }

  body .assessment-workspace .pm-severity-control .slider-tick {
    min-height: 66px;
  }
}

@media (max-width: 600px) {
  .assessment-workspace .premium-range-control {
    gap: 13px;
  }

  .assessment-workspace .premium-range-control .choice-control-head {
    gap: 11px;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy,
  .assessment-workspace .premium-range-control .selection-state-card {
    min-height: 82px;
    gap: 13px;
    padding: 14px 16px;
    border-radius: 17px;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy::before,
  .assessment-workspace .premium-range-control .selection-state-icon {
    height: 40px;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy > small {
    font-size: 21px;
  }

  .assessment-workspace .premium-range-control .selection-state-copy > b {
    font-size: 24px;
  }

  .assessment-workspace .premium-range-control .range-stage {
    padding: 14px 10px 10px;
    border-radius: 19px;
  }

  .assessment-workspace .premium-range-control .range-hit-area,
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"] {
    height: 74px;
  }

  .assessment-workspace .premium-range-control .range-hit-area::before {
    height: 29px;
    border-radius: 10px;
  }

  .assessment-workspace .premium-range-control .range-hit-area::after {
    height: 18px;
  }

  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-runnable-track,
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-track {
    height: 74px;
  }

  .assessment-workspace .premium-range-control .range-scale {
    margin-top: 11px;
  }
}

/* ======================================================================
   Responsive collapsible assessment header and attached workspace
   ====================================================================== */

.assessment-hero .hero-stage-toggle {
  width: fit-content;
  max-width: 100%;
  min-height: 26px;
  margin: 0 0 7px;
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: default;
}

.assessment-hero .hero-stage-toggle:disabled {
  opacity: 1;
}

.assessment-hero .hero-stage-toggle .hero-stage-label {
  margin: 0;
}

.assessment-hero .hero-stage-toggle-state {
  display: none;
  align-items: center;
  gap: 7px;
  color: #9f98a5;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
  text-transform: none;
  white-space: nowrap;
}

.assessment-hero .hero-stage-toggle-state .icon {
  width: 14px;
  height: 14px;
  color: var(--warm);
  transition: transform .28s ease;
}


.assessment-hero .hero-boundary-toggle {
  display: none;
  position: absolute;
  z-index: 18;
  left: 50%;
  bottom: -21px;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(230, 161, 127, .62);
  border-radius: 50%;
  color: #f5dfd3;
  background:
    linear-gradient(145deg, rgba(72, 45, 72, .98), rgba(24, 22, 39, .99)) padding-box,
    linear-gradient(135deg, rgba(255, 211, 178, .86), rgba(231, 137, 155, .62), rgba(155, 117, 208, .78)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 0 -8px 15px rgba(7, 7, 18, .22),
    0 8px 22px rgba(0, 0, 0, .38),
    0 0 24px rgba(155, 117, 208, .15);
  transform: translateX(-50%);
  cursor: pointer;
  transition: transform .24s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.assessment-hero .hero-boundary-toggle .icon {
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
  transition: transform .28s ease;
}

.assessment-hero .hero-boundary-toggle:hover {
  transform: translateX(-50%) translateY(-2px);
  border-color: rgba(255, 211, 178, .9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .15),
    inset 0 -8px 15px rgba(7, 7, 18, .2),
    0 11px 26px rgba(0, 0, 0, .42),
    0 0 30px rgba(230, 161, 127, .2);
}

.assessment-hero .hero-boundary-toggle:focus-visible {
  outline: 2px solid rgba(255, 222, 190, .95);
  outline-offset: 3px;
}

.assessment-hero.is-collapsed .hero-boundary-toggle .icon {
  transform: rotate(0deg);
}

.assessment-hero .hero-copy-details {
  max-height: 150px;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition: max-height .32s ease, opacity .22s ease, transform .3s ease;
}

@media (min-width: 901px) {
  .assessment-page {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .assessment-workspace {
    padding-top: 10px;
  }
}

@media (max-width: 1366px), (max-height: 900px), (pointer: coarse) {
  .assessment-hero {
    transition: min-height .34s ease, grid-template-rows .34s ease, padding-bottom .34s ease;
  }

  .assessment-hero.collapse-enabled .hero-stage-toggle {
    width: 100%;
    cursor: pointer;
  }

  .assessment-hero.collapse-enabled .hero-boundary-toggle {
    display: grid;
  }

  .assessment-hero.collapse-enabled .hero-stage-toggle:focus-visible {
    outline: 1px solid rgba(230,161,127,.72);
    outline-offset: 5px;
    border-radius: 5px;
  }

  .assessment-hero.collapse-enabled .hero-stage-toggle-state {
    display: inline-flex;
  }

  .assessment-workspace {
    padding-top: 26px;
  }

  .assessment-hero .hero-progress-card,
  .assessment-hero .hero-module-progress {
    max-height: 120px;
    opacity: 1;
    transform: translateY(0);
    transition:
      max-height .32s ease,
      min-height .32s ease,
      padding .32s ease,
      margin .32s ease,
      border-width .22s ease,
      opacity .2s ease,
      transform .3s ease;
  }

  .assessment-hero.is-collapsed {
    min-height: 118px;
    padding-bottom: 0;
    grid-template-rows: 72px 46px 0;
    overflow: visible;
  }

  .assessment-hero.is-collapsed .hero-content {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: center;
    padding: 0;
  }

  .assessment-hero.is-collapsed .hero-copy {
    width: 100%;
    max-width: none;
  }

  .assessment-hero.is-collapsed .hero-stage-toggle {
    min-height: 46px;
    margin: 0;
  }

  .assessment-hero.is-collapsed .hero-stage-toggle-state .icon {
    transform: rotate(180deg);
  }

  .assessment-hero.is-collapsed .hero-copy-details,
  .assessment-hero.is-collapsed .hero-progress-card,
  .assessment-hero.is-collapsed .hero-module-progress {
    max-height: 0;
    min-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
  }

  .assessment-hero.is-collapsed .hero-progress-card {
    position: absolute;
    visibility: hidden;
  }
}

@media (max-width: 900px) {
  .assessment-hero.is-collapsed {
    min-height: 112px;
    grid-template-rows: 68px 44px 0;
  }

  .assessment-hero.is-collapsed .hero-stage-toggle {
    min-height: 44px;
  }

  .assessment-workspace {
    padding-top: 26px;
  }
}

@media (max-width: 620px) {
  .assessment-hero .hero-stage-toggle-state span {
    display: none;
  }
}

/* ======================================================================
   Solo intensity slider aligned to the sequential matrix scale
   Keeps ordinal logic intact while removing the visual size jump.
   ====================================================================== */
body .assessment-workspace .pm-severity-control {
  padding: 16px 17px 14px;
  border-radius: 20px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 13px 28px rgba(0,0,0,.20),
    0 0 30px rgba(150,91,255,.07);
}

body .assessment-workspace .pm-severity-control__head {
  min-height: 43px;
  padding-bottom: 0;
  margin-bottom: 10px;
  gap: 14px;
  border-bottom: 0;
}

body .assessment-workspace .pm-severity-control__caption {
  font: 520 17px/1.28 "PT Serif", Georgia, serif;
}

body .assessment-workspace .pm-severity-control__state {
  min-width: 172px;
  min-height: 43px;
  padding: 4px 10px 4px 5px;
  border-radius: 14px;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 8px;
  background: linear-gradient(180deg, rgba(76,40,99,.64), rgba(37,27,65,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

body .assessment-workspace .pm-severity-control__state-icon,
body .assessment-workspace .pm-intensity-meter--state {
  width: 38px;
  height: 34px;
}

body .assessment-workspace .pm-intensity-meter--state {
  padding: 6px;
  gap: 3px;
  border-radius: 10px;
}

body .assessment-workspace .pm-intensity-meter--state .pm-meter-bar {
  width: 4px;
}

body .assessment-workspace .pm-severity-control__state small {
  font-size: 8px;
  line-height: 1.05;
}

body .assessment-workspace .pm-severity-control__state b {
  font-size: 11px;
  line-height: 1.15;
}

body .assessment-workspace .pm-severity-control__state .selection-state-caption {
  display: none;
}

body .assessment-workspace .pm-severity-control__rail,
body .assessment-workspace .pm-severity-control input[type="range"] {
  height: 52px;
}

body .assessment-workspace .pm-severity-control__rail {
  border-radius: 16px;
}

body .assessment-workspace .pm-severity-control__rail-surface {
  height: 22px;
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -5px 8px rgba(25,12,48,.21);
}

body .assessment-workspace .pm-severity-control__rail-glow {
  top: 2px;
  bottom: 2px;
  width: 150px;
}

body .assessment-workspace .pm-severity-control__thumb-mark {
  left: clamp(25px, var(--ordinal-progress), calc(100% - 25px));
  width: 50px;
  height: 50px;
  border-radius: 16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -10px 17px rgba(20,8,43,.28),
    0 0 0 4px rgba(44,25,75,.64),
    0 9px 20px rgba(0,0,0,.30),
    0 0 20px rgba(255,156,110,.28);
}

body .assessment-workspace .pm-severity-control[data-state="editing"] .pm-severity-control__thumb-mark,
body .assessment-workspace .pm-severity-control[data-state="pending"] .pm-severity-control__thumb-mark {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -10px 17px rgba(20,8,43,.28),
    0 0 0 4px rgba(55,31,87,.70),
    0 10px 22px rgba(0,0,0,.32),
    0 0 25px rgba(255,156,110,.34),
    0 0 42px rgba(172,90,255,.15);
}

body .assessment-workspace .pm-intensity-meter--thumb {
  width: 38px;
  height: 38px;
  padding: 6px;
  gap: 3px;
  border-radius: 11px;
}

body .assessment-workspace .pm-intensity-meter--thumb .pm-meter-bar {
  width: 4px;
}

body .assessment-workspace .pm-severity-control .pm-severity-control__choices {
  margin-top: 8px;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

body .assessment-workspace .pm-severity-control .slider-tick {
  min-height: 61px;
  padding: 6px 4px 5px;
  gap: 3px;
}

body .assessment-workspace .pm-severity-control .slider-tick:first-child {
  border-radius: 13px 0 0 13px;
}

body .assessment-workspace .pm-severity-control .slider-tick:last-child {
  border-radius: 0 13px 13px 0;
}

body .assessment-workspace .pm-severity-control .slider-tick b {
  font-size: 10px;
  line-height: 1.13;
}

body .assessment-workspace .pm-intensity-meter--choice {
  width: 35px;
  height: 32px;
  padding: 5px;
  gap: 3px;
  border-radius: 10px;
}

body .assessment-workspace .pm-intensity-meter--choice .pm-meter-bar {
  width: 4px;
}

@media (max-width: 820px) {
  body .assessment-workspace .pm-severity-control {
    padding: 14px 12px 12px;
    border-radius: 20px;
  }

  body .assessment-workspace .pm-severity-control__head {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  body .assessment-workspace .pm-severity-control__caption {
    max-width: none;
    padding-top: 0;
    font-size: 17px;
  }

  body .assessment-workspace .pm-severity-control__state {
    width: 100%;
    min-width: 0;
    min-height: 43px;
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 4px 10px 4px 5px;
  }

  body .assessment-workspace .pm-severity-control__state-icon,
  body .assessment-workspace .pm-intensity-meter--state {
    width: 38px;
    height: 34px;
  }

  body .assessment-workspace .pm-severity-control__rail,
  body .assessment-workspace .pm-severity-control input[type="range"] {
    height: 52px;
  }

  body .assessment-workspace .pm-severity-control__rail-surface {
    height: 22px;
    border-radius: 8px;
  }

  body .assessment-workspace .pm-severity-control__thumb-mark {
    left: clamp(25px, var(--ordinal-progress), calc(100% - 25px));
    width: 50px;
    height: 50px;
    border-radius: 16px;
  }

  body .assessment-workspace .pm-intensity-meter--thumb {
    width: 38px;
    height: 38px;
  }

  body .assessment-workspace .pm-severity-control .slider-tick {
    min-height: 61px;
  }
}

/* ======================================================================
   Numeric solo sliders aligned to the sequential matrix scale
   Applies to integer_range, decimal_range and numeric_stepper.
   ====================================================================== */
.assessment-workspace .premium-range-control {
  --numeric-thumb-size: 50px;
  --numeric-thumb-half: 25px;
  gap: 9px;
}

.assessment-workspace .premium-range-control .choice-control-head {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.assessment-workspace .premium-range-control .choice-measure-copy,
.assessment-workspace .premium-range-control .selection-state-card {
  min-height: 61px;
  grid-template-columns: 3px minmax(0, 1fr);
  column-gap: 11px;
  padding: 9px 13px;
  border-radius: 14px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -9px 16px rgba(20,10,45,.08),
    0 10px 22px rgba(0,0,0,.15);
}

.assessment-workspace .premium-range-control .choice-measure-copy::before,
.assessment-workspace .premium-range-control .selection-state-icon {
  width: 3px;
  height: 34px;
}

.assessment-workspace .premium-range-control .choice-measure-copy > span,
.assessment-workspace .premium-range-control .selection-state-copy > small {
  margin-bottom: 4px;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .065em;
}

.assessment-workspace .premium-range-control .choice-measure-copy > small {
  font-size: clamp(16px, 1.15vw, 19px);
  line-height: 1;
}

.assessment-workspace .premium-range-control .selection-state-card {
  gap: 11px;
}

.assessment-workspace .premium-range-control .selection-state-copy > b {
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1;
}

.assessment-workspace .premium-range-control .selection-state-copy em {
  font-size: clamp(13px, .95vw, 16px);
}

.assessment-workspace .premium-range-control .selection-state-caption {
  display: none;
}

.assessment-workspace .premium-range-control .range-stage {
  padding: 6px 9px 5px;
  border-radius: 16px;
  box-shadow:
    inset 0 6px 16px rgba(0,0,0,.27),
    inset 0 -1px 0 rgba(255,255,255,.035),
    0 11px 24px rgba(0,0,0,.23),
    0 0 28px rgba(125,69,226,.08);
}

.assessment-workspace .premium-range-control .range-hit-area,
.assessment-workspace .premium-range-control .range-hit-area input[type="range"] {
  height: 52px;
}

.assessment-workspace .premium-range-control .range-hit-area::before {
  height: 22px;
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -5px 8px rgba(25,12,48,.21),
    0 0 12px rgba(241,111,164,.11);
}

.assessment-workspace .premium-range-control .range-hit-area::after {
  left: var(--numeric-thumb-half);
  right: var(--numeric-thumb-half);
  height: 14px;
  opacity: .24;
  mask: linear-gradient(to bottom, transparent 0 3px, #000 3px calc(100% - 3px), transparent calc(100% - 3px));
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-runnable-track,
.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-track {
  height: 52px;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-thumb {
  width: var(--numeric-thumb-size);
  height: var(--numeric-thumb-size);
  margin-top: 1px;
  border-radius: 16px;
}

.assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-thumb {
  width: var(--numeric-thumb-size);
  height: var(--numeric-thumb-size);
  border-radius: 16px;
}

.assessment-workspace .premium-range-control .range-thumb-display {
  width: var(--numeric-thumb-size);
  height: var(--numeric-thumb-size);
  left: clamp(var(--numeric-thumb-half), var(--range-progress), calc(100% - var(--numeric-thumb-half)));
  border-radius: 16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -10px 17px rgba(20,8,43,.28),
    0 0 0 4px rgba(44,25,75,.64),
    0 9px 20px rgba(0,0,0,.30),
    0 0 20px rgba(255,156,110,.28);
}

.assessment-workspace .premium-range-control[data-state="editing"] .range-thumb-display,
.assessment-workspace .premium-range-control[data-state="pending"] .range-thumb-display {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -10px 17px rgba(20,8,43,.28),
    0 0 0 4px rgba(55,31,87,.70),
    0 10px 22px rgba(0,0,0,.32),
    0 0 25px rgba(255,156,110,.34),
    0 0 42px rgba(172,90,255,.15);
}

.assessment-workspace .premium-range-control .range-thumb-display output {
  max-width: 42px;
  overflow: hidden;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: clip;
}

.assessment-workspace .premium-range-control[data-touched="false"] .range-thumb-display::after {
  font-size: 18px;
}

.assessment-workspace .premium-range-control .range-scale {
  margin-top: 5px;
  padding: 0 2px;
  font-size: 10px;
}

.assessment-workspace .premium-range-control .range-scale span {
  min-height: 20px;
}

@media (max-width: 900px) and (min-width: 621px) {
  .assessment-workspace .premium-range-control .choice-control-head {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

@media (max-width: 620px) {
  .assessment-workspace .premium-range-control {
    --numeric-thumb-size: 50px;
    --numeric-thumb-half: 25px;
    gap: 8px;
  }

  .assessment-workspace .premium-range-control .choice-control-head {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy,
  .assessment-workspace .premium-range-control .selection-state-card {
    min-height: 54px;
    padding: 7px 11px;
    border-radius: 13px;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy::before,
  .assessment-workspace .premium-range-control .selection-state-icon {
    height: 30px;
  }

  .assessment-workspace .premium-range-control .choice-measure-copy > small,
  .assessment-workspace .premium-range-control .selection-state-copy > b {
    font-size: 16px;
  }

  .assessment-workspace .premium-range-control .selection-state-copy em {
    font-size: 13px;
  }

  .assessment-workspace .premium-range-control .range-stage {
    padding: 5px 7px 4px;
    border-radius: 15px;
  }

  .assessment-workspace .premium-range-control .range-hit-area,
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"],
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-runnable-track,
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-track {
    height: 52px;
  }

  .assessment-workspace .premium-range-control .range-hit-area::before {
    height: 22px;
    border-radius: 8px;
  }

  .assessment-workspace .premium-range-control .range-hit-area::after {
    height: 14px;
  }

  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-webkit-slider-thumb,
  .assessment-workspace .premium-range-control .range-hit-area input[type="range"]::-moz-range-thumb,
  .assessment-workspace .premium-range-control .range-thumb-display {
    border-radius: 16px;
  }

  .assessment-workspace .premium-range-control .range-thumb-display output {
    font-size: 15px;
  }

  .assessment-workspace .premium-range-control .range-scale {
    margin-top: 4px;
    font-size: 9px;
  }
}

/* v36.19.28 — system welcome and debug entry */
body.pm-welcome-active {
  overflow-x: hidden;
  color: #f5f0ec;
  background:
    radial-gradient(90% 80% at 78% 8%, rgba(143, 93, 255, .18), transparent 57%),
    radial-gradient(80% 74% at 5% 88%, rgba(255, 139, 103, .11), transparent 54%),
    linear-gradient(145deg, #0b1027 0%, #060817 74%);
}

.pm-welcome-screen {
  width: min(1460px, calc(100% - 40px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 20px 0 24px;
  display: grid;
  grid-template-rows: auto auto auto auto auto auto;
  gap: 16px;
}

.pm-welcome-topbar {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 4px 14px;
  border-bottom: 1px solid rgba(177, 157, 222, .14);
}

.pm-welcome-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}

.pm-welcome-brand__mark {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 196, 150, .48);
  border-radius: 13px;
  color: #ffd4a8;
  background: linear-gradient(145deg, rgba(94, 53, 117, .95), rgba(31, 25, 59, .97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 22px rgba(169, 100, 255, .15);
  font: 700 20px/1 Georgia, serif;
}

.pm-welcome-brand > span:last-child {
  display: grid;
  gap: 1px;
}

.pm-welcome-brand strong {
  color: #f8f2ee;
  font-size: 16px;
  letter-spacing: .04em;
}

.pm-welcome-brand small,
.pm-welcome-version {
  color: #9b91b0;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
}

.pm-welcome-version {
  padding: 7px 11px;
  border: 1px solid rgba(174, 143, 216, .15);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
}

.pm-welcome-hero {
  position: relative;
  min-height: 350px;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(29, 29, 62, .98), rgba(11, 14, 37, .99) 64%, rgba(18, 14, 43, .98)) padding-box,
    linear-gradient(112deg, rgba(255, 209, 165, .55), rgba(237, 111, 168, .24) 35%, rgba(155, 102, 255, .48) 74%, rgba(255, 207, 158, .34)) border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 28px 80px rgba(0,0,0,.36), 0 0 58px rgba(135, 82, 229, .10);
}

.pm-welcome-copy {
  position: relative;
  z-index: 2;
  align-self: center;
  padding: clamp(30px, 4vw, 58px);
}

.pm-welcome-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 6px 11px;
  margin-bottom: 18px;
  border: 1px solid rgba(255, 175, 128, .24);
  border-radius: 999px;
  color: #f4ae83;
  background: rgba(255, 144, 104, .055);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.pm-welcome-copy h1 {
  max-width: 790px;
  margin: 0;
  color: #f7f1eb;
  font: 400 clamp(40px, 4.5vw, 70px)/.98 Georgia, "Times New Roman", serif;
  letter-spacing: -.044em;
  text-wrap: balance;
  text-shadow: 0 7px 30px rgba(0,0,0,.28);
}

.pm-welcome-lead {
  max-width: 790px;
  margin: 20px 0 0;
  color: #b9afc2;
  font-size: clamp(15px, 1.22vw, 18px);
  line-height: 1.55;
}

.pm-welcome-boundary {
  max-width: 760px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin-top: 23px;
  padding: 13px 16px;
  border: 1px solid rgba(164, 112, 234, .18);
  border-radius: 15px;
  color: #a99eb4;
  background: linear-gradient(110deg, rgba(255, 146, 103, .055), rgba(145, 92, 231, .045));
}

.pm-welcome-boundary svg { color: #f19a78; margin-top: 2px; }
.pm-welcome-boundary p { margin: 0; font-size: 12.5px; line-height: 1.45; }
.pm-welcome-boundary b { color: #e5d9dd; }

.pm-welcome-visual {
  position: relative;
  min-height: 350px;
  isolation: isolate;
  background:
    linear-gradient(90deg, #10152e 0%, rgba(13, 16, 42, .18) 18%, transparent 55%),
    radial-gradient(circle at 60% 50%, rgba(169, 105, 255, .13), transparent 52%);
}

.pm-welcome-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, #11152f 0%, rgba(17,21,47,.82) 9%, transparent 33%), linear-gradient(180deg, transparent 65%, rgba(8,10,28,.75));
  pointer-events: none;
}

.pm-welcome-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .92;
  filter: saturate(.92) contrast(1.04);
}

.pm-welcome-orbit {
  position: absolute;
  z-index: 2;
  left: 55%;
  top: 50%;
  border: 1px solid rgba(255, 176, 132, .16);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-13deg);
  pointer-events: none;
}
.pm-welcome-orbit.orbit-a { width: 67%; aspect-ratio: 1.45; }
.pm-welcome-orbit.orbit-b { width: 47%; aspect-ratio: 1.28; border-color: rgba(169, 109, 255, .20); transform: translate(-50%, -50%) rotate(19deg); }

.pm-welcome-visual__label {
  position: absolute;
  z-index: 3;
  right: 22px;
  bottom: 20px;
  max-width: 320px;
  display: grid;
  gap: 4px;
  padding: 12px 15px;
  border: 1px solid rgba(206, 170, 231, .18);
  border-radius: 14px;
  background: rgba(9, 11, 31, .72);
  backdrop-filter: blur(15px);
}
.pm-welcome-visual__label small { color: #9f92b5; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.pm-welcome-visual__label b { color: #ece2e7; font-size: 13px; font-weight: 650; }

.pm-welcome-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}

.pm-welcome-principles article {
  min-height: 128px;
  display: grid;
  grid-template-columns: 47px minmax(0, 1fr);
  gap: 15px;
  align-items: start;
  padding: 19px;
  border: 1px solid rgba(145, 123, 189, .18);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(24, 28, 57, .94), rgba(13, 16, 39, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 13px 28px rgba(0,0,0,.15);
}

.pm-welcome-principles article > span {
  width: 47px;
  height: 47px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(206, 157, 224, .20);
  border-radius: 15px;
  color: #c493ff;
  background: linear-gradient(145deg, rgba(104, 58, 133, .32), rgba(25, 21, 53, .68));
}
.pm-welcome-principles article:nth-child(2) > span { color: #f08bad; }
.pm-welcome-principles article:nth-child(3) > span { color: #f0b07e; }
.pm-welcome-principles article > span svg { width: 23px; height: 23px; }
.pm-welcome-principles small { color: #9f91b0; font-size: 10px; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; }
.pm-welcome-principles h2 { margin: 4px 0 6px; color: #f0e9e7; font: 600 20px/1.08 Georgia, serif; }
.pm-welcome-principles p { margin: 0; color: #9f95a9; font-size: 12.5px; line-height: 1.42; }

.pm-welcome-process {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  gap: 28px;
  align-items: center;
  padding: 18px 22px;
  border: 1px solid rgba(144, 119, 188, .16);
  border-radius: 20px;
  background: rgba(13, 16, 39, .72);
}
.pm-welcome-process__copy > span { color: #e7dce3; font: 600 18px/1.1 Georgia, serif; }
.pm-welcome-process__copy p { margin: 6px 0 0; color: #958ba0; font-size: 11.5px; line-height: 1.45; }
.pm-welcome-process ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pm-welcome-process li { position: relative; min-width: 0; display: grid; gap: 4px; padding: 0 10px; border-left: 1px solid rgba(164, 133, 205, .16); }
.pm-welcome-process li b { color: #e7a27d; font-size: 10px; letter-spacing: .08em; }
.pm-welcome-process li span { color: #c7bbc9; font-size: 11.5px; font-weight: 650; line-height: 1.25; }

.pm-welcome-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 4px 0;
}
.pm-welcome-start,
.pm-welcome-reset,
.pm-welcome-debug button {
  appearance: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .2s ease;
}
.pm-welcome-start {
  min-width: 290px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px 25px;
  border-radius: 17px;
  color: #ffe9cd;
  background:
    linear-gradient(180deg, rgba(107, 56, 105, .96), rgba(51, 31, 77, .98)) padding-box,
    linear-gradient(108deg, rgba(255, 214, 171, .78), rgba(239, 110, 167, .66), rgba(162, 103, 255, .68)) border-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -12px 22px rgba(20,9,46,.22), 0 14px 32px rgba(0,0,0,.25), 0 0 30px rgba(235,108,164,.11);
  font-size: 14px;
  font-weight: 750;
}
.pm-welcome-start:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 18px 38px rgba(0,0,0,.30), 0 0 42px rgba(235,108,164,.16); }
.pm-welcome-reset { min-height: 45px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border-color: rgba(160, 136, 197, .18); border-radius: 14px; color: #a99eaf; background: rgba(255,255,255,.025); font-size: 12px; font-weight: 700; }
.pm-welcome-reset:hover { color: #ded4dc; border-color: rgba(220, 180, 214, .30); }
.pm-welcome-actions > p { flex-basis: 100%; min-height: 17px; margin: 0; color: #f09a9a; text-align: center; font-size: 11px; }
.pm-welcome-actions button:disabled,
.pm-welcome-debug button:disabled { opacity: .45; cursor: wait; transform: none; }

.pm-welcome-debug {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 15px;
  border: 1px dashed rgba(164, 132, 205, .24);
  border-radius: 16px;
  color: #91869b;
  background: rgba(8, 10, 28, .42);
}
.pm-welcome-debug > div:first-child { display: flex; align-items: center; gap: 10px; }
.pm-welcome-debug > div:first-child > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #b47dff; background: rgba(157, 101, 240, .09); }
.pm-welcome-debug p { margin: 0; display: grid; gap: 2px; }
.pm-welcome-debug b { color: #b9adbd; font-size: 11px; letter-spacing: .035em; text-transform: uppercase; }
.pm-welcome-debug small { color: #7e7488; font-size: 10.5px; }
.pm-welcome-debug__actions { display: flex; gap: 9px; }
.pm-welcome-debug button { min-height: 37px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-color: rgba(153, 127, 190, .18); border-radius: 12px; color: #b9aebd; background: linear-gradient(145deg, rgba(31, 27, 55, .88), rgba(16, 17, 39, .92)); font-size: 11px; font-weight: 700; }
.pm-welcome-debug button:hover { transform: translateY(-1px); color: #eadfe6; border-color: rgba(220, 164, 211, .31); }

@media (max-width: 1040px) {
  .pm-welcome-screen { width: min(100% - 24px, 920px); }
  .pm-welcome-hero { grid-template-columns: 1fr; }
  .pm-welcome-visual { min-height: 245px; }
  .pm-welcome-copy { padding-bottom: 26px; }
  .pm-welcome-principles { grid-template-columns: 1fr; }
  .pm-welcome-principles article { min-height: 100px; }
  .pm-welcome-process { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 700px) {
  .pm-welcome-screen { width: calc(100% - 16px); padding-top: 9px; gap: 10px; }
  .pm-welcome-topbar { min-height: 49px; padding: 0 4px 8px; }
  .pm-welcome-brand__mark { width: 35px; height: 35px; border-radius: 11px; }
  .pm-welcome-brand small { display: none; }
  .pm-welcome-hero { border-radius: 22px; }
  .pm-welcome-copy { padding: 24px 19px; }
  .pm-welcome-copy h1 { font-size: clamp(34px, 10vw, 48px); }
  .pm-welcome-lead { font-size: 14px; }
  .pm-welcome-visual { min-height: 205px; }
  .pm-welcome-visual__label { right: 12px; bottom: 12px; left: 12px; max-width: none; }
  .pm-welcome-principles article { grid-template-columns: 43px minmax(0, 1fr); padding: 15px; border-radius: 17px; }
  .pm-welcome-principles article > span { width: 43px; height: 43px; border-radius: 14px; }
  .pm-welcome-process { padding: 15px; border-radius: 17px; }
  .pm-welcome-process ol { grid-template-columns: 1fr; gap: 7px; }
  .pm-welcome-process li { grid-template-columns: 28px minmax(0, 1fr); gap: 7px; align-items: center; padding: 4px 0; border-left: 0; border-top: 1px solid rgba(164, 133, 205, .12); }
  .pm-welcome-process li:first-child { border-top: 0; }
  .pm-welcome-start { width: 100%; min-width: 0; }
  .pm-welcome-reset { width: 100%; justify-content: center; }
  .pm-welcome-debug { align-items: stretch; flex-direction: column; }
  .pm-welcome-debug__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .pm-welcome-debug button { justify-content: center; }
}

/* ======================================================================
   v36.19.29 — hypothesis evidence provenance layers
   Two-column catalogue + evidence rationale. All generated hypotheses are
   included by default until the user explicitly excludes a direction.
   ====================================================================== */

.pm-hypothesis-explainable {
  --hyp-page: #0c1119;
  --hyp-panel: #171f2a;
  --hyp-panel-deep: #111821;
  --hyp-text: #f4ede2;
  --hyp-soft: #d9cbb9;
  --hyp-muted: #af9f8a;
  --hyp-muted-2: #80776c;
  --hyp-gold: #d8a55d;
  --hyp-gold-2: #f1c985;
  --hyp-teal: #5da6a4;
  --hyp-blue: #6e99d8;
  --hyp-violet: #9b82d3;
  --hyp-green: #72b47d;
  --hyp-green-2: #a7d9ae;
  --hyp-red: #c96f64;
  --hyp-red-2: #e99b90;
  --hyp-line: rgba(232,195,138,.15);
  min-height: 100%;
  padding: 0 8px 18px;
  color: var(--hyp-text);
}

.pm-hypothesis-explainable__shell {
  width: min(100%, 1600px);
  margin: 10px auto 0;
  padding: 14px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(232,198,143,.16);
  border-radius: 30px;
  background:
    radial-gradient(760px 440px at 8% 0%,rgba(255,238,208,.12),transparent 66%),
    radial-gradient(500px 320px at 94% 4%,rgba(216,151,65,.09),transparent 68%),
    linear-gradient(145deg,rgba(42,48,57,.96),rgba(17,23,32,.985) 54%,rgba(9,14,21,.995));
  box-shadow: 0 24px 70px rgba(0,0,0,.34);
  isolation: isolate;
}

.pm-hypothesis-explainable__shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/84px 84px,
    linear-gradient(0deg,rgba(255,255,255,.014) 1px,transparent 1px) 0 0/84px 84px;
  opacity: .24;
  mask-image: linear-gradient(180deg,rgba(0,0,0,.48),transparent 76%);
  z-index: -2;
}

.pm-hypothesis-explainable__shell::after {
  content: "";
  position: absolute;
  top: -180px;
  left: -110px;
  width: 850px;
  height: 500px;
  border-radius: 50%;
  background:
    radial-gradient(closest-side,rgba(255,235,200,.16),transparent 73%),
    radial-gradient(48% 58% at 40% 52%,rgba(225,158,69,.10),transparent 77%);
  filter: blur(34px);
  opacity: .78;
  pointer-events: none;
  z-index: -1;
}

.pm-hypothesis-window-head {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 3px 6px 15px;
}

.pm-hypothesis-window-title > span {
  display: block;
  margin-bottom: 6px;
  color: #d4b57f;
  font: 800 10px/1 Inter, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pm-hypothesis-window-title h1 {
  margin: 0;
  color: #f3e8d7;
  font: 400 clamp(24px,2vw,30px)/1.08 Georgia,"Times New Roman",serif;
  letter-spacing: .005em;
}

.pm-hypothesis-window-title p {
  max-width: 810px;
  margin: 8px 0 0;
  color: #b9aa96;
  font: 400 13px/1.48 Inter,sans-serif;
}

.pm-hypothesis-window-stats {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.pm-hypothesis-window-stats > span {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #d9cbb8;
  background: rgba(255,255,255,.025);
  font: 650 12px/1 Inter,sans-serif;
  white-space: nowrap;
}

.pm-hypothesis-window-stats .icon { width: 15px; height: 15px; color: var(--hyp-gold-2); }
.pm-hypothesis-window-stats strong { color: #fff2dd; font-size: 14px; }

.pm-hypothesis-explainable__layout {
  display: grid;
  grid-template-columns: minmax(390px,.72fr) minmax(620px,1.28fr);
  gap: 14px;
  align-items: start;
}

.pm-hypothesis-explainable__panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--hyp-line);
  border-radius: 26px;
  background:
    radial-gradient(360px 210px at 4% 0%,rgba(255,229,183,.05),transparent 66%),
    linear-gradient(180deg,rgba(29,37,49,.95),rgba(17,23,32,.98));
  box-shadow: 0 12px 34px rgba(0,0,0,.20);
}

.pm-hypothesis-explainable__panel::after {
  content: "";
  position: absolute;
  right: -140px;
  bottom: -180px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(67,96,135,.10),transparent 67%);
  pointer-events: none;
}

.pm-hypothesis-explainable__panel-head {
  min-height: 62px;
  padding: 14px 17px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255,255,255,.038);
}

.pm-hypothesis-explainable__panel-head span {
  display: block;
  margin-bottom: 4px;
  color: #9f927f;
  font: 750 9px/1 Inter,sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.pm-hypothesis-explainable__panel-head h2 {
  margin: 0;
  color: #eadcc7;
  font: 400 17px/1.2 Georgia,"Times New Roman",serif;
}

.pm-hypothesis-explainable__panel-head small {
  color: #b6a58f;
  font: 400 12px/1.2 Inter,sans-serif;
  white-space: nowrap;
}

.pm-hypothesis-catalogue {
  max-height: min(820px, calc(100vh - 260px));
  overflow: auto;
  padding: 10px 10px 14px;
  position: relative;
  z-index: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(216,165,93,.28) transparent;
}

.pm-hypothesis-catalogue::-webkit-scrollbar,
.pm-hypothesis-evidence-content::-webkit-scrollbar { width: 8px; }
.pm-hypothesis-catalogue::-webkit-scrollbar-thumb,
.pm-hypothesis-evidence-content::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(216,165,93,.25); }

.pm-hypothesis-group { margin-top: 12px; }
.pm-hypothesis-group:first-child { margin-top: 0; }

.pm-hypothesis-group-head {
  min-height: 32px;
  padding: 0 6px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #a99a86;
  font: 750 10px/1 Inter,sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.pm-hypothesis-group-head b {
  min-width: 24px;
  height: 22px;
  padding: 0 7px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #c9b9a3;
  background: rgba(255,255,255,.04);
  font-size: 10px;
}

.pm-hypothesis-card {
  width: 100%;
  min-height: 92px;
  margin-top: 8px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 82px 126px;
  gap: 11px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  color: inherit;
  background: linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012));
  cursor: pointer;
  text-align: left;
  transition: border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease;
}

.pm-hypothesis-card:hover {
  transform: translateY(-1px);
  border-color: rgba(231,190,126,.18);
  background: linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.015));
}

.pm-hypothesis-card:focus-visible {
  outline: 2px solid rgba(241,201,133,.78);
  outline-offset: 2px;
}

.pm-hypothesis-card.active {
  border-color: rgba(242,190,105,.42);
  background:
    radial-gradient(250px 110px at 0% 50%,rgba(255,207,129,.12),transparent 73%),
    linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.019));
  box-shadow: inset 0 0 0 1px rgba(255,238,207,.05),0 0 28px rgba(222,158,67,.13),0 10px 26px rgba(0,0,0,.16);
}

.pm-hypothesis-card.excluded { opacity: .70; }
.pm-hypothesis-card.excluded.active { opacity: .9; }

.pm-hypothesis-card__copy { min-width: 0; }
.pm-hypothesis-card__copy h3 {
  margin: 0;
  color: #f1e8da;
  font: 400 17px/1.12 Georgia,"Times New Roman",serif;
}
.pm-hypothesis-card__copy p {
  margin: 6px 0 0;
  color: #aa9a85;
  font: 400 11px/1.38 Inter,sans-serif;
}

.pm-hypothesis-role-chip {
  width: fit-content;
  margin-top: 7px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 999px;
  color: #c6b6a1;
  background: rgba(255,255,255,.025);
  font: 750 9px/1 Inter,sans-serif;
}
.pm-hypothesis-role-chip .icon { width: 11px; height: 11px; color: var(--hyp-gold-2); }

.pm-hypothesis-card__status-row {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.pm-hypothesis-card__status-row .pm-hypothesis-role-chip { margin-top: 0; }
.pm-hypothesis-status-chip {
  width: fit-content;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(216,165,93,.14);
  border-radius: 999px;
  color: #d9bf95;
  background: rgba(216,165,93,.045);
  font: 700 9px/1 Inter,sans-serif;
}
.pm-hypothesis-status-chip .icon { width: 11px; height: 11px; color: #e0b56f; }

.pm-hypothesis-card__confidence { text-align: center; }
.pm-hypothesis-card__confidence strong {
  display: block;
  color: #f2dfbd;
  font: 400 25px/1 Georgia,"Times New Roman",serif;
}
.pm-hypothesis-card__confidence small {
  display: block;
  margin-top: 5px;
  color: #a99a86;
  font: 400 10px/1.25 Inter,sans-serif;
}
.pm-hypothesis-card__confidence > div {
  width: 72px;
  height: 5px;
  margin: 7px auto 0;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}
.pm-hypothesis-card__confidence > div span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#d7a45d,#f0cc8b);
  box-shadow: 0 0 12px rgba(215,164,93,.18);
}

.pm-hypothesis-deep-control {
  min-height: 58px;
  padding: 8px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 13px;
  color: inherit;
  background: rgba(255,255,255,.02);
  cursor: pointer;
  text-align: left;
  transition: transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.pm-hypothesis-deep-control:hover { transform: translateY(-1px); }
.pm-hypothesis-deep-control.included { color: var(--hyp-green-2); background: rgba(83,153,98,.065); border-color: rgba(114,180,125,.18); }
.pm-hypothesis-deep-control.excluded { color: var(--hyp-red-2); background: rgba(172,76,68,.055); border-color: rgba(201,111,100,.16); }
.pm-hypothesis-deep-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 12px;
}
.pm-hypothesis-deep-icon .icon { width: 17px; height: 17px; }
.pm-hypothesis-deep-control strong { display: block; font: 700 11px/1.2 Inter,sans-serif; }
.pm-hypothesis-deep-control small { display: block; margin-top: 3px; color: #9d9388; font: 400 9px/1.2 Inter,sans-serif; }
.pm-hypothesis-card > input[data-hypothesis-checkbox] { position: absolute; opacity: 0; pointer-events: none; }

.pm-hypothesis-explanation-panel { min-height: 650px; }
.pm-hypothesis-explanation-hero {
  padding: 18px 20px 16px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255,255,255,.04);
  background: radial-gradient(520px 210px at 0% 0%,rgba(255,215,153,.07),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.pm-hypothesis-explain-top {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 20px;
  align-items: start;
}
.pm-hypothesis-explain-kicker {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d4b57f;
  font: 800 10px/1 Inter,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.pm-hypothesis-explain-kicker .icon { width: 14px; height: 14px; color: var(--hyp-gold-2); }
.pm-hypothesis-explanation-hero h2 {
  margin: 0;
  color: #f7ecdc;
  font: 400 clamp(24px,2vw,30px)/1.04 Georgia,"Times New Roman",serif;
}
.pm-hypothesis-explanation-hero p {
  max-width: 820px;
  margin: 11px 0 0;
  color: #c9baa5;
  font: 400 13px/1.58 Inter,sans-serif;
}

.pm-hypothesis-explanation-hero .pm-hypothesis-client-description {
  max-width: 1080px;
  margin-top: 18px;
  padding: 1px 0 1px 17px;
  border-left: 2px solid rgba(224, 184, 119, .42);
  color: #d8cdbd;
}
.pm-hypothesis-explanation-hero .pm-hypothesis-client-description p {
  max-width: 1040px;
  margin: 0;
  color: inherit;
  font: 400 14.5px/1.68 Inter,sans-serif;
}
.pm-hypothesis-explanation-hero .pm-hypothesis-client-description p + p {
  margin-top: 10px;
  color: #cbbfab;
}

.pm-hypothesis-diagnostic-notice {
  max-width: 820px;
  margin-top: 12px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid rgba(216,165,93,.16);
  border-radius: 13px;
  color: #d8c7ad;
  background: linear-gradient(180deg,rgba(216,165,93,.065),rgba(255,255,255,.012));
}
.pm-hypothesis-diagnostic-notice > .icon {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 9px;
  color: #e6bc78;
  background: rgba(216,165,93,.08);
}
.pm-hypothesis-diagnostic-notice strong { display: block; color: #f0dec2; font: 750 12px/1.3 Inter,sans-serif; }
.pm-hypothesis-diagnostic-notice span { display: block; margin-top: 3px; color: #b9aa96; font: 400 11px/1.45 Inter,sans-serif; }
.pm-hypothesis-identity-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr);
  gap: 10px;
}
.pm-hypothesis-identity-grid article {
  min-height: 76px;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}
.pm-hypothesis-identity-grid small {
  display: block;
  color: #998d7e;
  font: 700 9px/1.2 Inter,sans-serif;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.pm-hypothesis-identity-grid strong {
  display: block;
  margin-top: 7px;
  color: #eadfce;
  font: 600 12px/1.45 Inter,sans-serif;
}
.pm-hypothesis-confidence-pill {
  min-width: 116px;
  padding: 11px 13px;
  border: 1px solid rgba(240,189,105,.18);
  border-radius: 16px;
  background: linear-gradient(180deg,rgba(246,201,129,.075),rgba(255,255,255,.018));
  text-align: center;
}
.pm-hypothesis-confidence-pill strong { display: block; color: #f4d7a8; font: 400 29px/1 Georgia,"Times New Roman",serif; }
.pm-hypothesis-confidence-pill small { display: block; margin-top: 6px; color: #b7a58f; font: 400 10px/1.3 Inter,sans-serif; }

.pm-hypothesis-criteria-strip {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 9px;
}
.pm-hypothesis-criteria-strip > div {
  min-height: 60px;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}
.pm-hypothesis-criteria-strip small { display: block; color: #998d7e; font: 400 9px/1.2 Inter,sans-serif; letter-spacing: .055em; text-transform: uppercase; }
.pm-hypothesis-criteria-strip strong { display: block; margin-top: 6px; color: #f0e5d5; font: 700 14px/1.15 Inter,sans-serif; }

.pm-hypothesis-evidence-tabs {
  padding: 13px 17px 11px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.pm-hypothesis-evidence-tabs button {
  min-height: 37px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 999px;
  color: #b5a793;
  background: rgba(255,255,255,.018);
  cursor: pointer;
  font: 750 11px/1 Inter,sans-serif;
  transition: .2s ease;
}
.pm-hypothesis-evidence-tabs button:hover { border-color: rgba(231,190,126,.18); color: #e8dac7; }
.pm-hypothesis-evidence-tabs button.active { color: #f1dfc6; border-color: rgba(238,190,112,.24); background: linear-gradient(180deg,rgba(225,170,88,.10),rgba(255,255,255,.018)); box-shadow: 0 0 18px rgba(218,160,76,.08); }
.pm-hypothesis-evidence-tabs .icon { width: 14px; height: 14px; }
.pm-hypothesis-evidence-tabs button > span {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  font-size: 9px;
}

.pm-hypothesis-evidence-content {
  max-height: min(560px, calc(100vh - 440px));
  min-height: 300px;
  padding: 13px 15px 17px;
  overflow: auto;
  position: relative;
  z-index: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(216,165,93,.26) transparent;
}
.pm-hypothesis-evidence-section { display: none; }
.pm-hypothesis-evidence-section.active { display: block; }
.pm-hypothesis-evidence-group { margin-top: 13px; }
.pm-hypothesis-evidence-group:first-child { margin-top: 0; }
.pm-hypothesis-evidence-group > h3 {
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #d8c5aa;
  font: 400 15px/1.2 Georgia,"Times New Roman",serif;
}
.pm-hypothesis-evidence-group > h3 .icon { width: 14px; height: 14px; color: var(--hyp-gold-2); }

.pm-hypothesis-evidence-item {
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 15px;
  background: linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012));
}
.pm-hypothesis-evidence-main {
  padding: 12px 13px;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  gap: 11px;
  align-items: start;
}
.pm-hypothesis-evidence-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 13px;
  color: var(--hyp-gold-2);
  background: rgba(255,255,255,.025);
}
.pm-hypothesis-evidence-icon .icon { width: 18px; height: 18px; }
.pm-hypothesis-evidence-copy h4 { margin: 0; color: #f0e7d9; font: 680 14px/1.35 Inter,sans-serif; }
.pm-hypothesis-evidence-copy p { margin: 6px 0 0; color: #d2c3ae; font: 400 12px/1.42 Inter,sans-serif; }
.pm-hypothesis-evidence-copy p strong { color: #f0dcb8; font-weight: 650; }
.pm-hypothesis-evidence-meta { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.pm-hypothesis-evidence-meta > span {
  min-height: 23px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 999px;
  color: #ab9e8c;
  background: rgba(255,255,255,.022);
  font: 700 9px/1 Inter,sans-serif;
}
.pm-hypothesis-evidence-meta .icon { width: 10px; height: 10px; }
.pm-hypothesis-evidence-meta .direct { color: #9ed5d2; border-color: rgba(93,166,164,.18); background: rgba(93,166,164,.05); }
.pm-hypothesis-evidence-meta .scale { color: #a9c5ed; border-color: rgba(110,153,216,.18); background: rgba(110,153,216,.05); }
.pm-hypothesis-evidence-meta .cross { color: #e8c48b; border-color: rgba(216,165,93,.18); background: rgba(216,165,93,.05); }
.pm-hypothesis-evidence-meta .inference { color: #c4b3e7; border-color: rgba(155,130,211,.18); background: rgba(155,130,211,.05); }

.pm-hypothesis-impact-badge {
  min-width: 101px;
  min-height: 33px;
  padding: 6px 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 11px;
  font: 800 10px/1.15 Inter,sans-serif;
  white-space: nowrap;
}
.pm-hypothesis-impact-badge .icon { width: 12px; height: 12px; }
.pm-hypothesis-impact-badge.high { color: var(--hyp-green-2); background: rgba(82,150,96,.075); border: 1px solid rgba(114,180,125,.17); }
.pm-hypothesis-impact-badge.medium { color: #e5bc7f; background: rgba(216,146,83,.07); border: 1px solid rgba(216,146,83,.16); }
.pm-hypothesis-impact-badge.low { color: #c1bdba; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.06); }
.pm-hypothesis-impact-badge.negative { color: var(--hyp-red-2); background: rgba(183,85,75,.075); border: 1px solid rgba(201,111,100,.16); }

.pm-hypothesis-technical-toggle {
  width: 100%;
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #9e9282;
  background: rgba(255,255,255,.012);
  cursor: pointer;
  font: 700 10px/1 Inter,sans-serif;
}
.pm-hypothesis-technical-toggle .icon { width: 13px; height: 13px; transition: transform .2s ease; }
.pm-hypothesis-technical-toggle.open .icon { transform: rotate(180deg); }
.pm-hypothesis-technical-details {
  display: none;
  padding: 9px 13px 11px;
  border-top: 1px solid rgba(255,255,255,.035);
  color: #9f9384;
  background: rgba(8,12,18,.18);
  font: 400 10px/1.55 Inter,sans-serif;
}
.pm-hypothesis-technical-details.open { display: block; }

.pm-hypothesis-missing-list { display: grid; gap: 8px; }
.pm-hypothesis-missing-item {
  min-height: 54px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: rgba(255,255,255,.017);
}
.pm-hypothesis-missing-item > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(216,165,93,.12);
  border-radius: 11px;
  color: #d0b88f;
  background: rgba(216,165,93,.055);
}
.pm-hypothesis-missing-item > span .icon { width: 15px; height: 15px; }
.pm-hypothesis-missing-item strong { display: block; color: #e8ddce; font: 650 12px/1.3 Inter,sans-serif; }
.pm-hypothesis-missing-item small { display: block; margin-top: 3px; color: #9d9182; font: 400 10px/1.35 Inter,sans-serif; }
.pm-hypothesis-missing-item b { color: #d3ad73; font: 800 10px/1.2 Inter,sans-serif; white-space: nowrap; }

.pm-hypothesis-evidence-placeholder,
.pm-hypothesis-explanation-empty {
  min-height: 170px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  color: #a99b87;
  text-align: center;
  font: 400 12px/1.45 Inter,sans-serif;
}
.pm-hypothesis-evidence-placeholder .icon,
.pm-hypothesis-explanation-empty .icon { width: 30px; height: 30px; color: #d0b88f; }

.pm-hypothesis-reasoning-footer {
  padding: 0 15px 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  position: relative;
  z-index: 1;
}
.pm-hypothesis-reasoning-footer article {
  min-height: 118px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  background: linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.012));
}
.pm-hypothesis-reasoning-footer h3 {
  margin: 0 0 9px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e9dbc6;
  font: 400 15px/1.2 Georgia,"Times New Roman",serif;
}
.pm-hypothesis-reasoning-footer h3 .icon { width: 14px; height: 14px; color: var(--hyp-gold-2); }
.pm-hypothesis-reasoning-footer ul { margin: 0; padding-left: 17px; color: #b7aa98; font: 400 11px/1.5 Inter,sans-serif; }
.pm-hypothesis-reasoning-footer li { margin: 5px 0; }

.pm-hypothesis-explainable__footer {
  margin-top: 13px;
  padding: 2px 4px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.pm-hypothesis-explainable__footer-note {
  max-width: 900px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #a69885;
  font: 400 11px/1.45 Inter,sans-serif;
}
.pm-hypothesis-explainable__footer-note .icon { width: 14px; height: 14px; flex: 0 0 auto; margin-top: 1px; color: var(--hyp-gold-2); }
.pm-hypothesis-explainable__actions { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.pm-hypothesis-save-btn,
.pm-hypothesis-back-btn {
  min-height: 44px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 13px;
  cursor: pointer;
  font: 750 12px/1 Inter,sans-serif;
}
.pm-hypothesis-save-btn {
  border: 1px solid rgba(233,188,112,.25);
  color: #fff6e9;
  background: linear-gradient(180deg,#bf8742,#94622f);
  box-shadow: 0 14px 26px rgba(157,101,43,.20),inset 0 1px 0 rgba(255,255,255,.16);
}
.pm-hypothesis-back-btn {
  border: 1px solid rgba(255,255,255,.09);
  color: #eadfce;
  background: linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012));
}
.pm-hypothesis-save-btn .icon,
.pm-hypothesis-back-btn .icon { width: 15px; height: 15px; }
.pm-hypothesis-back-btn:disabled { opacity: .4; cursor: not-allowed; }

@media (max-width: 1260px) {
  .pm-hypothesis-explainable__layout { grid-template-columns: 410px minmax(0,1fr); }
  .pm-hypothesis-card { grid-template-columns: minmax(0,1fr) 72px 112px; }
  .pm-hypothesis-criteria-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pm-hypothesis-window-head { align-items: flex-start; }
}

@media (max-width: 1040px) {
  .pm-hypothesis-explainable { padding-inline: 4px; }
  .pm-hypothesis-explainable__shell { padding: 10px; border-radius: 24px; }
  .pm-hypothesis-window-head { flex-direction: column; gap: 12px; }
  .pm-hypothesis-window-stats { justify-content: flex-start; }
  .pm-hypothesis-explainable__layout { grid-template-columns: 1fr; }
  .pm-hypothesis-catalogue { max-height: 520px; }
  .pm-hypothesis-explanation-panel { min-height: 0; }
  .pm-hypothesis-evidence-content { max-height: 520px; }
  .pm-hypothesis-explainable__footer { align-items: stretch; flex-direction: column; }
  .pm-hypothesis-explainable__actions { justify-content: flex-end; }
}

@media (max-width: 680px) {
  .pm-hypothesis-explainable__shell { margin-top: 6px; padding: 7px; border-radius: 19px; }
  .pm-hypothesis-window-head { padding: 5px 6px 12px; }
  .pm-hypothesis-window-title p { font-size: 12px; }
  .pm-hypothesis-window-stats > span { min-height: 32px; padding: 0 9px; font-size: 10px; }
  .pm-hypothesis-explainable__panel { border-radius: 19px; }
  .pm-hypothesis-explainable__panel-head { padding: 12px 13px 10px; }
  .pm-hypothesis-card { padding: 10px; grid-template-columns: minmax(0,1fr) 68px; gap: 8px; }
  .pm-hypothesis-card__copy { grid-column: 1; }
  .pm-hypothesis-card__confidence { grid-column: 2; grid-row: 1; }
  .pm-hypothesis-deep-control { grid-column: 1 / -1; min-height: 48px; grid-template-columns: 32px minmax(0,1fr); }
  .pm-hypothesis-deep-icon { width: 30px; height: 30px; border-radius: 9px; }
  .pm-hypothesis-explain-top { grid-template-columns: 1fr; }
  .pm-hypothesis-confidence-pill { width: fit-content; min-width: 112px; }
  .pm-hypothesis-explanation-hero { padding: 15px 14px 13px; }
  .pm-hypothesis-identity-grid { grid-template-columns: 1fr; }
  .pm-hypothesis-criteria-strip { grid-template-columns: 1fr 1fr; }
  .pm-hypothesis-evidence-tabs { padding: 11px 12px 10px; }
  .pm-hypothesis-evidence-tabs button { flex: 1 1 auto; justify-content: center; padding: 0 9px; }
  .pm-hypothesis-evidence-content { padding: 11px 12px 14px; }
  .pm-hypothesis-evidence-main { grid-template-columns: 38px minmax(0,1fr); }
  .pm-hypothesis-evidence-icon { width: 36px; height: 36px; }
  .pm-hypothesis-impact-badge { grid-column: 2; justify-self: start; }
  .pm-hypothesis-missing-item { grid-template-columns: 34px minmax(0,1fr); }
  .pm-hypothesis-missing-item b { grid-column: 2; }
  .pm-hypothesis-reasoning-footer { grid-template-columns: 1fr; padding: 0 12px 12px; }
  .pm-hypothesis-explainable__actions { display: grid; grid-template-columns: 1fr; }
  .pm-hypothesis-save-btn,
  .pm-hypothesis-back-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .pm-hypothesis-card,
  .pm-hypothesis-deep-control,
  .pm-hypothesis-evidence-tabs button,
  .pm-hypothesis-save-btn,
  .pm-hypothesis-back-btn { transition-duration: .01ms !important; }
}


/* ================================================================
   v36.19.29 — primary-screening vs general-domain evidence layers
   ================================================================ */
.pm-hypothesis-evidence-layer {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 17px;
  background: rgba(255,255,255,.012);
}
.pm-hypothesis-evidence-layer:first-child { margin-top: 0; }
.pm-hypothesis-evidence-layer.primary {
  border-color: rgba(101,157,222,.22);
  background:
    radial-gradient(420px 140px at 0% 0%, rgba(91,148,215,.085), transparent 72%),
    linear-gradient(180deg,rgba(66,109,164,.045),rgba(255,255,255,.009));
}
.pm-hypothesis-evidence-layer.domains {
  border-color: rgba(218,172,102,.15);
  background:
    radial-gradient(420px 140px at 0% 0%, rgba(216,165,93,.055), transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));
}
.pm-hypothesis-evidence-layer__head {
  min-height: 66px;
  padding: 11px 13px;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  gap: 11px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.045);
}
.pm-hypothesis-evidence-layer.primary .pm-hypothesis-evidence-layer__head {
  border-bottom-color: rgba(101,157,222,.14);
}
.pm-hypothesis-evidence-layer__icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  color: #b7d7ff;
  background: rgba(86,143,209,.075);
}
.pm-hypothesis-evidence-layer.domains .pm-hypothesis-evidence-layer__icon {
  color: #e4c18c;
  background: rgba(216,165,93,.06);
}
.pm-hypothesis-evidence-layer__icon .icon { width: 16px; height: 16px; }
.pm-hypothesis-evidence-layer__head strong {
  display: block;
  color: #ebdfcf;
  font: 680 13px/1.25 Inter,sans-serif;
}
.pm-hypothesis-evidence-layer.primary .pm-hypothesis-evidence-layer__head strong { color: #d9eaff; }
.pm-hypothesis-evidence-layer__head small {
  display: block;
  margin-top: 4px;
  color: #9f9486;
  font: 400 10px/1.4 Inter,sans-serif;
}
.pm-hypothesis-evidence-layer__head > b {
  min-width: 27px;
  height: 25px;
  padding: 0 8px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #c9bba8;
  background: rgba(255,255,255,.05);
  font: 750 10px/1 Inter,sans-serif;
}
.pm-hypothesis-evidence-layer.primary .pm-hypothesis-evidence-layer__head > b {
  color: #c9e1ff;
  background: rgba(91,148,215,.12);
}
.pm-hypothesis-evidence-layer__body { padding: 11px 12px 13px; }
.pm-hypothesis-evidence-layer__body.pm-hypothesis-missing-list { display: grid; gap: 8px; }
.pm-hypothesis-evidence-layer .pm-hypothesis-evidence-group { margin-top: 12px; }
.pm-hypothesis-evidence-layer .pm-hypothesis-evidence-group:first-child { margin-top: 0; }

.pm-hypothesis-evidence-source {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: #8fbdf2;
  font: 650 10px/1.4 Inter,sans-serif;
}
.pm-hypothesis-evidence-source .icon {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  margin-top: 1px;
  color: #74aeea;
}
.pm-hypothesis-evidence-source span { min-width: 0; }
.pm-hypothesis-evidence-source.domains { color: #9fc5ef; }

/* Legacy evidence-type badges are intentionally hidden from the visible report.
   Their provenance remains available in the technical disclosure. */
.pm-hypothesis-evidence-meta { display: none !important; }

@media (max-width: 680px) {
  .pm-hypothesis-evidence-layer__head {
    grid-template-columns: 34px minmax(0,1fr) auto;
    padding: 10px;
  }
  .pm-hypothesis-evidence-layer__icon { width: 32px; height: 32px; border-radius: 10px; }
  .pm-hypothesis-evidence-layer__body { padding: 9px; }
}

/* ================================================================
   v36.20.0 — staged hypothesis probability and ranked model review
   ================================================================ */
.pm-hypothesis-leadership-summary {
  margin: 0 2px 13px;
  display: grid;
  grid-template-columns: minmax(260px,1.25fr) repeat(2,minmax(210px,1fr));
  gap: 10px;
  align-items: stretch;
}
.pm-hypothesis-leadership-card {
  min-height: 82px;
  padding: 13px 15px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 6px 14px;
  align-content: center;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 17px;
  background: linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
}
.pm-hypothesis-leadership-card.leading {
  border-color: rgba(227,176,96,.28);
  background:
    radial-gradient(360px 100px at 0 0,rgba(218,161,78,.13),transparent 74%),
    linear-gradient(180deg,rgba(131,85,38,.13),rgba(255,255,255,.01));
}
.pm-hypothesis-leadership-card.competing {
  border-color: rgba(111,153,210,.19);
  background:
    radial-gradient(320px 100px at 0 0,rgba(86,132,197,.09),transparent 74%),
    linear-gradient(180deg,rgba(59,89,131,.08),rgba(255,255,255,.01));
}
.pm-hypothesis-leadership-card.empty { grid-column: span 2; }
.pm-hypothesis-leadership-card > span {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #b6a892;
  font: 750 9px/1.2 Inter,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.pm-hypothesis-leadership-card > span .icon { width: 13px; height: 13px; color: #d7aa68; }
.pm-hypothesis-leadership-card > strong {
  min-width: 0;
  color: #f0e4d4;
  font: 500 16px/1.22 Georgia,"Times New Roman",serif;
}
.pm-hypothesis-leadership-card > b {
  align-self: end;
  color: #e7bd7d;
  font: 800 23px/1 Inter,sans-serif;
}
.pm-hypothesis-low-signal-note {
  grid-column: 1 / -1;
  padding: 0 4px;
  color: #8f8476;
  font: 500 10px/1.4 Inter,sans-serif;
}
.pm-hypothesis-group:has(.pm-hypothesis-role-chip) .pm-hypothesis-card[data-hypothesis-id] { position: relative; }
.pm-hypothesis-card .pm-hypothesis-role-chip { white-space: nowrap; }
.pm-hypothesis-card:has(.pm-hypothesis-role-chip:nth-child(1)) { isolation: isolate; }
.pm-hypothesis-evidence-layer.reactive {
  border-color: rgba(184,112,136,.22);
  background:
    radial-gradient(420px 140px at 0% 0%,rgba(180,92,123,.09),transparent 72%),
    linear-gradient(180deg,rgba(96,45,65,.07),rgba(255,255,255,.009));
}
.pm-hypothesis-evidence-layer.deep {
  border-color: rgba(121,176,151,.2);
  background:
    radial-gradient(420px 140px at 0% 0%,rgba(87,159,128,.08),transparent 72%),
    linear-gradient(180deg,rgba(52,103,81,.06),rgba(255,255,255,.009));
}
.pm-hypothesis-evidence-layer.reactive .pm-hypothesis-evidence-layer__icon {
  color: #e8b0c3;
  background: rgba(180,92,123,.1);
}
.pm-hypothesis-evidence-layer.deep .pm-hypothesis-evidence-layer__icon {
  color: #a9dcc4;
  background: rgba(87,159,128,.09);
}
.pm-hypothesis-evidence-layer.reactive .pm-hypothesis-evidence-layer__head strong { color: #efd0da; }
.pm-hypothesis-evidence-layer.deep .pm-hypothesis-evidence-layer__head strong { color: #cbe8da; }
.pm-hypothesis-evidence-source.reactive { color: #d5a0b2; }
.pm-hypothesis-evidence-source.deep { color: #9bcbb5; }

@media (max-width: 1040px) {
  .pm-hypothesis-leadership-summary { grid-template-columns: 1fr 1fr; }
  .pm-hypothesis-leadership-card.leading { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .pm-hypothesis-leadership-summary { grid-template-columns: 1fr; }
  .pm-hypothesis-leadership-card,
  .pm-hypothesis-leadership-card.leading,
  .pm-hypothesis-leadership-card.empty { grid-column: 1; }
}

/* ======================================================================
   v36.20.3 — client-facing hypothesis descriptions and simplified evidence header
   ====================================================================== */

.pm-hypothesis-review-intro__shell {
  background:
    radial-gradient(circle at 84% 16%, rgba(111, 82, 183, .16), transparent 28%),
    radial-gradient(circle at 14% 0, rgba(231, 177, 101, .08), transparent 25%),
    linear-gradient(135deg, rgba(8, 18, 42, .98), rgba(8, 14, 34, .97) 54%, rgba(17, 13, 39, .97));
}

.pm-hypothesis-review-intro__hero {
  grid-template-columns: minmax(0, 1.22fr) minmax(360px, .78fr);
  min-height: auto;
}

.pm-hypothesis-review-intro__copy {
  padding-bottom: 30px;
}

.pm-hypothesis-review-intro__copy h1 {
  max-width: 820px;
  font-size: clamp(48px, 4.45vw, 72px);
}

.pm-hypothesis-review-intro__completed {
  max-width: 770px;
  margin-top: 24px;
  padding: 17px 19px;
  border: 1px solid rgba(118, 186, 160, .25);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(107, 183, 151, .11), transparent 42%),
    linear-gradient(145deg, rgba(17, 42, 49, .58), rgba(14, 28, 46, .66));
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.pm-hypothesis-review-intro__completed > span {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(118, 205, 169, .34);
  border-radius: 15px;
  color: #9ed7bd;
  background: rgba(44, 93, 79, .25);
  display: grid;
  place-items: center;
}

.pm-hypothesis-review-intro__completed b {
  display: block;
  margin-bottom: 4px;
  color: #d8eee3;
  font: 650 16px/1.2 Inter, system-ui, sans-serif;
}

.pm-hypothesis-review-intro__completed p {
  margin: 0;
  color: #adbec1;
  font: 400 13px/1.5 Inter, system-ui, sans-serif;
}

.pm-hypothesis-review-intro__article {
  max-width: 800px;
}

.pm-hypothesis-review-intro__visual {
  margin: 36px 38px 32px 0;
  padding: 24px;
  border: 1px solid rgba(149, 161, 207, .22);
  border-radius: 26px;
  background:
    radial-gradient(circle at 80% 12%, rgba(155, 105, 195, .16), transparent 34%),
    linear-gradient(160deg, rgba(20, 30, 62, .92), rgba(12, 19, 43, .91));
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 24px 60px rgba(0,0,0,.22);
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pm-hypothesis-review-intro__visual-head {
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(194, 205, 233, .12);
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
}

.pm-hypothesis-review-intro__visual-head > span {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(235, 179, 112, .27);
  border-radius: 15px;
  color: #efba78;
  background: rgba(67, 42, 67, .48);
  display: grid;
  place-items: center;
}

.pm-hypothesis-review-intro__visual-head small,
.pm-hypothesis-review-intro__selection-preview small,
.pm-hypothesis-review-intro__model small {
  display: block;
  color: #9faac0;
  font: 700 10px/1.2 Inter, system-ui, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pm-hypothesis-review-intro__visual-head strong {
  display: block;
  margin-top: 5px;
  color: #eee4d6;
  font: 500 20px/1.2 Georgia, "Times New Roman", serif;
}

.pm-hypothesis-review-intro__model {
  position: relative;
  display: grid;
  gap: 11px;
}

.pm-hypothesis-review-intro__model::before {
  content: "";
  position: absolute;
  top: 42px;
  bottom: 42px;
  left: 23px;
  width: 1px;
  background: linear-gradient(#e2ae70, rgba(127, 143, 188, .3));
}

.pm-hypothesis-review-intro__model article {
  position: relative;
  z-index: 1;
  min-height: 108px;
  padding: 16px 16px 16px 13px;
  border: 1px solid rgba(127, 143, 188, .2);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(23, 34, 68, .82), rgba(15, 23, 50, .76));
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
}

.pm-hypothesis-review-intro__model article.leading {
  border-color: rgba(235, 179, 112, .34);
  background:
    radial-gradient(circle at 100% 0, rgba(235, 179, 112, .09), transparent 45%),
    linear-gradient(145deg, rgba(34, 35, 67, .94), rgba(24, 22, 49, .88));
}

.pm-hypothesis-review-intro__model article > span {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(154, 168, 207, .28);
  border-radius: 15px;
  color: #bbc6df;
  background: rgba(25, 36, 70, .88);
  display: grid;
  place-items: center;
}

.pm-hypothesis-review-intro__model article.leading > span {
  color: #efbb79;
  border-color: rgba(235, 179, 112, .36);
  background: rgba(72, 49, 63, .72);
}

.pm-hypothesis-review-intro__model b {
  float: right;
  margin-top: -15px;
  color: #f1d2a4;
  font: 500 31px/1 Georgia, "Times New Roman", serif;
}

.pm-hypothesis-review-intro__model p {
  margin: 7px 0 0;
  color: #aeb8ca;
  font: 400 12px/1.45 Inter, system-ui, sans-serif;
}

.pm-hypothesis-review-intro__selection-preview {
  margin-top: auto;
  padding: 17px;
  border: 1px solid rgba(105, 161, 205, .23);
  border-radius: 18px;
  background: rgba(20, 44, 69, .46);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
}

.pm-hypothesis-review-intro__selection-preview > span {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  color: #9dc6df;
  background: rgba(54, 103, 137, .22);
  display: grid;
  place-items: center;
}

.pm-hypothesis-review-intro__selection-preview strong {
  display: block;
  margin: 6px 0 4px;
  color: #e5edf2;
  font: 650 15px/1.25 Inter, system-ui, sans-serif;
}

.pm-hypothesis-review-intro__selection-preview p {
  margin: 0;
  color: #a9b8c4;
  font: 400 12px/1.45 Inter, system-ui, sans-serif;
}

.pm-hypothesis-review-intro__guidance {
  padding-top: 6px;
}

.pm-hypothesis-review-intro__guidance article {
  min-height: 132px;
  align-items: start;
}

.pm-hypothesis-review-intro__boundary {
  margin: 0 64px;
  padding: 15px 18px;
  border: 1px solid rgba(238, 183, 112, .23);
  border-radius: 16px;
  color: #baa995;
  background: rgba(62, 42, 55, .28);
  display: flex;
  align-items: center;
  gap: 12px;
  font: 400 13px/1.5 Inter, system-ui, sans-serif;
}

.pm-hypothesis-review-intro__boundary svg {
  flex: 0 0 auto;
  color: #eab778;
}

.pm-hypothesis-review-intro__boundary p { margin: 0; }
.pm-hypothesis-review-intro__boundary b { color: #ead8c2; }

.pm-hypothesis-window-title__eyebrow {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.pm-hypothesis-window-title__eyebrow > span {
  color: #d4b57f;
  font: 800 10px/1 Inter, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pm-hypothesis-window-title__eyebrow button {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(217, 185, 127, .22);
  border-radius: 999px;
  color: #d8c1a0;
  background: rgba(255,255,255,.025);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 650 11px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
}

.pm-hypothesis-window-title__eyebrow button:hover {
  color: #f2d29f;
  border-color: rgba(239, 190, 119, .42);
  background: rgba(95, 65, 65, .22);
}

@media (max-width: 1120px) {
  .pm-hypothesis-review-intro__hero { grid-template-columns: 1fr; }
  .pm-hypothesis-review-intro__visual { margin: 0 34px 28px; }
  .pm-hypothesis-review-intro__model { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pm-hypothesis-review-intro__model::before { display: none; }
  .pm-hypothesis-review-intro__model article { grid-template-columns: 42px minmax(0, 1fr); min-height: 128px; }
}

@media (max-width: 760px) {
  .pm-hypothesis-review-intro__copy { padding: 34px 24px 24px; }
  .pm-hypothesis-review-intro__copy h1 { font-size: clamp(40px, 12vw, 56px); }
  .pm-hypothesis-review-intro__visual { margin: 0 20px 22px; padding: 18px; }
  .pm-hypothesis-review-intro__model { grid-template-columns: 1fr; }
  .pm-hypothesis-review-intro__model article { min-height: 104px; }
  .pm-hypothesis-review-intro__boundary { margin: 0 20px; }
  .pm-hypothesis-review-intro__actions { align-items: stretch; }
  .pm-hypothesis-review-intro__actions .pm-gold-button { min-width: 0; width: 100%; }
  .pm-hypothesis-window-title__eyebrow { align-items: flex-start; }
}

/* ======================================================================
   v36.20.4 — full-width two-paragraph client explanations
   ====================================================================== */
@media (max-width: 680px) {
  .pm-hypothesis-explanation-hero .pm-hypothesis-client-description {
    margin-top: 15px;
    padding-left: 13px;
  }
  .pm-hypothesis-explanation-hero .pm-hypothesis-client-description p {
    font-size: 13.5px;
    line-height: 1.62;
  }
}

/* ======================================================================
   v36.20.5 — reactive-priority dynamic hypothesis narratives
   ====================================================================== */
.pm-hypothesis-dynamic-narrative {
  max-width: 1080px;
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid rgba(197, 160, 103, .18);
  border-radius: 16px;
  background:
    radial-gradient(520px 160px at 0 0, rgba(198, 151, 89, .075), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
}
.pm-hypothesis-dynamic-narrative > header {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 11px;
  align-items: center;
  padding: 13px 15px 12px;
  border-bottom: 1px solid rgba(255,255,255,.045);
}
.pm-hypothesis-dynamic-narrative > header > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #e4bc7d;
  background: rgba(214, 165, 96, .085);
}
.pm-hypothesis-dynamic-narrative > header .icon { width: 17px; height: 17px; }
.pm-hypothesis-dynamic-narrative > header small {
  display: block;
  margin-bottom: 3px;
  color: #a89274;
  font: 800 9px/1 Inter,sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.pm-hypothesis-dynamic-narrative > header h3 {
  margin: 0;
  color: #eadcc7;
  font: 700 13px/1.35 Inter,sans-serif;
}
.pm-hypothesis-dynamic-narrative__body {
  padding: 14px 16px 16px;
}
.pm-hypothesis-explanation-hero .pm-hypothesis-dynamic-narrative__body p {
  max-width: 1030px;
  margin: 0;
  color: #c8bca9;
  font: 400 13.5px/1.66 Inter,sans-serif;
}
.pm-hypothesis-explanation-hero .pm-hypothesis-dynamic-narrative__body p + p {
  margin-top: 11px;
  padding-top: 11px;
  border-top: 1px solid rgba(255,255,255,.04);
}
.pm-hypothesis-dynamic-narrative__body p[data-narrative-role="PRIMARY_CONTEXT"] {
  color: #ddd0bd;
}
.pm-hypothesis-dynamic-narrative__body p[data-narrative-certainty="UNCLEAR"] {
  color: #aa9d8a;
}

@media (max-width: 680px) {
  .pm-hypothesis-dynamic-narrative { margin-top: 15px; border-radius: 14px; }
  .pm-hypothesis-dynamic-narrative > header { grid-template-columns: 30px minmax(0,1fr); padding: 12px 13px; }
  .pm-hypothesis-dynamic-narrative > header > span { width: 30px; height: 30px; }
  .pm-hypothesis-dynamic-narrative__body { padding: 13px; }
  .pm-hypothesis-explanation-hero .pm-hypothesis-dynamic-narrative__body p { font-size: 13px; line-height: 1.6; }
}