.dot-lab{margin:24px 0;padding:28px;background:#f2f5fb;border:1px solid #cbd5e6;border-radius:22px;color:#273b55}.dot-lab h2{margin:12px 0}.dot-lab p{line-height:1.6}.dot-scope{border-left:3px solid #8299bc;padding-left:12px;color:#50667e}.dot-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;margin:22px 0}.dot-builder>article,.dot-numeric-chart{min-width:0;padding:20px;background:white;border:1px solid #d3deed;border-radius:16px}.dot-builder h3,.dot-numeric-chart h3{margin-top:0}.dot-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dot-cards button{text-align:left;border:2px solid #cad6e8;background:white;border-radius:10px;padding:10px;overflow-wrap:anywhere}.dot-cards button[aria-pressed=true]{border-color:#365f9d;background:#e7eefb}.dot-cards span,.dot-cards strong,.dot-cards small{display:block}.dot-cards small{font-size:1rem;color:#5b6e87}.dot-active{padding:12px;background:#eaf0fa;border-radius:10px;min-height:80px}.dot-category-plot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0 0 30px;position:relative}.dot-category{text-align:center;min-width:0}.dot-pile{height:calc(var(--dot-levels)*40px);display:flex;flex-direction:column-reverse;align-items:center;border-bottom:2px solid #7186a5;position:relative;background:repeating-linear-gradient(to top,#e6ecf5 0,#e6ecf5 1px,transparent 1px,transparent 40px)}.dot-lab .dot-response{display:flex;justify-content:center;align-items:center;flex:0 0 40px;width:44px;height:40px;min-height:40px;padding:0;border:0;background:transparent;z-index:1}.dot-response span{display:block;width:20px;height:20px;background:#4e71ad;border-radius:50%}.dot-response.selected span{background:#ac5924;outline:3px solid #e3b78f;outline-offset:3px}.dot-count-bar{display:none;background:#4e71ad;width:55%;position:absolute;bottom:0;border-radius:5px 5px 0 0}.dot-as-bars .dot-count-bar{display:block}.dot-as-bars .dot-response{display:none}.dot-category>strong{display:block;margin:12px 0}.dot-category>button{width:100%;min-height:48px;padding:8px 5px;border:1px solid #b8cbe3;border-radius:9px;background:#eef3fc;white-space:normal}.dot-count-axis{position:absolute;top:10px;left:0;width:24px;height:calc(var(--dot-levels)*40px)}.dot-count-axis span{position:absolute;right:0;transform:translateY(50%);font-variant-numeric:tabular-nums}.dot-notice{padding:14px;background:#e2ebfa;border-radius:10px;font-weight:650}.dot-actions,.dot-switches{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.dot-lab button{min-height:46px}.dot-lab button:disabled{opacity:.42;cursor:default}.dot-switches label,.dot-metric-choice>label:last-child{display:flex;align-items:center;gap:10px;min-height:48px}.dot-lab input[type=checkbox],.dot-lab input[type=radio]{width:24px;height:24px;accent-color:#365f9d;flex:none}.dot-table{width:100%;border-collapse:collapse;background:white;margin:18px 0;table-layout:fixed}.dot-table caption{font-size:var(--reading,18px);text-align:left;padding:10px 0}.dot-table th,.dot-table td{padding:14px 10px;text-align:left;border-bottom:1px solid #dae3f0;overflow-wrap:anywhere}.dot-table th{text-transform:none;letter-spacing:0;color:#334e70}.dot-table thead,.dot-table tr.selected{background:#eaf0fb}.dot-feedback{padding:16px;background:white;border-left:4px solid #365f9d}.dot-reason{display:block;margin:24px 0;font-weight:650}.dot-reason textarea{font:inherit;width:100%;min-height:100px;max-width:100%;display:block;padding:12px;margin-top:12px;border:1px solid #b9cbe4;border-radius:10px;background:white;font-weight:400}.dot-teacher{padding:16px;margin:20px 0;background:white;border:1px solid #cbd8e9;border-radius:12px}.dot-teacher summary{cursor:pointer;font-weight:650}.dot-teacher li{margin:12px 0}.dot-lab>small{display:block;font-size:1rem;color:#50667e}.dot-lab [hidden]{display:none!important}.dot-lab :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #b57832;outline-offset:3px}.dot-numeric-chart{margin:24px 0}#dotNumericSvg{width:100%;display:block;max-width:820px;max-height:360px;margin:auto;touch-action:none;user-select:none}#dotNumericSvg text{font:22px sans-serif;fill:#334e70}#dotNumericSvg [data-dot-point]{cursor:ew-resize}.dot-stat-marker{stroke:#ac5924;stroke-width:3;stroke-dasharray:6 5;fill:none;pointer-events:none}.dot-axis-label{color:#50667e}.dot-observations{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:20px 0}.dot-observations button{display:block;padding:10px 14px;border:2px solid #c9d6e9;border-radius:10px;background:white}.dot-observations strong{display:block}.dot-observations button[aria-pressed=true]{border-color:#ac5924;background:#fbf0e4}.dot-numeric-controls{padding:18px;border:1px solid #cbd8e9;border-radius:12px;background:white}.dot-numeric-controls label{display:block}.dot-numeric-controls input[type=range]{display:block;width:100%;height:40px;margin:14px 0}.dot-metric-choice{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:20px 0}.dot-metric-choice select{display:block;font:inherit;padding:12px;margin-top:8px;border:1px solid #b9cbe4;border-radius:8px;background:white}.dot-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.dot-measures>div{padding:16px;border:2px solid #cfdbeb;border-radius:12px;background:white}.dot-measures>div.selected{border-color:#ac5924}.dot-measures strong{display:block;font-size:26px;margin-top:8px}.dot-task{min-width:0;border:1px solid #becfe6;border-radius:14px;padding:18px;margin:24px 0}.dot-task legend{font-weight:750;font-size:1.2rem;padding:0 8px}.dot-answer-options{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.dot-answer-options label{display:flex;align-items:center;gap:10px;padding:12px 16px;background:white;border:1px solid #c6d5eb;border-radius:10px;cursor:pointer}.dot-answer-options label:has(input:checked){background:#e4ecfa;border-color:#365f9d}
@media(max-width:1100px){.dot-builder{grid-template-columns:1fr}}
@media(max-width:650px){.dot-lab{padding:14px}.dot-builder>article,.dot-numeric-chart{padding:12px}.dot-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dot-category-plot{gap:6px;padding-left:24px}.dot-count-axis{width:20px}.dot-category>button{padding:8px 3px}.dot-category>strong{overflow-wrap:anywhere}.dot-actions,.dot-switches,.dot-answer-options{display:grid}.dot-measures{grid-template-columns:1fr}.dot-observations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dot-observations button{width:100%;padding:10px}.dot-task{padding:12px}.dot-table th,.dot-table td{padding:12px 6px}.dot-metric-choice{display:grid}.dot-metric-choice select{width:100%}.dot-task legend{font-size:1.1rem}#dotNumericSvg{max-height:none}#dotNumericSvg text{font-size:42px}}
@media print{.dot-actions,.dot-switches,.dot-metric-choice,.dot-numeric-controls,.dot-category>button,.dot-cards,.dot-task button{display:none}.dot-response span,.dot-count-bar{print-color-adjust:exact}.dot-builder{grid-template-columns:1fr}}

.dot-numeric-workbench{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:18px;margin:24px 0;align-items:stretch}.dot-numeric-workbench .dot-numeric-chart{margin:0}.dot-chart-summary{min-width:0;padding:18px;border:1px solid #cbd8e9;border-radius:16px;background:#eaf0fa}.dot-chart-summary .dot-measures{grid-template-columns:1fr}.dot-chart-summary .dot-measures>div{padding:12px 16px}.dot-chart-summary #dotMarkerLegend{margin-top:0}.dot-chart-summary .dot-measures strong{margin-top:4px}.dot-numeric-workbench #dotNumericSvg{min-height:250px}
@media(max-width:900px){.dot-numeric-workbench{grid-template-columns:1fr}.dot-chart-summary .dot-measures{grid-template-columns:repeat(3,minmax(0,1fr))}.dot-numeric-workbench #dotNumericSvg{min-height:0}}
@media(max-width:650px){.dot-chart-summary .dot-measures{grid-template-columns:1fr}}