/* Source pages 10–15: labels precede their answer areas. */
.section-progress { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.d-pages.observation-pages { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.steps a[data-step="observation"] .step-letter { font-size: 9px; }
.steps a[data-step="standardised"] .step-letter { font-size: 11px; }
.development-group-title { margin: 0 0 18px; padding: 0 0 12px; border-bottom: 1px solid var(--line); }
.development-group-title .label-en { font-size: 15px; color: var(--dark); }
.development-group-title .label-ms { font-size: 12px; max-width: 650px; }
.development-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; }
.development-fields > *, .development-fields .field { min-width: 0; }
.development-fields .field textarea { min-height: 100px; }
.sensory-page-heading { margin-bottom: 16px; }
.sensory-kicker { display: inline-block; font-weight: 650; font-size: 12px; color: var(--muted); }
.denver-title { margin: 0 0 18px; font-size: 17px; color: var(--dark); line-height: 1.5; }
.development-card > .field textarea { min-height: 165px; }
.denver-introduction { margin: 24px 0 12px; font-size: 13px; line-height: 1.7; }
.denver-explanation { margin: 15px 0 24px; font-size: 13px; line-height: 1.8; color: #3c526e; }
.denver-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.denver-table th, .denver-table td { border: 1px solid #b4c8e0; padding: 12px; vertical-align: top; }
.denver-table thead th { background: #eaf2fd; color: #234c7e; font-size: 13px; text-align: left; }
.denver-table th:first-child { width: 28%; }
.denver-table tbody th { background: #f3f7fd; font-size: 13px; font-weight: 600; color: #304d70; text-align: left; }
.denver-table .field textarea { min-height: 85px; }
.denver-table .field > label { margin: -1px; }
.behaviour-fields { margin: 0; padding-left: 18px; list-style: disc; }
.behaviour-fields li { padding-left: 3px; }

/* The question shown in the reference image sits above its full-width answer. */
.print-page .print-field[data-field="family_relationship_diagnosis"] { display: block; }
.print-page .print-field[data-field="family_relationship_diagnosis"] > .print-label { margin-bottom: 8px; }
.print-page .print-field[data-field="family_relationship_diagnosis"] > .print-answer { width: 100%; }

.print-page .development-print-group { margin: 0 0 16px; }
.print-page .development-group-title { margin: 0 0 10px; padding: 7px 10px; border: 1px solid #c0d2e7; border-radius: 4px; background: #edf4fc; break-after: avoid; }
.print-page .development-group-title .label-en { font-size: 12px; color: #244d7c; }
.print-page .development-group-title .label-ms { font-size: 10px; color: #4d6580; font-style: italic; }
.print-page .development-fields { gap: 12px 15px; }
.print-page .development-fields .print-field { display: block; margin: 0; }
.print-page .development-fields .print-label { margin-bottom: 5px; }
.print-page .development-fields .print-label .label-en { font-size: 11px; }
.print-page .development-fields .print-label .label-ms { font-size: 9px; }
.print-page .development-fields .print-answer { min-height: 50px; font-size: 11px; padding: 7px 8px; }
.print-page .sensory-page-heading { display: flex; gap: 15px; align-items: center; margin-bottom: 15px; }
.print-page .sensory-page-heading > .print-heading { flex: 1; margin: 0; }
.print-page .sensory-kicker { font-size: 11px; color: #244d7c; }
.print-page .denver-title { margin: 3px 0 13px; font-size: 13px; }
.print-page .denver-overview .print-answer { min-height: 130px; }
.print-page .denver-introduction { font-size: 11px; margin: 17px 0 9px; }
.print-page .denver-explanation { font-size: 11px; line-height: 1.6; margin: 11px 0 17px; }
.print-page .denver-table th, .print-page .denver-table td { padding: 7px 9px; border-color: #a9bdd5; }
.print-page .denver-table thead th { font-size: 11px; }
.print-page .denver-table tbody th { font-size: 11px; }
.print-page .denver-answer { min-height: 45px; font-size: 11px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.print-page .behaviour-fields { gap: 11px 20px; }
.print-page .behaviour-fields .print-answer { min-height: 36px; }
.print-page.source-page-12 .development-fields .print-answer { min-height: 78px; }
.print-page.source-page-13 .development-fields .print-answer { min-height: 43px; }
.print-page.source-page-14 .development-fields .print-answer { min-height: 105px; }

@media screen and (max-width: 650px) {
  .development-fields { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .steps a[data-step="standardised"] { grid-column: 1 / -1; flex-direction: row; justify-content: center; gap: 10px; text-align: left; padding: 9px; }
  .steps a[data-step="standardised"] strong { max-width: none; font-size: 11px; }
  .steps a[data-step="standardised"] .step-letter { width: 35px; height: 28px; }
  .denver-table th, .denver-table td { padding: 8px; }
  .denver-table tbody th { font-size: 12px; overflow-wrap: anywhere; }
  .print-page .development-fields { grid-template-columns: minmax(0, 1fr); }
  .print-page .sensory-page-heading { display: block; }
  .print-page .sensory-kicker { margin-bottom: 7px; }
}

@media print {
  .print-page .print-field[data-field="family_relationship_diagnosis"] > .print-label { margin-bottom: 2mm; }
  .print-page .development-print-group { margin: 0 0 3.5mm; }
  .print-page .development-group-title { padding: 1.6mm 2.2mm; margin: 0 0 2.3mm; }
  .print-page .development-group-title .label-en { font-size: 9pt; }
  .print-page .development-group-title .label-ms { font-size: 7.2pt; }
  .print-page .development-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5mm 4mm; }
  .print-page .development-fields .print-field { display: block; margin: 0; break-inside: avoid; }
  .print-page .development-fields .print-label { margin-bottom: 1.2mm; }
  .print-page .development-fields .print-label .label-en { font-size: 8.5pt; }
  .print-page .development-fields .print-label .label-ms { font-size: 7pt; }
  .print-page .development-fields .print-answer { min-height: 12mm; padding: 1.7mm 2mm; font-size: 8.5pt; line-height: 1.5; }
  .print-page .sensory-page-heading { margin-bottom: 3mm; }
  .print-page .sensory-kicker { font-size: 8.5pt; }
  .print-page.source-page-12 .development-fields .print-answer { min-height: 22mm; }
  .print-page.source-page-13 .development-fields .print-answer { min-height: 10mm; }
  .print-page.source-page-14 .development-fields .print-answer { min-height: 28mm; }
  .print-page .denver-title { font-size: 10pt; margin: 1mm 0 3mm; }
  .print-page .denver-overview .print-answer { min-height: 33mm; }
  .print-page .denver-introduction { font-size: 8.5pt; margin: 4mm 0 2mm; }
  .print-page .denver-explanation { font-size: 8.5pt; margin: 2.5mm 0 4mm; }
  .print-page .denver-table th, .print-page .denver-table td { padding: 1.8mm 2mm; }
  .print-page .denver-table thead th, .print-page .denver-table tbody th { font-size: 8.5pt; }
  .print-page .denver-table tr { break-inside: avoid; }
  .print-page .denver-answer { min-height: 12mm; font-size: 8.5pt; }
  .print-page .behaviour-fields .print-answer { min-height: 10mm; }
  .print-page .development-group-title, .print-page .denver-table th { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}