/* Isolation only. The source cascade remains in closer-source.css. */
html:has(body.reference-specimen), body.reference-specimen {
  height: auto;
  min-height: 0;
}
body.reference-specimen {
  display: block;
  overflow: visible;
  --orange: #FE4A23;
  --radius: 0px;
}
.reference-specimen #presentation { flex: none; min-height: 0; }
.reference-specimen .slide { height: auto; overflow: visible; }
.reference-specimen .slide-inner {
  width: min(1140px, 100%);
  min-height: 0;
  padding: 28px 24px;
  margin-inline: auto;
}
.reference-context {
  color: var(--muted);
  font-size: var(--small-text);
  line-height: 1.65;
  max-width: 1000px;
  margin-bottom: 24px;
}
.reference-assumptions {
  border-top: 1px solid var(--line);
  margin-top: 24px;
  padding-top: 16px;
  color: var(--muted);
  font-size: var(--small-text);
  line-height: 1.65;
}
.reference-assumptions summary { cursor: pointer; color: var(--ink); }
.reference-assumptions p { margin-top: 12px; }
.reference-noscript { margin: 0 auto; max-width: 1140px; padding: 16px 24px; }
/* Daniel's current decision takes precedence over historical corner radii. */
.reference-specimen .segmented,
.reference-specimen .segmented button,
.reference-specimen .preset,
.reference-specimen .field-grid input,
.reference-specimen .calculator-result,
.reference-specimen .value-track,
.reference-specimen .legend-dot,
.reference-specimen .chart-stack > span { border-radius: 0; }
@media (max-width: 560px) {
  .reference-specimen .slide-inner { padding: 24px 20px; }
}
/* Narrow embedded previews cannot translate beyond their viewport on entry. */
@media (max-width: 560px) {
  .reference-specimen .enter-forward .slide-inner,
  .reference-specimen .enter-backward .slide-inner {
    animation-name: specimen-enter-fade;
  }
}
@keyframes specimen-enter-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}