.question-representation { margin: 1rem 0 1.5rem; max-width: 36rem; min-width: 0; }
.question-representation figcaption,.data-table caption { text-align: left; font-weight: 600; color: #344055; margin-bottom: .65rem; }
.question-representation svg { display: block; width: 100%; height: auto; background: white; border: 1px solid #e1e5ed; border-radius: .65rem; }
.explanation-illustration img { display:block; width:100%; height:auto; background:white; border:1px solid #e1e5ed; border-radius:.65rem; }
.question-representation .axis-number { font: 14px system-ui,sans-serif; fill: #344055; }
.question-representation .axis-label,.question-representation .point-label { font: 600 15px system-ui,sans-serif; fill: #243045; }
.question-representation .point-label { paint-order: stroke; stroke: white; stroke-width: 4px; stroke-linejoin: round; }
.question-representation details { margin-top: .65rem; }
.question-representation .tree-label { font: 600 18px system-ui,sans-serif; fill: #243045; paint-order: stroke; stroke: white; stroke-width: 4px; stroke-linejoin: round; }
.question-representation summary { cursor: pointer; color: #45546d; font-size: .9rem; padding: .35rem 0; }
.question-representation .network-node-label,.question-representation .network-edge-label { font: 600 22px system-ui,sans-serif; fill: #243045; paint-order: stroke; stroke: white; stroke-width: 4px; stroke-linejoin: round; }
.question-representation .sector-label { font: 700 24px system-ui,sans-serif; fill: white; }
.question-representation .geometry-label { font: 600 22px system-ui,sans-serif; fill: #243045; }
.question-representation .scene-label { font: 600 20px system-ui,sans-serif; fill: #243045; paint-order: stroke; stroke: white; stroke-width: 4px; stroke-linejoin: round; }
.question-representation .scene-tick { font: 18px system-ui,sans-serif; fill: #344055; }
.stem-leaf td { text-align: left; font-family: ui-monospace,monospace; white-space: pre-wrap; }
.data-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.data-table th,.data-table td { border: 1px solid #dce2ec; padding: .5rem .7rem; text-align: center; overflow-wrap: anywhere; }
.data-table th { background: #f5f3fa; font-weight: 600; }
@media(max-width: 480px) { .question-representation { margin: .75rem 0 1rem; } .data-table th,.data-table td { padding: .4rem; } }
@media(max-width: 480px) {
 .question-representation .scene-label { font-size: 24px; }
 .question-representation .scene-tick { font-size: 20px; }
 .question-representation .tree-label { font-size: 24px; }
 .question-representation .axis-number { font-size: 22px; }
 .question-representation .axis-label,.question-representation .point-label { font-size: 23px; }
}

/* A printed measurement figure needs its scale note, not download controls. */
@media print {
 .question-representation > button,
 .question-representation > button + p { display: none !important; }
}