
  .mc-visual { color:var(--ink); font-family:var(--font-fa); font-size:var(--fs-body); line-height:var(--lh-body); }
  .mc-visual * { box-sizing:border-box; }
  .mc-visual__kicker { color:var(--ink-meta); font-size:var(--fs-meta); font-weight:600; margin:0 0 var(--sp-2); }
  .mc-visual__title { color:var(--ink); font-family:var(--font-display); font-size:var(--fs-h2); font-weight:700; line-height:var(--lh-heading); margin:0; }
  .mc-visual__note { color:var(--ink-soft); margin:var(--sp-2) 0 0; max-width:62ch; }
  .mc-visual__grid { display:grid; gap:var(--sp-6); margin-top:var(--sp-6); }
  .mc-visual__plot { border-block:1px solid var(--line-gold); margin:0; padding-block:var(--sp-5); }
  .mc-chart-frame { aspect-ratio:46 / 27; margin-block-end:var(--sp-3); margin-inline:auto; max-inline-size:680px; position:relative; }
  .mc-visual__svg { display:block; height:auto; inline-size:100%; max-inline-size:680px; margin-inline:auto; }
  .mc-chart-frame .mc-visual__svg { block-size:100%; max-inline-size:none; }
  .mc-chart-label { color:var(--ink-meta); font-family:var(--font-en); font-size:var(--fs-meta); line-height:1; position:absolute; white-space:nowrap; }
  .mc-chart-label--y { inset-inline-start:9%; inset-block-start:var(--y); transform:translate(-100%,-50%); }
  .mc-chart-label--x { color:var(--ink-soft); inset-inline-start:var(--x); inset-block-start:96%; transform:translate(-50%,0); }
  .mc-chart-label--group { color:var(--ink); font-weight:600; inset-inline-start:var(--x); inset-block-start:96%; transform:translate(-50%,0); }
  .mc-chart-label--value { color:var(--ink); font-weight:700; inset-inline-start:var(--x); inset-block-start:var(--y); transform:translate(-50%,-100%); }
  .mc-visual__caption { color:var(--ink-soft); font-size:var(--fs-meta); line-height:var(--lh-body); margin:var(--sp-4) 0 0; }
  .mc-visual__caption bdi { color:var(--ink); font-weight:700; }
  .mc-visual__scale { color:var(--ink-meta); font-size:var(--fs-meta); line-height:var(--lh-ui); margin:var(--sp-3) 0 0; }
  .mc-series { display:grid; gap:var(--sp-2); list-style:none; margin:var(--sp-4) 0 0; padding:0; }
  .mc-series__item { align-items:center; border-inline-start:2px solid var(--ink); color:var(--ink-soft); display:grid; gap:var(--sp-2); grid-template-columns:28px 1fr; min-block-size:44px; padding-inline-start:var(--sp-3); }
  .mc-series__mark { block-size:12px; display:block; inline-size:24px; }
  .mc-series__text { direction:ltr; font-family:var(--font-en); font-size:var(--fs-meta); line-height:var(--lh-en); text-align:start; }
  .mc-table-wrap { border-block:1px solid var(--line-gold); margin:0; padding-block:var(--sp-5); }
  .mc-table { border-collapse:collapse; inline-size:100%; }
  .mc-table caption { caption-side:top; color:var(--ink); font-family:var(--font-display); font-size:var(--fs-h3); font-weight:700; line-height:var(--lh-heading); padding-block-end:var(--sp-3); text-align:start; }
  .mc-table th, .mc-table td { border-block-end:1px solid var(--paper-rule); padding:var(--sp-3); text-align:start; vertical-align:top; }
  .mc-table th { color:var(--ink); font-weight:700; }
  .mc-table td { color:var(--ink-soft); }
  .mc-table td[dir='ltr'], .mc-table th[dir='ltr'] { font-family:var(--font-en); line-height:var(--lh-en); }
  .mc-table tbody tr:last-child th, .mc-table tbody tr:last-child td { border-block-end:0; }
  .mc-table__unit { color:var(--ink-meta); display:block; font-size:var(--fs-caption); font-weight:500; line-height:var(--lh-en); }
  .mc-callout { border-inline-start:2px solid var(--ink); color:var(--ink-soft); margin:var(--sp-5) 0 0; padding-inline-start:var(--sp-4); }
  .mc-callout strong { color:var(--ink); font-weight:700; }
  .mc-endpoints { border-inline-start:2px solid var(--line-dash); color:var(--ink-soft); font-size:var(--fs-meta); line-height:var(--lh-body); margin:0; padding-inline-start:var(--sp-4); }
  .mc-visual__side { align-content:start; display:grid; gap:var(--sp-6); }
  @media (min-width:768px) {
    .mc-visual__grid--lesson { grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr); }
    .mc-visual__grid--ebook { grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr); }
    .mc-table-wrap--full { grid-column:1 / -1; }
  }
  @media (max-width:599px) {
    .mc-visual { font-size:16px; }
    .mc-visual__title { font-size:28px; }
    .mc-table thead { clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }
    .mc-table, .mc-table tbody, .mc-table tr, .mc-table th, .mc-table td { display:block; inline-size:100%; }
    .mc-table tr { border-block-end:1px solid var(--paper-rule); padding-block:var(--sp-2); }
    .mc-table tbody tr:last-child { border-block-end:0; }
    .mc-table th, .mc-table td { border:0; padding:var(--sp-1) 0; }
    .mc-table td { display:grid; gap:var(--sp-3); grid-template-columns:minmax(8.5rem,1fr) minmax(0,1fr); }
    .mc-table td::before { color:var(--ink-meta); content:attr(data-label); font-family:var(--font-fa); font-size:var(--fs-meta); font-weight:600; line-height:var(--lh-ui); }
  }
  @media print {
    .mc-visual { color:#22334A; font-size:10.5pt; }
    .mc-visual__grid { gap:5mm; }
    .mc-visual__plot, .mc-table-wrap { break-inside:avoid; }
    .mc-visual__svg { max-inline-size:150mm; }
    .mc-visual__title { font-size:18pt; }
    .mc-table th, .mc-table td { padding:2.4mm; }
  }
  @media (prefers-reduced-motion:reduce) { .mc-visual *, .mc-visual *::before { transition:none !important; } }
