/* Shared teaching workspace. Intentionally isolated from the learning UI. */
body:has(.edu-app)>.topbar{display:none}#app:has(.edu-app){max-width:none;margin:0;padding:0}
.edu-app{--ink:#192b29;--muted-2:#62736f;--line:#dce5e1;--card:#fff;--sand:#f3f6f4;--green:#23866a;--green-d:#17664f;--ot-soft:#eef6f2;--err:#ad3838;--warn:#ad7625;--edu-bg:#f7f9f8;color:var(--ink);background:var(--edu-bg);min-height:100dvh;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
[data-theme=dark] .edu-app{--ink:#e2eee9;--muted-2:#9aafa6;--line:#30413a;--card:#192720;--sand:#203329;--green:#67bd98;--green-d:#85d3b0;--ot-soft:#20362b;--edu-bg:#111e18;--err:#f09090;--warn:#d4ad6a}
.edu-app *{box-sizing:border-box}.edu-app [hidden]{display:none!important}.edu-app a{color:inherit;text-decoration:none}.edu-app button,.edu-app input,.edu-app select,.edu-app textarea{font:inherit}.edu-app button{cursor:pointer}.edu-app :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid var(--green);outline-offset:3px}.edu-app button:disabled{opacity:.5;cursor:wait}.edu-app h1,.edu-app h2,.edu-app h3{font-family:inherit;color:var(--ink);line-height:1.25;letter-spacing:-.025em}.edu-app h1{font-size:30px;font-weight:650;margin:5px 0 8px}.edu-app h2{font-size:17px;font-weight:650;margin:0}.edu-app h3{font-size:14px}.edu-app p{line-height:1.65}.edu-app .ic{width:18px;height:18px;flex:none}
.edu-topbar{height:66px;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--card);border-bottom:1px solid var(--line);gap:16px}.edu-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.edu-brand b{font-size:17px;letter-spacing:-.04em}.edu-brand>span{font-size:9px;letter-spacing:.1em;color:var(--muted-2);border-left:1px solid var(--line);margin-left:10px;padding-left:18px}.edu-topbar-actions{display:flex;align-items:center;gap:20px;font-size:12px}.edu-top-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ot-soft);color:var(--green-d);font-size:11px;font-weight:650}
.edu-shell{display:block}.edu-workspace-content{min-width:0;padding:34px clamp(20px,3vw,44px) 64px}.edu-page,.edu-app .view{max-width:1280px;margin:0 auto;width:100%;padding:0;animation:none}.edu-class-content{display:flex;flex-direction:column;gap:24px}
.edu-btn,.edu-app .btn,.edu-app .ot-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:36px;padding:8px 13px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-family:inherit;font-size:12px;font-weight:550;line-height:1.4;text-transform:none;letter-spacing:0;box-shadow:none;transform:none;text-decoration:none;white-space:nowrap}.edu-app .btn{font-size:12px;font-weight:550}.edu-app .btn::after,.edu-app .btn::before{display:none}.edu-btn:hover,.edu-app .btn:hover,.edu-app .ot-copy:hover{background:var(--sand);border-color:var(--muted-2);transform:none;box-shadow:none}.edu-btn.primary,.edu-app .btn:not(.ghost):not(.btn-danger-solid){background:var(--green-d);border-color:var(--green-d);color:var(--card)}.edu-btn.primary:hover,.edu-app .btn:not(.ghost):hover{filter:brightness(1.1)}.edu-btn.danger{color:var(--err)}.edu-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:5px;width:32px;height:32px;padding:6px;color:var(--muted-2);flex:none}.edu-icon-btn:hover{background:var(--sand);border-color:var(--line)}
.edu-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.edu-heading>div:first-child{min-width:0}.edu-heading h1{overflow-wrap:anywhere}.edu-heading p{font-size:13px;color:var(--muted-2);margin:0;max-width:640px}.edu-eyebrow,.edu-app .ot-eyebrow,.edu-app .ot-hero-kicker{font-size:10px;color:var(--green-d);font-weight:650;letter-spacing:.12em;text-transform:uppercase}.edu-heading-actions{display:flex;gap:8px;flex-wrap:wrap;flex:none}.edu-back,.edu-app .backbtn{font-size:12px;color:var(--muted-2);width:fit-content;min-height:26px;border:0;box-shadow:none;padding:0;background:none}.edu-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}.edu-stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.edu-stat{display:flex;flex-direction:column;gap:5px;padding:19px 22px;border-right:1px solid var(--line)}.edu-stat:last-child{border:0}.edu-stat>span{font-size:11px;color:var(--muted-2)}.edu-stat>b{font-size:28px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.edu-stat>small{font-size:10px;color:var(--muted-2)}
.edu-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.edu-section-title h2{font-size:15px}.edu-text-link{font-size:12px;color:var(--green-d)!important;font-weight:550}.edu-class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.edu-class-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:22px;transition:border-color .15s}.edu-class-card:hover{border-color:var(--green)}.edu-class-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px}.edu-class-monogram{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:8px;background:var(--ot-soft);color:var(--green-d);font-size:14px;font-weight:650}.edu-badge{font-size:10px;font-weight:550;color:var(--green-d);background:var(--ot-soft);padding:3px 8px;border-radius:4px}.edu-badge.muted{background:var(--sand);color:var(--muted-2)}.edu-class-card h2{font-size:17px;overflow-wrap:anywhere}.edu-class-card p{font-size:12px;color:var(--muted-2);margin:8px 0 24px;overflow-wrap:anywhere}.edu-class-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;font-size:11px}.edu-class-bottom>span:last-child{color:var(--green-d);font-weight:550}.edu-footer-note{font-size:11px;color:var(--muted-2);margin:0}
.edu-panel{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.edu-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px;border-bottom:1px solid var(--line)}.edu-panel-heading h2{font-size:15px}.edu-panel-heading p{margin:5px 0 0;font-size:12px;color:var(--muted-2)}.edu-panel-body{padding:24px;max-width:760px}.edu-panel-note{padding:14px 20px;border-top:1px solid var(--line);font-size:11px;margin:0;color:var(--muted-2)}.edu-table-toolbar{display:flex;gap:12px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.edu-search{flex:1}.edu-search input{width:100%}.edu-sort{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted-2)}.edu-table-wrap{overflow-x:auto}.edu-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.edu-table th{color:var(--muted-2);font-size:10px;font-weight:550;background:var(--sand);white-space:nowrap}.edu-table :is(td,th){padding:15px 20px;border-bottom:1px solid var(--line)}.edu-table tr:last-child td{border-bottom:0}.edu-table tbody tr:hover{background:color-mix(in srgb,var(--ot-soft) 45%,var(--card))}.edu-table td>small{display:block}.edu-person{display:flex;align-items:center;gap:10px;text-align:left;padding:0;border:0;background:none;color:var(--ink);min-width:155px}.edu-person b{display:block;font-size:12px;font-weight:600}.edu-person small{font-size:10px;color:var(--muted-2)}.edu-person-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ot-soft);color:var(--green-d);flex:none}.edu-progress-cell{display:flex;justify-content:space-between;gap:20px;font-size:11px;white-space:nowrap}.edu-progress-cell small{font-weight:400;color:var(--muted-2)}.edu-progress{display:block;min-width:85px;height:4px;border-radius:4px;overflow:hidden;background:var(--line);margin-top:7px}.edu-progress i{display:block;height:100%;background:var(--green);border-radius:inherit}.edu-muted{color:var(--muted-2)}.edu-row-actions{display:flex;align-items:center;gap:6px}.edu-title-link{font-weight:600;color:var(--ink)}.edu-title-link:hover{text-decoration:underline}.edu-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line)}.edu-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted-2);padding:0 0 13px;font-size:12px;font-weight:550}.edu-tabs button.on{color:var(--green-d);border-color:var(--green-d)}.edu-tab-content{min-width:0}
.edu-form{display:grid;gap:20px}.edu-form label{display:grid;gap:7px;font-size:12px;font-weight:550}.edu-form label small{color:var(--muted-2);font-weight:400}.edu-form-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.edu-app :is(.edu-form,.edu-search,.edu-sort) :is(input,select,textarea){min-width:0;max-width:100%;min-height:37px;padding:9px 11px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);font-size:12px;box-shadow:none}.edu-form textarea{resize:vertical}.edu-form p{margin:0;color:var(--muted-2);font-size:12px}.edu-check,.edu-form .edu-check{display:flex;align-items:start;gap:9px;font-size:12px;font-weight:400}.edu-check input[type=checkbox]{margin:2px 0 0;width:16px;height:16px;min-height:0;flex:none;accent-color:var(--green-d)}.edu-form-actions{display:flex;justify-content:flex-start;padding-top:2px}.edu-form-status{font-size:12px;color:var(--err);line-height:1.6}.edu-form-status:empty{display:none}.edu-empty{text-align:center;padding:55px 25px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.edu-empty h2{font-size:18px;margin:0 0 9px}.edu-empty p{max-width:440px;font-size:13px;color:var(--muted-2);margin:0 auto 20px}.edu-panel .edu-empty,.edu-table .edu-empty{border:0}.edu-empty-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 21px;border:1px solid var(--line);border-radius:10px;font-size:24px;color:var(--green-d);background:var(--ot-soft)}.edu-notice{font-size:12px;line-height:1.65;padding:12px 15px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:5px;background:var(--ot-soft)}.edu-loader{display:block;width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;margin:0 auto 20px;animation:edu-spin 1s linear infinite}@keyframes edu-spin{to{transform:rotate(360deg)}}
.edu-dialog{color:var(--ink);background:var(--card);padding:0;border:1px solid var(--line);border-radius:10px;width:min(680px,calc(100% - 32px));max-height:88dvh;box-shadow:0 20px 80px #0003}.edu-dialog::backdrop{background:#0b231b66;backdrop-filter:blur(2px)}.edu-dialog-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--card);z-index:1}.edu-dialog-body{padding:24px;display:grid;gap:20px}.edu-dialog-body>p{font-size:13px;margin:0}.edu-dialog .edu-stat{padding:14px}.edu-dialog .edu-stat>b{font-size:24px}.edu-dialog .edu-table :is(td,th){padding:12px}.edu-invite-code{font:600 38px/1.4 ui-monospace,monospace;letter-spacing:.12em;text-align:center;border:1px dashed var(--line);border-radius:8px;padding:20px;background:var(--ot-soft);color:var(--green-d)}.edu-chapter-progress{display:grid;gap:18px}.edu-chapter-progress>div{display:flex;align-items:center;gap:12px}.edu-chapter-progress>div>div{flex:1;min-width:0}.edu-chapter-progress b{font-size:12px;font-weight:550}.edu-chapter-progress small{display:block;margin-top:5px;font-size:10px;color:var(--muted-2)}.edu-chapter-progress strong{font-size:12px;font-weight:550;width:35px;text-align:right}.edu-chapter-id{width:24px;color:var(--muted-2);font-size:11px;font-variant-numeric:tabular-nums}.edu-join-panel{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:28px;max-width:660px;align-self:center;width:100%}.edu-join-panel h2{margin-top:20px}.edu-join-panel>p{font-size:13px;color:var(--muted-2)}.edu-join-panel form{display:grid;gap:20px}.edu-sharing{background:var(--sand);padding:18px;border-radius:6px;font-size:12px}.edu-sharing ul{padding-left:18px;line-height:1.9}.edu-sharing p{color:var(--muted-2);margin-bottom:0}
/* Practice-test workflow: catalogue, authoring, delivery, review. */
.edu-app .ot-library-view{display:flex;flex-direction:column;gap:24px}.ot-catalogue-tools{display:flex;align-items:center;gap:20px;justify-content:space-between}.ot-catalogue-tools .ot-join{display:flex;gap:7px;margin:0;max-width:none}.ot-catalogue-tools .ot-join input{width:150px;flex:none;border:1px solid var(--line);padding:9px 11px;border-radius:5px;font-family:inherit;font-size:12px;background:var(--card);color:var(--ink)}.ot-catalogue-tools>p{font-size:12px;color:var(--muted-2);margin:0}.ot-library-table .edu-table th:first-child{width:43%}.ot-library-table .edu-table td{vertical-align:middle}.ot-library-title{display:flex;align-items:center;gap:12px}.ot-library-title>span{display:grid;place-items:center;width:34px;height:39px;flex:none;border:1px solid var(--line);border-radius:5px;background:var(--sand);color:var(--green-d)}.ot-library-title b{font-size:13px;font-weight:600;display:block}.ot-library-title small{display:block;font-size:10px;color:var(--muted-2);margin-top:3px}.edu-app .ot-workspace,.edu-app .ot-results-page{max-width:none;gap:22px}.edu-app .ot-workspace h1,.edu-app .ot-results-page h1{font-size:29px;font-weight:650}.edu-app .ot-workspace-head{gap:16px}.edu-app .ot-draft-state{font-size:11px;background:var(--ot-soft);border:1px solid var(--line);border-radius:4px;padding:4px 9px}.edu-app .ot-setup{padding:20px;border-radius:8px;gap:15px 22px}.edu-app .ot-field>label{font-size:11px;font-weight:600}.edu-app .ot-field :is(input,select,textarea),.edu-app .ot-search-filters select{font-family:inherit;font-size:12px;padding:9px 11px;min-height:38px;border-radius:5px}.edu-app .ot-compose{gap:22px;grid-template-columns:minmax(0,1fr) 320px}.edu-app .ot-search-bar input{min-height:44px;border-radius:6px;font-family:inherit;font-size:13px}.edu-app .ot-search-filters{padding-top:12px;gap:8px}.edu-app .ot-search-filters select{min-height:33px;font-size:11px}.edu-app .ot-search-meta{font-size:11px;margin-top:15px!important}.edu-app .ot-search-results{gap:15px}.edu-app .search-group{background:var(--card);border:1px solid var(--line);border-radius:7px;overflow:hidden}.edu-app .ot-workspace .search-group-head{padding:12px 15px;border-bottom:1px solid var(--line);background:var(--sand)}.edu-app .ot-workspace .search-group-head>b{font-size:12px;font-weight:600}.edu-app .ot-search-choice{padding:13px 12px}.edu-app .ot-search-text{gap:5px}.edu-app .ot-workspace .sh-snip{font-size:12px;line-height:1.6}.edu-app .ot-workspace .sh-tag{font-size:9px}.edu-app .ot-search-preview{font-size:10px;padding:7px 8px}.edu-app .ot-selection{top:85px;max-height:calc(100dvh - 107px);border-radius:8px}.edu-app .ot-selection-head{padding:16px}.edu-app .ot-selection-head h2{font-size:15px;font-weight:600}.edu-app .ot-selection-foot{padding:16px;gap:8px}.edu-app .ot-selection-foot .btn{min-height:38px;font-size:12px}.edu-app .ot-selection-group{padding:15px}.edu-app .ot-selection-group-title b{font-size:12px}.edu-app .ot-selection-empty{padding:35px 23px}.ot-source-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.ot-source-heading h2{font-size:15px}.ot-source-heading>span{font-size:10px;color:var(--muted-2)}.ot-flow{display:flex;gap:22px;margin:0;padding:0;list-style:none;border-bottom:1px solid var(--line);padding-bottom:17px;color:var(--muted-2);font-size:11px}.ot-flow li{display:flex;align-items:center;gap:7px}.ot-flow b{width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:10px;font-weight:550}.ot-flow .on{color:var(--green-d);font-weight:600}.ot-flow .on b{background:var(--green-d);border-color:var(--green-d);color:var(--card)}
.edu-app .ot-results-heading h1{font-size:28px}.edu-app .ot-result-stats{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}.edu-app .ot-result-stat{padding:20px;border:0;border-right:1px solid var(--line);border-radius:0;gap:7px}.edu-app .ot-result-stat:last-child{border-right:0}.edu-app .ot-result-stat>b{font-size:29px;font-weight:600}.edu-app .ot-result-stat>span{font-size:11px;font-weight:500}.edu-app .ot-results-tabs button{font-size:12px;font-weight:550}.edu-app .ot-results-table :is(td,th){padding:14px 17px}.edu-app .ot-results-table th{background:var(--sand);font-size:10px}.edu-app .ot-participant-name{font-size:12px}.edu-app .ot-results-table,.edu-app .ot-analysis-row{font-size:12px}.edu-app .ot-result-people,.edu-app .ot-analysis-list{border-radius:8px}.edu-app .ot-result-search,.edu-app .ot-result-sort{font-family:inherit;font-size:12px;min-height:36px}.edu-app .ot-result-chips button{font-size:11px}.edu-app .ot-status-pill{font-size:10px}.edu-app .ot-table-grade{font-size:15px}.edu-app .ot-result-people{overflow-x:auto}.edu-app .ot-results-table{min-width:580px}.edu-app .ot-analysis-row{padding:16px}.edu-app .ot-analysis-question>b{font-size:12px}
.edu-app .ot-landing{max-width:940px;display:flex;flex-direction:column;gap:22px}.edu-app .ot-landing-hero{padding:0;margin:0;text-align:left;display:flex;flex-direction:column;align-items:start;gap:0;border:0;background:none}.edu-app .ot-landing-hero .backbtn{order:-1;margin:0 0 20px}.edu-app .ot-landing-hero h1{font-size:30px;margin:8px 0}.edu-app .ot-landing-meta{font-size:12px;color:var(--muted-2);margin:0}.edu-app .ot-landing-desc{font-size:13px;margin-top:14px}.edu-app .ot-landing-actions{padding:0;display:flex;flex-wrap:wrap;gap:9px;justify-content:start}.edu-app .ot-landing-actions .btn{min-height:38px;font-size:12px}.edu-app .ot-namebox{border:1px solid var(--line);border-radius:7px;padding:17px 20px;background:var(--card);margin:0}.edu-app .ot-namebox-lab{font-size:10px}.edu-app .ot-namebox-val{font-size:13px}.edu-app .ot-namebox-note{font-size:11px}.edu-app .ot-namebox-edit{font-size:11px}.edu-app .ot-outline{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:0;overflow:hidden}.edu-app .ot-outline .ot-section-head{padding:16px 20px;border-bottom:1px solid var(--line);margin:0}.edu-app .ot-outline h2{font-size:15px}.edu-app .ot-outline-list{margin:0;padding:0;list-style:none;counter-reset:outline}.edu-app .ot-outline-list li{counter-increment:outline;padding:15px 20px 15px 57px;border-bottom:1px solid var(--line);position:relative}.edu-app .ot-outline-list li::before{content:counter(outline,decimal-leading-zero);position:absolute;left:20px;top:17px;color:var(--muted-2);font-size:11px}.edu-app .ot-outline-list li:last-child{border:0}.edu-app .ot-outline-list b{font-size:12px;font-weight:550}.edu-app .ot-outline-list small{font-size:10px}.edu-app .ot-share{border:1px solid var(--line);border-radius:8px;background:var(--card)}.edu-app .ot-standing{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:8px}.edu-app .ot-manage{border-top:1px solid var(--line);padding-top:17px}.edu-app .ot-manage-btn{font-family:inherit;font-size:11px}.edu-app .site-footer{display:none}.ot-class-handoff{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border:1px solid var(--line);background:var(--ot-soft);border-radius:7px}.ot-class-handoff b{display:block;font-size:13px;font-weight:600}.ot-class-handoff p{font-size:11px;color:var(--muted-2);margin:4px 0 0}
@media(min-width:1700px){.edu-workspace-content{padding-inline:56px}}
@media(max-width:1180px){.edu-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-heading{align-items:start;flex-wrap:wrap}.edu-app .ot-compose{grid-template-columns:minmax(0,1fr) 290px;gap:17px}.edu-table :is(td,th){padding:13px}.edu-table-toolbar{flex-wrap:wrap}.edu-search{min-width:200px}}
@media(max-width:900px){.edu-shell{display:block}.edu-workspace-content{padding:26px 22px 50px}.edu-app .ot-workspace-head>.backbtn{margin:0}.edu-topbar{padding:0 21px}.edu-app .ot-selection{top:82px}}
@media(max-width:760px){.edu-app h1,.edu-app .ot-workspace h1,.edu-app .ot-results-heading h1{font-size:25px}.edu-topbar{height:58px;padding:0 16px}.edu-brand>span,.edu-topbar-actions>a{display:none}.edu-brand b{font-size:16px}.edu-topbar-actions{gap:10px}.edu-workspace-content{padding:24px 16px 40px}.edu-class-content,.edu-app .ot-library-view{gap:20px}.edu-heading{gap:17px}.edu-heading p{font-size:12px}.edu-heading-actions{width:100%}.edu-stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-stats.four .edu-stat:nth-child(2){border-right:0}.edu-stats.four .edu-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.edu-stat{padding:14px 12px}.edu-stat>b{font-size:25px}.edu-stat>small{font-size:9px}.edu-class-grid{grid-template-columns:1fr}.edu-class-card{padding:20px}.edu-class-top{margin-bottom:15px}.edu-class-card p{margin-bottom:18px}.edu-section-title{flex-wrap:wrap}.edu-sort>span{display:none}.edu-table-toolbar{gap:10px;padding:14px}.edu-search{flex-basis:100%}.edu-table-toolbar>.edu-btn{margin-left:auto}.edu-tabs{gap:20px}.edu-tabs button{font-size:11px;white-space:nowrap}.edu-panel-heading{flex-wrap:wrap;padding:18px}.edu-panel-body{padding:18px}.edu-form-grid{grid-template-columns:1fr}.edu-dialog-body{padding:20px}.edu-dialog-heading{padding:14px 20px}.edu-invite-code{font-size:28px;padding:17px}.edu-join-panel{padding:22px}.edu-empty{padding:38px 20px}.edu-empty h2{font-size:17px}.ot-catalogue-tools{align-items:start;flex-direction:column;gap:10px}.ot-catalogue-tools .ot-join{width:100%}.ot-catalogue-tools .ot-join input{flex:1;min-width:0;width:auto}.edu-app .ot-compose{display:block}.edu-app .ot-selection{position:static;max-height:none}.edu-app .ot-mobile-tabs{top:68px;border-radius:6px}.edu-app .ot-mobile-tabs button{font-family:inherit;font-size:12px;font-weight:550}.edu-app .ot-setup{padding:17px;gap:15px}.edu-app .ot-workspace .search-group-head{padding:12px}.edu-app .ot-draft-state{flex-basis:auto}.ot-flow{gap:15px;font-size:10px}.ot-flow b{width:18px;height:18px}.edu-app .ot-result-stat{padding:15px 13px}.edu-app .ot-result-stat:nth-child(2){border-right:0}.edu-app .ot-result-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.edu-app .ot-results-table :is(th,td):nth-child(3){display:table-cell}.edu-app .ot-landing-hero h1{font-size:26px}.ot-class-handoff{flex-wrap:wrap}.edu-dialog .edu-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.edu-dialog .edu-stat{padding:12px 9px}}
@media(prefers-reduced-motion:reduce){.edu-app *{animation:none!important;transition:none!important}}
@media print{.edu-topbar,.edu-heading-actions,.edu-table-toolbar,.edu-tabs{display:none!important}.edu-shell{display:block}.edu-workspace-content{padding:0}.edu-app{background:white;color:#111}.edu-table-wrap{overflow:visible}.edu-panel{break-inside:avoid}}
@media(max-width:760px){
.edu-assignment-table,.edu-assignment-table tbody,.ot-library-table .edu-table,.ot-library-table .edu-table tbody{display:block;width:100%}.edu-assignment-table thead,.ot-library-table .edu-table thead{display:none}.edu-assignment-table tr,.ot-library-table .edu-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.edu-assignment-table tr:last-child,.ot-library-table .edu-table tr:last-child{border:0}.edu-assignment-table td,.ot-library-table .edu-table td{display:block;border:0;padding:0;min-width:0}.edu-assignment-table td:first-child,.edu-assignment-table td:last-child,.ot-library-table .edu-table td:first-child,.ot-library-table .edu-table td:last-child{grid-column:1/-1}.edu-assignment-table td:nth-child(2)::before{content:'Inleverdatum'}.edu-assignment-table td:nth-child(3)::before{content:attr(data-label)}.ot-library-table .edu-table td:nth-child(2)::before{content:'Toetsinhoud'}.ot-library-table .edu-table td:nth-child(3)::before{content:'Deelname'}.edu-assignment-table td:nth-child(2)::before,.edu-assignment-table td:nth-child(3)::before,.ot-library-table .edu-table td:nth-child(2)::before,.ot-library-table .edu-table td:nth-child(3)::before{display:block;font-size:10px;color:var(--muted-2);margin-bottom:5px}.edu-assignment-table .edu-row-actions .edu-btn{flex:1}.ot-library-table .edu-row-actions{flex-wrap:wrap}.ot-library-table .edu-row-actions>*{flex:1}.ot-library-table .edu-tabs{gap:20px;flex:1;border:0}.ot-library-table .edu-tabs button{padding-bottom:8px}.ot-library-table .edu-search{order:1}.ot-library-table .edu-table-toolbar>[data-library-refresh]{margin-left:0;font-size:11px}.ot-library-title>div{min-width:0}.ot-library-title b{overflow-wrap:anywhere}
}

/* Compact workspaces: keep lists and actions above the fold in a normal window. */
@media screen {
  .edu-workspace-content { padding:20px clamp(16px,2.5vw,36px) 40px; }
  .edu-page,.edu-app .view { max-width:1440px; }
  .edu-class-content,.edu-app .ot-library-view,.edu-app .ot-workspace,.edu-app .ot-results-page,.edu-app .ot-landing { gap:14px; }
  .edu-heading { gap:12px 24px; align-items:center; }
  .edu-app .edu-heading h1,.edu-app .ot-workspace h1,.edu-app .ot-results-heading h1,.edu-app .ot-landing-hero h1 { font-size:23px; margin:2px 0 4px; }
  .edu-heading p { font-size:12px; line-height:1.5; }
  .edu-eyebrow,.edu-app .ot-eyebrow { font-size:9px; letter-spacing:.08em; }
  .edu-heading-actions { width:auto; }
  .edu-heading-actions:empty { display:none; }
  .edu-app .ot-workspace-head { gap:6px 16px; }
  .edu-app .ot-results-header { gap:6px; }
  .edu-app .ot-results-heading { gap:12px; align-items:center; }
  .edu-app .ot-results-heading p { margin:3px 0 0; font-size:12px; }
  .edu-app .ot-landing-hero .backbtn { margin-bottom:6px; }
  .edu-app .ot-landing-desc { margin-top:6px; }
  .edu-back,.edu-app .backbtn { min-height:24px; }

  .edu-class-content>.edu-stats,.edu-app .ot-result-stats { display:flex; flex-wrap:wrap; border:0; border-radius:0; background:none; gap:8px 24px; overflow:visible; }
  .edu-class-content>.edu-stats>.edu-stat,.edu-app .ot-result-stats>.ot-result-stat { display:grid; grid-template-columns:auto auto; justify-content:start; align-items:baseline; gap:1px 8px; padding:0; border:0; background:none; border-radius:0; }
  .edu-class-content>.edu-stats>.edu-stat>b,.edu-app .ot-result-stats>.ot-result-stat>b { font-size:16px; line-height:1.5; letter-spacing:0; }
  .edu-class-content>.edu-stats>.edu-stat>small,.edu-app .ot-result-stats>.ot-result-stat>small { grid-column:1/-1; font-size:10px; min-height:0; }
  .edu-stats.edu-stats-summary { display:flex; flex-wrap:wrap; align-items:center; gap:6px 20px; border:0; background:none; overflow:visible; border-radius:0; }
  .edu-stats.edu-stats-summary>.edu-stat { position:relative; display:flex; flex-direction:row; align-items:baseline; gap:6px; padding:0; border:0; }
  .edu-stats.edu-stats-summary>.edu-stat>b { font-size:13px; line-height:1.5; letter-spacing:0; }
  .edu-stats.edu-stats-summary>.edu-stat>small { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
  .ot-catalogue-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; }
  .ot-catalogue-tools { gap:8px; }
  .ot-catalogue-tools .ot-join input { width:122px; min-height:36px; }

  .edu-section-title { margin-top:0; }
  .edu-class-grid { gap:12px; }
  .edu-class-card { padding:16px; }
  .edu-class-top { margin-bottom:8px; }
  .edu-class-top .edu-class-monogram { width:30px; height:30px; font-size:12px; border-radius:5px; }
  .edu-class-card h2 { font-size:15px; }
  .edu-class-card p { margin:5px 0 12px; line-height:1.5; }
  .edu-class-bottom { padding-top:10px; }
  .edu-panel-heading { padding:12px 16px; }
  .edu-panel-body { padding:16px; }
  .edu-table-toolbar { padding:10px 14px; gap:10px; }
  .edu-table :is(td,th) { padding:11px 14px; }
  .edu-tabs button { padding-bottom:9px; }
  .edu-empty { padding:28px 20px; }
  .edu-empty-symbol { width:36px; height:36px; font-size:20px; margin-bottom:12px; }
  .edu-empty p { margin-bottom:14px; }
  .edu-app .ot-setup { padding:14px 16px; gap:10px 18px; }
  .ot-flow { padding-bottom:10px; gap:18px; }
  .edu-app .ot-results-tabs button { padding:8px 0 10px; }
  .edu-app .ot-results-table :is(td,th) { padding:10px 14px; }
}
@media screen and (min-width:761px) {
  .edu-heading { flex-wrap:nowrap; }
  .ot-library-table .edu-table-toolbar { flex-wrap:nowrap; }
  .ot-library-table .edu-tabs { gap:18px; flex:none; }
  .ot-library-table .edu-search { min-width:120px; }
  .ot-library-table .edu-row-actions { flex-wrap:wrap; }
}
@media screen and (max-width:760px) {
  .edu-workspace-content { padding:16px 16px 32px; }
  .edu-class-content,.edu-app .ot-library-view,.edu-app .ot-workspace,.edu-app .ot-results-page { gap:12px; }
  .edu-app .edu-heading h1,.edu-app .ot-workspace h1,.edu-app .ot-results-heading h1 { font-size:21px; }
  .edu-stats.edu-stats-summary { gap:4px 14px; }
  .edu-class-content>.edu-stats:not(.edu-stats-summary),.edu-app .ot-result-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; }
  .edu-class-content>.edu-stats>.edu-stat,.edu-app .ot-result-stats>.ot-result-stat { border:0; }
  .ot-catalogue-tools { width:100%; }
  .ot-catalogue-tools .ot-join input { width:auto; }
  .edu-assignment-table tr,.ot-library-table .edu-table tr { padding:14px; gap:10px; }
  .edu-assignment-table td,.ot-library-table .edu-table td { padding:0; }
}