/* Consistent, full-width shell for the 15 probability, dependence and transaction experiences. */
.ahs-experience389 {
  --exp-ink: #173647;
  --exp-muted: #536b78;
  --exp-line: #d5dfe3;
  --exp-gold: #a5843e;
  box-sizing: border-box;
  display: block !important;
  width: min(100% - 2rem, 1160px);
  min-width: 0;
  margin: clamp(1.5rem, 4vw, 3.25rem) auto;
  padding: clamp(1rem, 3vw, 2rem);
  color: var(--exp-ink);
  background: #fff;
  border: 1px solid var(--exp-line);
  border-top: 3px solid var(--exp-gold);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgb(13 35 48 / 8%);
  overflow: hidden;
}
.ahs-experience389 *, .ahs-experience389 *::before, .ahs-experience389 *::after { box-sizing: border-box; }
.ahs-experience389__eyebrow {
  margin: 0 0 .55rem;
  color: #70531e;
  font: 700 .72rem/1.4 Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ahs-experience389 h2 {
  max-width: 34ch;
  margin: 0 0 .7rem;
  color: var(--exp-ink);
  font: 600 clamp(1.35rem, 2.5vw, 1.85rem)/1.25 Georgia, serif;
  overflow-wrap: anywhere;
}
.ahs-experience389 p { max-width: 78ch; color: var(--exp-muted); line-height: 1.65; }
.ahs-experience389__intro { margin: 0 0 1rem; }
.ahs-experience389__formula {
  display: inline-block;
  max-width: 100%;
  margin: .25rem 0 1.25rem;
  padding: .65rem .85rem;
  border-left: 3px solid var(--exp-gold);
  background: #f3f6f7;
  color: #193746;
  font: 600 .95rem/1.6 ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow-wrap: anywhere;
}
.ahs-experience389__controls {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  align-items: end;
  gap: .9rem 1rem;
  margin: .25rem 0 1rem;
  padding: 1rem;
  background: #f5f7f8;
  border: 1px solid #e1e7e9;
  border-radius: 6px;
}
.ahs-experience389__controls label { display: grid; gap: .5rem; color: #314e5d; font-weight: 600; }
.ahs-experience389__controls input[type="range"] { width: 100%; accent-color: var(--exp-gold); }
.ahs-experience389__controls output { min-width: 8.5rem; color: var(--exp-ink); font: 700 .95rem/1.4 Arial, sans-serif; font-variant-numeric: tabular-nums; }
.ahs-experience389__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.ahs-experience389 button {
  min-height: 40px;
  padding: .55rem .85rem;
  border: 1px solid #9aabb4;
  border-radius: 4px;
  background: #fff;
  color: #173647;
  font: 600 .9rem/1.3 Arial, sans-serif;
  cursor: pointer;
}
.ahs-experience389 button:hover:not(:disabled) { border-color: var(--exp-gold); background: #fbf9f4; }
.ahs-experience389 button:focus-visible { outline: 3px solid #c6a65b; outline-offset: 2px; }
.ahs-experience389 button:disabled { cursor: default; opacity: .5; }
.ahs-experience389__figure { margin: 0; overflow: hidden; border: 1px solid #233b4a; border-radius: 6px; background: #0a1624; }
.ahs-experience389__chart { width: 100%; height: 430px; min-width: 0; }
.ahs-experience389__figure figcaption { padding: .65rem .9rem; border-top: 1px solid #233b4a; color: #c4d2d8; font: .82rem/1.45 Arial, sans-serif; }
.ahs-experience389__status { min-height: 1.5em; margin: .7rem 0; color: #536b78; font-size: .88rem; }
.ahs-experience389 details { margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--exp-line); }
.ahs-experience389 summary { min-height: 40px; color: var(--exp-ink); font-weight: 700; cursor: pointer; }
.ahs-experience389 details p { margin: .65rem 0; }

/* Guided scenarios use a clear step rail and a single readable decision panel. */
.steps388__track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; margin: 1.25rem 0; padding: 0; list-style: none; }
.steps388__track li { min-width: 0; }
.steps388__track button { width: 100%; min-height: 48px; padding: .55rem; font-size: .84rem; }
.steps388__track button.active, .steps388__track button[aria-current="step"] { border-color: #173647; background: #10212a; color: #fff; box-shadow: inset 0 -3px #c6a65b; }
.steps388__stage { min-height: 12rem; margin: 1rem 0; padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid #dce4e7; border-radius: 6px; background: #f4f7f8; }
.steps388__stage h3 { margin: 0 0 .65rem; color: #173647; font: 600 1.25rem/1.3 Georgia, serif; }
.steps388__stage p { margin: .5rem 0; }
.steps388__example { padding: .85rem 1rem; border-left: 3px solid #a5843e; background: #fff; color: #173647 !important; font-weight: 600; }
.steps388__nav { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.steps388__count { margin-left: auto; color: #536b78; font-size: .88rem; font-variant-numeric: tabular-nums; }
.steps388 details { margin-top: 1rem; }
@media (max-width: 760px) {
  .ahs-experience389 { width: min(100% - 1rem, 1160px); padding: 1rem; }
  .ahs-experience389__controls { grid-template-columns: 1fr; align-items: stretch; }
  .ahs-experience389__controls output { min-width: 0; }
  .ahs-experience389__chart { height: 360px; }
  .steps388__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .steps388__count { width: 100%; margin: .25rem 0 0; }
}
@media (max-width: 420px) {
  .ahs-experience389__chart { height: 310px; }
  .steps388__track { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .ahs-experience389 *, .ahs-experience389 *::before, .ahs-experience389 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}