/* Keep live examples on the same paper and type scale as their Bento slides. */
body[data-interactive-slides="eo-mtt"] {
  --bg: #f7f5ef;
  --paper: #fffefb;
  --paper-soft: #f7f5ef;
  --interactive-paper: #f7f5ef;
  --interactive-panel: #fffefb;
  --interactive-ink: #203129;
  --interactive-muted: #66756e;
  --interactive-rule: #d8ded7;
  --interactive-accent: #2f6b4f;
  --interactive-accent-soft: #e7f0ea;
  --shadow: none;
  background: var(--bg);
}
html.is-bento-embedded .interactive-slide-shell { padding: 0; }
html.is-bento-embedded .interactive-slide-panel { box-shadow: none; }
h2 { font: 600 20px/1.2 var(--interactive-sans); letter-spacing: 0; }
h3 { font-size: 12px; line-height: 1.25; }
.card-heading { padding: 12px 14px 8px; }
.card-heading p, .inference-heading p { font-size: 11px; }
.eyebrow, .family-badge, .method-number, .accuracy-pill {
  font-family: 'SFMono-Regular', Consolas, monospace;
  font-size: 10px;
  border-radius: 5px;
}
.family-badge { max-width: 140px; text-align: center; }
.section-title { flex-wrap: wrap; gap: 4px 8px; }
.section-title output, .hypothesis-flow output, .method-heading output { font-size: 11px; }
.control-card { padding: 12px; }
.slider-label, .scene-legend { font-size: 11px; }
.hint, .model-note, .fine-print, .boundary-note, .projection-callout {
  font-size: 10.5px;
  line-height: 1.4;
}
.metric-grid span { font-size: 10px; }
.metric-grid strong { font-family: var(--interactive-sans); font-size: 19px; }
button { min-height: 32px; font-size: 11px; line-height: 1.25; padding: 6px 9px; }
.hypothesis-flow { flex-wrap: wrap; }
.hypothesis-card { padding: 8px; }
.hypothesis-card header, .hypothesis-card header strong { font-size: 11px; }
.hypothesis-card p { font-size: 10.5px; line-height: 1.4; }
.marginal-row, .visit-row, .bp-row { font-size: 11px; }
.marginal-row strong, .visit-row strong, .bp-row strong { font-size: 11px; }
.method-thesis { font-size: 11px; line-height: 1.4; }
.inference-card { gap: 2px; padding: 11px; }
.inference-heading .accuracy-pill { background: var(--teal-soft); color: var(--teal); }
.inference-heading h2 { margin-bottom: 4px; }
.app-footer { font-size: 10.5px; }
.view-nav a { font-size: 12px; }
.ambiguous-mark span { font-family: var(--interactive-sans); }
@media (max-width: 800px) {
  html.is-bento-embedded,
  html.is-bento-embedded body[data-interactive-slides="eo-mtt"] {
    height: auto;
    min-height: 100%;
    overflow: auto;
  }
  html.is-bento-embedded .interactive-slide-shell {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }
  html.is-bento-embedded .interactive-slide-body { height: auto; }
  button { min-height: 40px; }
  .hypothesis-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card-heading { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .hypothesis-cards { grid-template-columns: 1fr; }
  .marginal-row, .visit-row, .bp-row { grid-template-columns: minmax(115px, 1fr) minmax(65px, .8fr) 36px; }
}