/* Proportional Reasoning-1 — chapter-specific additions only.
   Shared tokens, layout and components come from lessons/shared/class8-maths.css (loaded first). */
.pr-chain{display:inline-grid;justify-items:center;row-gap:2px;margin:10px auto;font-family:var(--serif);font-size:20px}
.pr-chain-row{display:grid;grid-template-columns:repeat(3,auto);column-gap:.5em}
.pr-chain-arrows{display:grid;grid-template-columns:repeat(3,auto);column-gap:.5em;font-family:var(--sans);font-size:13px;color:var(--dm-hl)}
.pr-chain-arrows span:nth-child(1){grid-column:1}
.pr-chain-arrows span:nth-child(2){grid-column:3}
.dm-explain .pr-chain{color:var(--dm-cream);background:var(--dm-deep);border-radius:10px;padding:10px 20px}

@media (max-width:600px){
  .pr-chain{font-size:18px}
}