.private-space{color:#ced9ed;font-size:14px}.classroom-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:start}.group-sidebar{position:sticky;top:20px}.group-sidebar h2:not(:first-child){margin-top:30px}.group-sidebar select{width:100%;font-size:14px}.group-list{margin-top:20px}.group-link{display:block;padding:14px 12px;border-radius:8px;text-decoration:none;border-bottom:1px solid #e1e7f0}.group-link small,.selection-row small{display:block;color:#586a82;margin-top:5px;font-size:13px;line-height:1.5}.group-link.selected{background:#edf2fc}.classroom-layout input:not([type=checkbox]),.classroom-layout textarea{width:100%}.classroom-layout textarea{min-height:85px}.selection-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.selection-list{border:1px solid #dbe3ef;border-radius:10px;margin:15px 0 24px;overflow:hidden}.member-list{max-height:340px;overflow:auto}.selection-row{display:flex;gap:13px;align-items:flex-start;padding:16px;margin:0;border-bottom:1px solid #e4eaf2;cursor:pointer}.selection-row:last-child{border-bottom:0}.selection-row:hover{background:#f5f8fd}.selection-row input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:#244ccd}.selection-row span{overflow-wrap:anywhere}.selection-list>.muted{padding:10px 16px}.access-help,.grade-scale,.history-note{background:#edf2fc;padding:15px 18px;border-radius:8px;line-height:1.6;color:#405571}.work-link{display:block;margin:10px 0;white-space:nowrap}.work-card h2{font-size:21px;flex:1}.work-version>summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;padding:16px 0;border-top:1px solid #dbe3ef;list-style:none;line-height:1.6}.work-version>summary:before{content:'+';font-weight:bold;color:#244ccd}.work-version[open]>summary:before{content:'−'}.work-version>summary span:first-of-type{flex:1}.work-version>summary span:last-child{font-size:14px;color:#586a82}.work-content{padding:0 5px 15px}.work-content .task-prompt{white-space:pre-wrap}.student-response{padding:20px;background:#f5f8fc;border-radius:9px;overflow-wrap:anywhere}.answer-table{min-width:600px}.answer-table td{overflow-wrap:anywhere}.answer-table td:first-child{max-width:330px}.answer-status{font-size:13px;font-weight:600;padding:5px 9px;border-radius:20px;white-space:nowrap}.answer-status.right{color:#17633e;background:#e9f7ef}.answer-status.wrong{color:#982f2f;background:#fff0f0}.attempt-item{border:1px solid #dbe3ef;border-radius:9px;margin:12px 0;padding:15px}.attempt-item>summary{cursor:pointer;color:#405571;font-size:14px;line-height:1.6}.attempt-item[open]>summary{margin-bottom:14px}.study-timer-bar{display:flex;align-items:center;gap:15px;padding:14px 18px;background:#f2f6fc;border:1px solid #dce5f1;border-radius:10px;margin:15px 0 25px}.study-timer-bar>div{flex:1}.study-timer-bar strong{font-variant-numeric:tabular-nums;font-size:20px}.study-timer-bar small{display:block;color:#586a82;margin-top:3px}.study-timer-bar button{padding:8px 15px;font-size:14px}.pairing-instructions{line-height:1.65;color:#51647e}.pair-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0;font-size:14px;color:#51647e}.pair-toolbar button{padding:8px 12px}.pair-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.pair-columns h3{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#51647e;margin:0 0 14px}.pair-left,.pair-right{min-width:0}.match-target{padding:16px;border:1px solid #d7e1ef;border-radius:12px;background:#f8fafd;margin-bottom:13px;transition:border-color .15s,background .15s}.pair-item-text{line-height:1.5;font-weight:600;margin-bottom:12px;overflow-wrap:anywhere}.drop-slot{width:100%;text-align:left;background:white;color:#60718b;border:1px dashed #98aecb;min-height:56px;line-height:1.5;font-size:14px;padding:12px;overflow-wrap:anywhere}.drop-slot:hover{color:#244ccd;background:#edf2fc}.drop-slot.filled{color:#203b69;background:#e9f0fc;border:1px solid #b7c8e3;cursor:grab}.pair-card{display:block;width:100%;text-align:left;margin-bottom:13px;padding:16px 18px;background:white;border:1px solid #b7c8e3;border-radius:10px;color:#203b69;line-height:1.6;font-size:14px;cursor:grab;box-shadow:0 2px 5px #12223e06;overflow-wrap:anywhere;touch-action:none}.pair-card:hover{background:#edf2fc;color:#203b69}.pair-card.picked{background:#e9f0ff;outline:3px solid #244ccd;outline-offset:2px}.drop-slot.filled{touch-action:none}.clear-pair{background:transparent;color:#51647e;font-size:12px;text-decoration:underline;padding:9px 0 0}.clear-pair:hover{background:transparent;color:#244ccd}.match-target.drag-over{border:2px solid #244ccd;background:#edf2ff;padding:15px}.match-target.correct{border-color:#17834e;background:#edf9f2}.match-target.incorrect{border-color:#c04949;background:#fff2f2}.pair-ghost{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);max-width:240px;padding:14px;background:#244ccd;color:white;border-radius:10px;box-shadow:0 8px 24px #12223e30;line-height:1.5}.pairing [hidden],.selection-row[hidden]{display:none!important}.pairing .answer-note{display:block;font-size:13px;margin-top:10px}.pair-card:disabled,.drop-slot:disabled{opacity:1}.work-content .history-note{font-size:13px}@media(max-width:850px){.classroom-layout{grid-template-columns:1fr}.group-sidebar{position:static}.group-list{display:flex;flex-wrap:wrap;gap:8px}.group-link{border:1px solid #dbe3ef}.work-version>summary{flex-wrap:wrap}.work-version>summary span:last-child{width:100%;padding-left:24px}}@media(max-width:600px){.pair-columns{gap:12px}.match-target{padding:10px}.match-target.drag-over{padding:9px}.pair-card{padding:12px 10px;font-size:13px}.drop-slot{padding:10px;font-size:13px}.pair-item-text{font-size:14px}.pair-toolbar{gap:8px}.pair-toolbar button{font-size:12px}.study-timer-bar{padding:12px;gap:10px}.selection-row{padding:13px}.teacher-tabs{gap:14px}}

.study-timer-bar{flex-wrap:wrap}.timer-help{flex:0 0 100%;font-size:12px}.private-space{color:#536c68}.pair-card,.drop-slot.filled{color:#244c47;border-color:#bad1cb}.pair-card:hover,.drop-slot:hover,.group-link.selected{background:#eaf3ef;color:#1e655c}.pair-card.picked{outline-color:#206c62;background:#eaf3ef}.match-target.drag-over{border-color:#206c62;background:#eaf3ef}.pair-ghost{background:#206c62}.work-version>summary:before{color:#206c62}

.task-glossary{padding-left:22px;margin:12px 0 16px}.task-glossary li{margin:6px 0;line-height:1.55}.task-prompt:has(.task-glossary)>p{margin:12px 0}.pair-panel{max-height:65vh;max-height:65dvh;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:4px 7px 4px 4px;touch-action:pan-y;border-radius:8px}.pair-panel:focus-visible{outline:2px solid #206c62;outline-offset:2px}.pair-item-text{display:block;width:100%;min-height:44px;text-align:left;background:transparent;color:#244c47;padding:0 4px;margin:0 0 8px;font-size:15px;border:0;cursor:pointer}.pair-item-text:hover{background:#e3eee8;color:#174e44}.pair-item-text:disabled{cursor:default}.match-target.picked-item{border:2px solid #206c62;background:#eaf3ef;padding:15px}.pair-card,.drop-slot.filled{display:flex;align-items:center;gap:8px;touch-action:pan-y}.pair-card>span:first-child,.drop-slot.filled>span:first-child{flex:1;min-width:0}.pair-drag-handle{flex:0 0 32px;align-self:stretch;display:flex;align-items:center;justify-content:center;font-size:24px;color:#426f62;border-left:1px solid #d4e1da;cursor:grab;touch-action:none;user-select:none}.pair-selection{position:sticky;top:8px;z-index:5;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#193c39;color:white;border-radius:10px;box-shadow:0 3px 12px #193c3920;margin:0 0 16px;font-size:14px;line-height:1.5}.pair-selection>span{flex:1;min-width:0;overflow-wrap:anywhere}.pair-selection button{flex-shrink:0;padding:8px 12px;font-size:13px}.pair-item-text[aria-pressed=true]{color:#174e44}.pair-card:disabled,.drop-slot:disabled{cursor:default}@media(max-width:600px){.pair-selection{flex-wrap:wrap;gap:8px}.pair-selection button{min-height:36px}.pair-panel{max-height:60vh;max-height:60dvh;padding-right:3px}.match-target.picked-item{padding:9px}.pair-item-text{font-size:14px}.pair-drag-handle{flex-basis:24px;font-size:21px}}

#pair-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.matching-preview-note{padding:12px 15px;border-radius:8px;background:#eef4f1;color:#386258;font-size:13px;line-height:1.5}

.step-heading{font:600 25px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:0;color:#193c39;margin:0}.step-heading small{font-size:15px;font-weight:400;color:#596977}.study-page .step-tab>span{font-size:18px}.study-page #step-form>.task-prompt:first-child{margin-top:20px}
@media(max-width:600px){.step-heading{font-size:23px}.step-heading small{font-size:14px}.study-page .step-tab>span{font-size:17px}}

.group-editor{min-width:0;display:grid;gap:24px}.invitation-card p{line-height:1.65}.invitation-banner{padding:18px 20px;margin:20px 0;border:1px solid #bbd6c9;background:#eaf3ed;border-radius:12px;color:#244f44}.invitation-banner span,.invitation-banner strong,.invitation-banner small{display:block}.invitation-banner strong{font-size:24px;margin:4px 0 8px;overflow-wrap:anywhere}.invitation-banner small{line-height:1.6}.field-help{font-size:13px;color:#596977;line-height:1.6;margin:8px 0 20px}.invitation-link-row{display:flex;align-items:center;gap:10px;margin-top:8px}.invitation-link-row input{min-width:0;flex:1;margin:0;font-size:13px;background:#f5f8f6}.invitation-link-row button{flex-shrink:0}.invitation-inactive{padding:15px;background:#f4f6f4;border-radius:8px;color:#596977}.invitation-status{font-size:14px;color:#126b61;overflow-wrap:anywhere}.invitation-status:empty{display:none}.invited-group{font-size:14px;color:#285f51;background:#edf5ef;padding:10px 13px;border-radius:8px;margin:10px 0}.auth .card input{width:100%}@media(max-width:600px){.invitation-link-row{align-items:stretch;flex-direction:column}.invitation-link-row button{align-self:flex-start}.invitation-banner strong{font-size:22px}}
