/* Stage 6 diagrams: preserve legible scales and avoid page-level overflow. */
.gcse-practical-figure { margin: 1.15rem 0; max-width: 100%; }
.gcse-practical-figure figcaption { margin-top: .55rem; line-height: 1.5; }
.gcse-practical-svg-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid #d9e2e9; border-radius: .5rem; padding: .35rem; }
.gcse-practical-svg-scroll:focus-visible { outline: 2px solid #126d8f; outline-offset: 3px; }
.gcse-practical-figure .small { font-size: .87rem; line-height: 1.5; }
.gcse-practical-text-alternative { margin-top: .8rem; }
.gcse-burette-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;justify-items:center; }
.gcse-burette-grid svg { max-width: 330px; }
@media (max-width: 650px) {
 .gcse-burette-grid { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .gcse-burette-grid svg { max-width:300px; }
}
@media (max-width: 350px) {
 main > h1 { font-size: 1.7rem; overflow-wrap: anywhere; }
}