.share-lab{padding:28px;margin:24px 0;border:1px solid #c7d6df;border-radius:22px;background:#f0f6f8;color:#233e4e}.share-lab h2{margin:12px 0}.share-lab p{line-height:1.6}.share-source-note{padding-left:12px;border-left:3px solid #7297aa;color:#466573}.share-votes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.share-votes>div{padding:16px;border-radius:14px;background:white;border:1px solid #d2dfe5;border-top:4px solid var(--share-color)}.share-votes strong{display:block;margin-bottom:12px}.share-votes>div>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.share-votes button{min-width:48px;min-height:48px;padding:2px}.share-votes output{font-size:30px;font-weight:750;font-variant-numeric:tabular-nums}body .share-votes button{font-size:27px!important;font-weight:650}.share-lab button{min-height:46px}.share-lab button:disabled{opacity:.42;cursor:default}.share-pick{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.share-pick button{display:flex;align-items:center;gap:8px;min-width:120px;border:2px solid #bdcfd8;background:white;border-radius:10px;padding:10px 16px}.share-pick button[aria-pressed=true]{border-color:#284c60;background:#deedf2;font-weight:750}.share-swatch{display:inline-block;background:var(--share-color);width:18px;height:18px;border-radius:50%;margin-right:8px;flex:none}.share-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;margin:20px 0}.share-main>article{min-width:0;padding:20px;border:1px solid #d1e0e7;border-radius:16px;background:white}.share-main h3{margin:0 0 12px}.share-pie{display:block;width:100%;max-width:520px;margin:auto;user-select:none;overflow:visible}.share-pie [data-share-slice]{cursor:pointer}.share-pie [data-share-bead]{cursor:pointer;stroke-width:2}.share-pie [data-share-bead]:hover{stroke:#163e54;stroke-width:4}.share-selected{padding:12px;text-align:center;background:#e8f1f5;border-radius:10px;font-weight:700}.share-table{width:100%;border-collapse:collapse;table-layout:fixed}.share-table caption{font-size:var(--reading,18px);text-align:left;margin:0 0 14px;color:#466573}.share-table th,.share-table td{text-align:left;padding:14px 8px;border-bottom:1px solid #dce6eb;overflow-wrap:anywhere}.share-table th{text-transform:none;letter-spacing:0;color:#294956}.share-table td{font-weight:700}.share-table thead,.share-table tfoot{background:#eef4f7}.share-table .selected{background:#e8f1f5}.share-part-note{padding:12px 0}.share-bead-toggle{display:flex;align-items:center;gap:10px;min-height:48px}.share-lab input[type=checkbox],.share-lab input[type=radio]{width:24px;height:24px;accent-color:#315d75;flex:none}.share-main select{display:block;width:100%;font:inherit;padding:12px;margin:10px 0;border:1px solid #b7ccd8;border-radius:8px;background:white}.share-main [data-share-action=transfer]{width:100%;margin:8px 0}.share-action-status{padding:14px;background:#dfeef4;border-radius:10px}.share-actions,.share-presets{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.share-limit{color:#486674}.share-task{min-width:0;border:1px solid #bdd2dc;border-radius:14px;padding:18px;margin:24px 0}.share-task legend{font-size:1.2rem;font-weight:750;padding:0 8px}.share-options{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.share-options label{display:flex;align-items:center;gap:10px;background:white;border:1px solid #c8d9e1;border-radius:10px;padding:12px 16px;min-height:48px;cursor:pointer}.share-options label:has(input:checked){background:#deedf2;border-color:#315d75}.share-feedback{background:white;border-left:4px solid #315d75;padding:14px}.share-comparison{margin:26px 0}.share-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.share-before-after>article{min-width:0;padding:18px;border:1px solid #d1e0e7;border-radius:14px;background:white;text-align:center}.share-before-after h4{font-size:1.1rem;margin:0}.share-before-after .share-pie{max-width:350px}.share-reason{display:block;font-weight:650}.share-reason textarea{display:block;width:100%;max-width:100%;min-height:100px;font:inherit;padding:12px;margin:12px 0;border:1px solid #b7ccd8;border-radius:10px;background:white;font-weight:400}.share-teacher{padding:16px;background:white;border:1px solid #d1e0e7;border-radius:12px;margin:22px 0}.share-teacher summary{font-weight:650;cursor:pointer}.share-teacher li{margin:12px 0}.share-lab>small{display:block;color:#486674;font-size:1rem}.share-lab :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #b4782a;outline-offset:3px}
@media(max-width:900px){.share-main{grid-template-columns:1fr}.share-pie{max-width:420px}}
@media(max-width:650px){.share-lab{padding:14px}.share-votes{grid-template-columns:1fr;gap:10px}.share-votes>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.share-votes strong{margin:0}.share-votes button{min-width:44px;min-height:44px}.share-votes output{min-width:30px;text-align:center}.share-pick{gap:8px}.share-pick button{min-width:0;padding:10px}.share-main>article{padding:12px}.share-before-after{grid-template-columns:1fr}.share-before-after .share-pie{max-width:280px}.share-actions,.share-presets{display:grid}.share-task{padding:12px}.share-options{display:grid}.share-task legend{font-size:1.1rem}.share-table th,.share-table td{padding:12px 6px}.share-table .share-swatch{width:14px;height:14px;margin-right:6px}}
@media print{.share-actions,.share-presets,.share-pick,.share-votes button,.share-bead-toggle,.share-main select,.share-main [data-share-action=transfer],.share-task button,[data-share-action=restore]{display:none}.share-main,.share-before-after{grid-template-columns:repeat(2,minmax(0,1fr))}.share-pie{print-color-adjust:exact}}

.share-main .share-pie{max-width:min(520px,58vh)}