.survey-lab{margin:24px 0;padding:28px;background:#f1f7f5;border:1px solid #c8ddd5;border-radius:22px;color:#233e39}.survey-lab h2{font-size:clamp(27px,3vw,38px);margin:12px 0}.survey-lab p{line-height:1.6}.survey-fiction{border-left:3px solid #74968c;padding-left:12px;font-size:1rem;color:#46645c}.survey-votes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.survey-vote{padding:16px;background:white;border:1px solid #d5e2dc;border-radius:16px;border-top:4px solid var(--fruit)}.survey-vote-name{display:block;font-weight:700;margin-bottom:12px}.survey-vote-name>span{font-size:26px}.survey-vote>div{display:flex;gap:10px;align-items:center;justify-content:space-between}.survey-vote button{min-width:48px;min-height:48px;font-size:27px;padding:2px}.survey-vote output{font-size:30px;font-weight:750;font-variant-numeric:tabular-nums}.survey-lab button:disabled{opacity:.4;cursor:default}.survey-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.survey-toolbar select{display:block;font:inherit;padding:12px;max-width:100%;margin-top:6px;border:1px solid #b5cbc1;border-radius:10px;background:white}.survey-compare{display:flex;gap:10px;align-items:center;min-height:48px}.survey-lab input[type=checkbox]{width:24px;height:24px;accent-color:#286650;flex:none}.survey-displays{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.survey-displays.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-displays>article{padding:20px;background:white;border:1px solid #d2e2db;border-radius:16px;min-width:0}.survey-displays h3{font-size:1.2rem;margin:0 0 18px}.survey-key{margin:0 0 16px;padding:12px;background:#edf4f1;border-radius:8px;font-weight:650}.survey-picture-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:18px 0;align-items:center;border-top:1px solid #e0e9e4}.survey-icons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.survey-fruit{display:inline-flex;width:32px;justify-content:center;font-size:28px}.survey-star{display:inline-block;position:relative;font-size:32px;width:30px;line-height:1;color:#286650}.survey-star.half:before{content:'★';color:#dce7e1}.survey-star.half>span{position:absolute;top:0;left:0;width:50%;overflow:hidden}.survey-zero{color:#5a6d64}.survey-table{width:100%;border-collapse:collapse;table-layout:fixed}.survey-table caption{text-align:left;font-size:1rem;margin-bottom:16px;color:#46645c}.survey-table th,.survey-table td{text-align:left;padding:16px 10px;border-bottom:1px solid #dce7e1;overflow-wrap:anywhere}.survey-table th:first-child{width:32%}.survey-table thead th{background:#edf4f1}.survey-table td>strong{font-size:30px}.survey-tallies{display:flex;gap:8px;flex-wrap:wrap;min-height:46px;align-items:center}.survey-tallies svg{width:48px;height:46px;flex:none;stroke:#286650;stroke-width:3;stroke-linecap:round;fill:none}.survey-tallies .survey-fifth{stroke:#ad5a25}.survey-chart-hint{font-size:1rem;color:#46645c;margin:18px 0 0}.survey-axis-title{margin:0 0 6px;font-weight:650}.survey-plot{position:relative;padding:22px 4px 0 38px}.survey-scale{position:absolute;top:22px;left:0;width:28px;height:240px}.survey-scale span{position:absolute;right:0;transform:translateY(50%);font-variant-numeric:tabular-nums}.survey-bars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.survey-bar-cell{min-width:0;text-align:center}.survey-track{height:240px;position:relative;border-bottom:2px solid #56756a;background:repeating-linear-gradient(to top,#dce7e1 0,#dce7e1 1px,transparent 1px,transparent 40px)}.survey-bar-fill{position:absolute;bottom:0;left:22%;width:56%;background:var(--fruit);border-radius:5px 5px 0 0;pointer-events:none}.survey-lab .survey-bar-handle{position:absolute;left:50%;transform:translate(-50%,50%);width:52px;min-height:42px;padding:3px;border-radius:9px;border:2px solid #254f40;background:#fff;color:#254f40;font-family:inherit;font-weight:700;font-size:1.1rem;line-height:1.3;cursor:ns-resize;touch-action:none;user-select:none;z-index:1}.survey-bar-label{display:block;margin-top:28px;overflow-wrap:anywhere}.survey-summary{padding:14px 16px;border-radius:10px;background:#e0eee7;font-weight:650}.survey-actions,.survey-choices{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.survey-lab button{min-height:46px}.survey-task{border:1px solid #bcd3c7;border-radius:14px;margin:26px 0 18px;padding:18px}.survey-task legend{font-weight:750;font-size:1.2rem;padding:0 8px}.survey-choices label{display:flex;align-items:center;gap:10px;padding:12px 16px;background:white;border:1px solid #ccdcd3;border-radius:10px;cursor:pointer;min-height:50px}.survey-choices label:has(input:checked){border-color:#286650;background:#e3f0e9}.survey-feedback{padding:14px;background:white;border-left:4px solid #36765b}.survey-task input:not([type=checkbox]),.survey-reason textarea{font:inherit;display:block;padding:12px;border:1px solid #b5cbc1;border-radius:9px;background:white;max-width:100%;margin:10px 0}.survey-task input:not([type=checkbox]){width:180px}.survey-reason{display:block;font-weight:650}.survey-reason textarea{width:100%;min-height:100px;font-weight:400}.survey-teacher{padding:16px;background:white;border:1px solid #d5e2dc;border-radius:12px;margin:22px 0}.survey-teacher summary{cursor:pointer;font-weight:650;min-height:30px}.survey-lab>small{display:block;font-size:1rem;color:#46645c}.survey-lab [hidden]{display:none!important}.survey-lab :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #ad5a25;outline-offset:3px}
@media(max-width:1050px){.survey-displays.comparing{grid-template-columns:1fr}}
@media(max-width:650px){.survey-lab{padding:14px}.survey-votes{gap:8px}.survey-vote{padding:10px 6px}.survey-vote-name{text-align:center;font-size:1rem}.survey-vote-name>span{display:block}.survey-vote>div{flex-wrap:wrap;justify-content:center;gap:6px}.survey-vote output{order:-1;flex-basis:100%;text-align:center}.survey-vote button{min-width:38px;min-height:44px}.survey-displays>article{padding:12px}.survey-toolbar{display:grid;grid-template-columns:1fr}.survey-toolbar select{width:100%}.survey-picture-row{grid-template-columns:58px minmax(0,1fr);gap:6px}.survey-icons{gap:4px}.survey-fruit{width:26px;font-size:24px}.survey-star{font-size:28px;width:26px}.survey-table th,.survey-table td{padding:12px 6px}.survey-table th:first-child{width:35%}.survey-task{padding:12px}.survey-task legend{font-size:1.1rem}.survey-actions{display:grid}.survey-bar-handle{max-width:48px}.survey-bars-grid{gap:8px}.survey-plot{padding-left:30px}.survey-scale{width:22px}}
@media print{.survey-toolbar,.survey-actions,.survey-lab button,.survey-lab>small{display:none}.survey-displays.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-lab{break-inside:auto;background:white}.survey-bar-fill{print-color-adjust:exact}}

body .survey-vote button{font-size:27px!important;font-weight:650}.survey-table th{text-transform:none;letter-spacing:0;color:#35554a}
@media(max-width:650px){.survey-votes{grid-template-columns:1fr}.survey-vote{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.survey-vote-name{text-align:left;margin:0}.survey-vote-name>span{display:inline}.survey-vote>div{flex-wrap:nowrap;gap:10px}.survey-vote output{order:0;flex-basis:auto;min-width:30px}.survey-vote button{min-width:44px;min-height:44px}}