/* Three main questions on Core, followed by a linked nonlinear coda. */
.core-story-page .hero { padding:32px 0; }
.core-story-page .hero-grid { grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr); gap:28px; align-items:start; }
.core-story-page .hero-grid > * { min-width:0; }
.core-story-page h1 { margin:0; font-size:clamp(3.2rem,6vw,5.6rem); }
.core-story-page h1 > span { display:block; }
.core-story-page h1 > .core-title-prefix { margin-bottom:10px; font-size:clamp(1.3rem,2.4vw,2rem); line-height:1.25; }
.core-story-page .hero .lede { margin-top:14px; font-size:1.08rem; }
.core-story-page .hero-note { margin:14px 0; padding:10px 12px; font-size:.98rem; }
.core-story-page .core-question-map { margin:16px 0 0; padding-left:24px; }
.core-story-page .core-question-map li { padding-left:4px; margin:10px 0; }
.core-story-page .core-question-map a { color:var(--ink); text-decoration:none; line-height:1.5; }
.core-story-page .core-question-map a:hover { text-decoration:underline; }
.core-story-page .core-question-map a > b { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.core-story-page .core-question-map .hero-report { margin:0; }
.core-story-page .core-question-map .hero-report a { display:inline; padding:0; border:0; border-radius:0; background:none; font-size:inherit; }
.core-story-page .core-coda-link { margin:14px 0 0; font-size:.95rem; }
.core-story-page .hero .byline { margin:14px 0 0; font-size:.86rem; font-weight:500; }
.core-story-page .core-reaction { margin:14px 0; }
.core-story-page .quadrant-shell { margin-top:20px; padding:16px; }
.core-story-page .quadrant-table { grid-template-columns:38px repeat(2,minmax(0,1fr)); grid-template-rows:auto repeat(2,minmax(90px,auto)); }
.core-story-page .q-cell { min-height:90px; padding:12px; display:grid; place-items:center; text-align:center; }
.core-story-page .q-title { margin:0; font-size:1.15rem; }
.core-story-page .q-colhead { font-size:.7rem; }
.core-story-page .q-rowhead { font-size:.66rem; }
.core-story-page .act-nav a[data-act="coda"]::before { content:"↳"; }
.core-story-page .section { padding:42px 0; }
.core-story-page .section-header { margin-bottom:20px; gap:24px; }
.core-story-page h2 { font-size:clamp(1.8rem,3.4vw,2.65rem); }
.core-story-page .core-definition { margin:22px 0 14px; }
.core-story-page .problem-setup > .modeling-aside > summary { padding:14px 16px; }
.core-story-page .modeling-summary-title { font-size:1rem; }
.core-story-page .core-span-pointer { padding:14px 18px; }
.core-story-page .core-span-pointer h3 { font-size:1.05rem; }
.core-story-page .core-span-pointer p { margin:8px 0 0; }
.core-story-page .core-coda-takeaway { grid-column:1/-1; margin:0; }
.core-story-page .core-explanation { max-width:820px; }
.core-story-page .core-next-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:24px; }
.core-story-page .core-next-groups h3 { font-size:1.05rem; color:var(--muted); }
.core-story-page .core-next-groups .core-next-pages { grid-template-columns:1fr; margin:10px 0 0; gap:10px; }
.core-story-page .core-next-groups a { padding:14px 16px; gap:4px; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-controls { grid-template-columns:repeat(2,minmax(0,1fr)); margin:12px 0; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-control { padding:10px; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-control small { display:none; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-geometry-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-target-receipt { margin:12px 0; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-target-count { padding:10px; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-target-count small { min-height:0; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-current-errors { margin:10px 0 14px; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-plot-legend > span[hidden],
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-plot-legend > span[aria-hidden="true"] { display:none; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-range-note { margin:8px 0; min-height:1.6em; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-mode-note { min-height:0; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-mode-copy { min-height:0; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-cap-readout { margin:12px 0; min-height:0; }
#sampleThresholdExplorer[data-threshold-streamlined="true"] .threshold-compact-help { display:none; }
.core-story-page .core-gaussian-scores { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:16px 0; gap:12px; }
.core-story-page .core-gaussian-scores > span { display:flex; flex-direction:column; gap:4px; background:#f5f8fb; padding:14px; border-radius:12px; }
.core-story-page .core-gaussian-scores strong { font-size:clamp(28px,4vw,46px); line-height:1.15; font-variant-numeric:tabular-nums; }
.core-story-page .core-gaussian-scores small { min-height:0; font-size:14px; }
.core-story-page .iid-repetition-visual > .controls { margin-bottom:16px; }
.core-story-page #iidCloudMetrics { min-height:0; margin:10px 0; }
.core-story-page #iidRepetitionReadout { min-height:3.1em; }
.core-story-page #iidCloudToggle { min-width:190px; }
.core-story-page #iidCloudSetting { font-variant-numeric:tabular-nums; }
.core-story-page #realized-quadratics { margin:28px 0; }
.core-story-page #realized-quadratics p[hidden] { display:none; }
.core-story-page .core-span-pointer { margin-top:32px; padding:22px; border-left:4px solid #c69218; background:#fff9e9; }
.core-next-pages { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0; }
.core-next-pages a { display:flex; flex-direction:column; gap:8px; padding:20px; color:inherit; text-decoration:none; border:1px solid #d8dde6; border-radius:12px; background:#fff; }
.core-next-pages a:hover { border-color:#235f9e; }
.core-next-pages strong { color:#235f9e; }
@media(max-width:920px){
  .core-story-page .hero-grid { grid-template-columns:1fr; }
  .core-story-page .quadrant-shell { max-width:520px; width:100%; margin-top:0; }
}
@media(max-width:600px){
  .core-story-page h1 { font-size:clamp(2.4rem,12vw,3.2rem); }
  .core-story-page .quadrant-shell { padding:12px; }
  .core-story-page .q-cell { min-width:0; padding:10px 5px; }
  .core-story-page .q-title { font-size:clamp(.72rem,3.6vw,.95rem); overflow-wrap:normal; word-break:normal; }
  .core-story-page .hero { padding:24px 0; }
  .core-story-page .section { padding:32px 0; }
  .core-story-page .core-next-groups { grid-template-columns:1fr; }
  .core-story-page .core-gaussian-scores { gap:8px; }
  .core-story-page .core-gaussian-scores > span { padding:12px; }
  .core-story-page .core-gaussian-scores b { min-height:3em; }
  .core-story-page .core-gaussian-scores small { min-height:0; }
  .core-story-page #iidRepetitionReadout { min-height:4.65em; }
  .core-next-pages { grid-template-columns:1fr; }
  html.gold-route-active .core-story-page .act-nav { display:none; }
  .core-story-page .essential-route.is-active { top:0; padding:6px 0; }
  .core-story-page .essential-route-inner { padding-bottom:0; }
  .core-story-page .gold-route-controls { gap:6px; }
  .core-story-page .gold-route-controls button { min-width:40px; min-height:44px; flex-shrink:0; }
  .core-story-page #goldRouteStatus { min-width:0; flex:1; white-space:normal; line-height:1.3; }
}
/* Two onward pointers sit in the text as reading-aid notes. With the aids off,
   or without JavaScript, each keeps its own caption line, as before. */
html:not(.ra-on) .core-story-page .core-sn-line { display:block; margin:14px 0 0; color:var(--muted); font-size:.98rem; }
/* Q2: the arriving-point tile shows only with its dots; until then two tiles share the row. */
.core-story-page .core-sgd-witness .core-sgd-scores:has(> div[hidden]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
/* The explorer's drawers use small summaries; keep their second lines readable. */
.core-story-page .threshold-explorer summary > .drawer-meta { font-size:.75rem; }

/* The lead's live targets are far below it on phones. This local color key
   explains the standards without repeating a live draw's numbers. */
.core-phone-fit-guide { display:none; }
@media(max-width:700px){
  .core-phone-fit-guide { display:block; margin-bottom:20px; }
  .core-phone-fit-guide figure { margin:0; padding:14px; border:1px solid #d8dde6; border-radius:8px; background:#fff; font-size:.88rem; line-height:1.45; }
  .core-phone-fit-guide figcaption { margin:0 0 10px; color:#405066; font-weight:700; }
  .core-phone-fit-guide p { margin:8px 0; font-size:inherit; }
  .core-fit-line { display:inline-block; width:24px; margin-right:6px; vertical-align:middle; border-top:3px solid; }
  .core-fit-equal { border-color:#167c88; border-top-style:dashed; }
  .core-fit-cap { border-color:#b43468; }
  .core-fit-shades { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:12px; }
  .core-fit-shades > div { padding:12px 10px; border-radius:5px; }
  .core-fit-yellow { background:#f7d480; }
  .core-fit-green { background:#e5edc3; }
  .core-phone-fit-guide .core-fit-together { margin-bottom:0; }
}

/* Q3: the paragraph's 38 / 65 / 531 comparison on a log number line, beside
   the words (the explorer's plot sits far above). Static: the opening example. */
.core-sgd-line { max-width: 40rem; margin: 14px 0 18px; padding: 12px 16px 8px; border: 1px solid #dde3ea; border-radius: 10px; background: #fbfcfd; }
.core-sgd-line figcaption { margin: 0 0 4px; color: #405066; font-size: 13px; line-height: 1.45; }
.core-sgd-line-scale { color: #6a7686; }
.core-sgd-line-track { position: relative; height: 82px; margin: 0 12px; }
.core-sgd-line-axis { position: absolute; left: 0; right: 0; top: 30px; border-top: 2px solid #c9d2dc; }
.core-sgd-line-tick { position: absolute; left: var(--x); top: 64px; transform: translateX(-50%); color: #6a7686; font-size: 11px; line-height: 1; }
.core-sgd-line-tick::before { content: ""; position: absolute; left: 50%; top: -34px; height: 8px; border-left: 1px solid #b4bfcb; }
.core-sgd-line-mark { position: absolute; left: var(--x); top: 37px; transform: translateX(-50%); color: var(--mark); font-size: 13px; line-height: 1.2; white-space: nowrap; }
.core-sgd-line-mark b { font-size: 14px; }
.core-sgd-line-mark i { position: absolute; left: 50%; top: -12px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--mark); }
.core-sgd-line-opt { --mark: #3c8052; }
.core-sgd-line-sgd { --mark: #7862b2; top: 2px; }
.core-sgd-line-sgd i { top: 22px; border-radius: 1px; transform: rotate(45deg) scale(.9); }
.core-sgd-line-zero-gap { --mark: #167c88; transform: translateX(calc(-100% + 18px)); }
.core-sgd-line-zero-gap i { left: auto; right: 12px; margin-left: 0; background: #fff; border: 3px solid var(--mark); box-sizing: border-box; }
@media (max-width: 430px) {
  .core-sgd-line { padding: 10px 12px 8px; }
  .core-sgd-line-track { margin: 0 8px; }
  .core-sgd-line-mark { font-size: 12px; }
}

/* Inline prose prompt that shows the 320-dataset cloud; dimmed once the cloud is shown. */
.iid-cloud-prompt { font: inherit; font-weight: 700; color: var(--blue, #235f9e); background: none; border: 0; padding: 0; cursor: pointer;
  text-decoration: underline dotted; text-underline-offset: 3px; }
.iid-cloud-prompt:hover { background:none; text-decoration-style: solid; }
.iid-cloud-prompt[aria-disabled="true"] { color: #8a919b; cursor: default; text-decoration: none; }
.iid-drag-hint { margin-top: 4px; }