.c-reading { border-top: 2px solid var(--ink); }
.c-reading-row { display: grid; grid-template-columns: minmax(0, 2.7fr) minmax(0, 1fr); gap: 80px; padding: 38px 0 40px; border-bottom: 1px solid var(--rule); }
.c-reading-section { min-width: 0; max-width: 70ch; }
.c-reading-section .c-reading-heading { margin-bottom: 23px; }
.c-reading-text { max-width: 68ch; overflow-wrap: break-word; }
.c-reading-text + .c-reading-text { margin-top: 18px; }
.c-margin { align-self: start; border-top: 4px solid var(--green); padding-top: 16px; margin-top: 5px; min-width: 0; }
.c-margin dt { font-weight: 700; line-height: 1.4; margin-bottom: 10px; }
.c-margin dd + dt { margin-top: 24px; }
.c-margin dd { color: var(--muted); font-size: 16px; line-height: 1.6; overflow-wrap: break-word; }
.c-question { background: var(--mint); padding: 26px 30px; margin-top: 36px; border-left: 4px solid var(--green); }
.c-question .c-kicker { margin-bottom: 10px; color: var(--green); }
.c-question > p:last-child { font-size: 24px; line-height: 1.35; max-width: 48ch; }
.c-next { padding: 14px 0 28px; }
.c-next a { display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 60px; padding: 16px 0; border-bottom: 2px solid var(--green); text-decoration: none; font-weight: 700; }
.c-next a > span:last-child { font-size: 26px; }
.c-next a:hover { background: var(--mint); }
@media (max-width: 1000px) { .c-reading-row { gap: 44px; } }
@media (max-width: 760px) {
  .c-reading-row { display: flex; flex-direction: column; gap: 24px; padding: 28px 0 32px; }
  .c-margin { order: -1; margin: 0; padding: 12px 16px; border: 0; border-left: 3px solid var(--green); background: #e9eadd; width: 100%; }
  .c-margin dt { font-size: 16px; margin-bottom: 5px; }
  .c-reading-section .c-reading-heading { margin-bottom: 18px; }
  .c-question { padding: 22px 18px; }
  .c-question > p:last-child { font-size: 22px; }
}
@media print {
  .c-reading-row { break-inside: avoid; }
  .c-margin { color: #222; }
}