/* Scope layout to lesson illustrations; scratchblocks supplies SVG styles. */
.block-example{display:block;max-width:100%;min-width:0;margin:12px 0;padding:14px;border:1px solid #d6dfd6;border-radius:8px;background:#fbfcf9;line-height:1.6}
.block-caption{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.block-graphic{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px}
.block-graphic svg{display:block;max-width:none;flex-shrink:0}
.block-description{display:block;margin-top:6px;font-size:14px;color:#40534f;white-space:pre-line}
.block-source{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 system-ui,sans-serif;color:#102b2a}
.block-example-inline{padding:8px 10px}
.block-example-inline .block-caption{display:inline;margin-right:10px}
.block-example-inline .block-graphic{display:inline-block;vertical-align:middle;padding-bottom:4px}
.block-hint{margin:12px 0;border-top:1px solid #d6dfd6}
.teacher .block-hint>summary{padding:10px 0;font-size:14px;font-weight:600}
.block-hint .block-example{margin-top:0}
@media print{
  .block-example{background:white;border-color:#888;padding:8px;break-inside:avoid;margin:8px 0;color:#000}
  .block-graphic{overflow:visible;padding:2px 0}
  .block-graphic svg{max-width:100%;height:auto;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .block-description{color:#000;font-size:10pt}
  .block-caption{font-size:10pt}
  .block-hint{display:none!important}
}

.block-reading{margin:12px 0 20px;padding:12px 16px;border:1px solid #d6dfd6;border-radius:8px;background:#f6f8f3}
.block-reading label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;font-size:15px;font-weight:650;cursor:pointer}
.block-reading input{width:20px;height:20px;flex:none;accent-color:#27514b}
.block-reading p{margin:4px 0 0}
@media print{
  .block-reading{display:none!important}
  /* Also covers print preview before the browser dispatches beforeprint. */
  .block-graphic .sb3-label{fill:#000}
  .block-graphic .sb3-literal-number,.block-graphic .sb3-literal-string{fill:#575e75}
}