/* Glassworks Measures additions. Loaded after the live glassworks.css and finish.css. */
/* The live sheet defines column counts for five and six jar shelves only. */
.board[data-count="4"]{--jars:4}
.board[data-count="7"]{--jars:7}
/* Chapter titles sit across the whole card grid. */
.levels .chapter-heading{grid-column:1/-1;margin:18px 0 2px;font-size:1.05rem;letter-spacing:.04em}
.levels .chapter-heading:first-child{margin-top:0}
/* Live bug, fixed here only: a finished jar's label turns pale but its capacity number
   stayed pale too (#ffe6a5 on #fff0bf to #d8c082), so the number vanished. */
.jar.done .jar-label strong{color:#5c3a0c}
/* Seven jars on a portrait phone wrapped 3, 3, 1 and pushed the last jar off an 844px
   screen, so a child had to scroll between the two taps of a pour. Four columns and a
   slightly shorter unit keep the whole shelf on one screen (checked per level in qa.cjs). */
@media(orientation:portrait) and (max-width:720px){
.board[data-count="7"]{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:6px;--unit:26px}
.board[data-count="7"] .glass{width:52px}
.board[data-count="7"] .jar-label{min-width:0;padding:3px 5px}
}