/* Quadrilaterals — chapter-specific additions only.
   Shared tokens, layout and components come from lessons/shared/class8-maths.css (loaded first). */
.dm-explain .qd-fig{background:var(--dm-paper);border-radius:10px;padding:6px}
.dm-explain .dm-figure .qd-fig{margin:0 auto}

/* Geometry figures (qd-fig, drawn by geo.js) */
.qd-fig{display:block;width:100%;max-width:340px;height:auto;margin:14px auto}
.qd-fig-wide{max-width:480px}
.qd-legend{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin:6px 0 14px;font-size:13px}
.qd-legend span{display:inline-flex;align-items:center;gap:6px}
.qd-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid #222;font-style:normal}
.qd-fig-row{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:flex-start;justify-content:center;margin:10px 0}
.qd-fig-row .qd-fig{margin:6px 0;width:auto;max-width:47%;flex:1 1 200px}
.qd-fig-row figure.dm-figure{margin:0;flex:1 1 200px;max-width:47%}
@media (max-width:600px){
  .qd-fig-row .qd-fig,.qd-fig-row figure.dm-figure{max-width:100%;flex-basis:100%}
}