:root{--ink:#002e3b;--accent:#d94450;--muted:#61747c;--border:#e1e7ea}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Karla,Arial,sans-serif}h1,h2,h3{font-family:Montserrat,Arial,sans-serif;line-height:1.3;font-weight:600}h1{font-size:clamp(2rem,4vw,3rem);margin:8px 0 18px}h2{font-size:1.4rem;margin:0 0 14px}h3{font-size:1.05rem}a{color:#00576c;text-underline-offset:4px}a:hover{color:#b63140}p{margin:0 0 18px}button,.button{display:inline-block;background:var(--accent);color:white;border:1px solid transparent;border-radius:4px;padding:12px 19px;text-decoration:none;font:700 16px/1.5 Karla,Arial,sans-serif;cursor:pointer}button:hover,.button:hover{background:#bb303e;color:white}button.secondary,.button.secondary{background:white;color:var(--ink);border:1px solid #cbd7db}button.secondary:hover,.button.secondary:hover{background:#f0f5f6}
.platform-banner{background:linear-gradient(90deg,#00232feb,#00232f9c),url('/design-assets/library.jpg') center 45%/cover;color:white}.platform-banner>div{max-width:1200px;margin:auto;padding:48px 24px 50px}.platform-banner h1{font-weight:500}.platform-banner p{margin-bottom:0;color:#e1eaed}.platform-banner a{color:white;text-decoration:none}.platform-banner .eyebrow{color:#e5b8bc;margin-bottom:10px}.platform-banner p span{padding:0 12px}
main{max-width:1200px;margin:auto;padding:45px 24px 65px}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px}.workspace-body{min-width:0}.workspace-nav{padding-right:24px;border-right:1px solid var(--border)}.workspace-nav a{display:block;padding:13px 0;color:#395660;text-decoration:none;border-bottom:1px solid #edf0f2}.workspace-nav a:hover{color:var(--accent)}.workspace-nav .eyebrow{margin-top:0;font-size:11px;letter-spacing:.08em}
footer{background:#002e3b;color:#c8dbe0;padding:30px max(24px,calc((100vw - 1152px)/2));font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;color:#b73340;margin:10px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:26px}.page-heading p:last-child{margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.section-heading>span{font-size:14px;color:var(--muted)}.panel{background:white;border:1px solid var(--border);border-radius:5px;padding:26px;margin:24px 0}.panel h2:first-child{margin-top:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.metrics>div{background:#f4f8f9;border:1px solid #e5edef;padding:22px;border-radius:5px}.metrics strong{display:block;font:500 34px Montserrat,Arial,sans-serif;color:#075d71;margin-bottom:8px}.metrics span{display:block;color:#49656e;font-size:14px}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{background:white;border:1px solid var(--border);border-radius:5px;overflow:hidden}.course-card img{width:100%;height:135px;object-fit:cover;display:block}.course-card>div{padding:16px}.course-card h3{margin:0 0 12px}.course-card a{display:block;margin-top:8px;font-size:14px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--border);padding:20px 0}.list-row:last-child{padding-bottom:0}.list-row p{margin:4px 0}.list-row small,td small{display:block;color:var(--muted);font-size:13px}.row-link{display:block;margin-top:8px;font-size:14px}.badge{display:inline-block;background:#edf2f5;border-radius:4px;padding:4px 9px;font-size:13px;white-space:nowrap}.badge.complete{background:#e8f5ed;color:#206243}.badge.overdue{background:#fff0e7;color:#8b3b1a}.muted,.empty{color:var(--muted)}.empty{padding:15px 0}.notice{border-left:3px solid #318974;background:#eef7f4;padding:14px 18px;font-size:15px}.error,.errorlist{color:#aa2031}.errorlist{padding-left:20px}form label{display:block;font-weight:700;margin-bottom:7px}input,textarea,select{font:inherit;color:var(--ink);padding:11px 13px;border:1px solid #c4d0d5;border-radius:4px;background:white;width:100%;max-width:100%}input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:var(--accent)}textarea{resize:vertical}.helptext{display:block;color:var(--muted);font-size:13px;margin:6px 0}form ul{font-size:14px;color:var(--muted)}.form-panel{max-width:800px}.checkbox-line{display:flex;gap:11px;align-items:flex-start;font-weight:400}.login-main{min-height:520px;padding-top:65px;padding-bottom:80px}.login-card{max-width:480px;margin:0 auto;padding:38px;box-shadow:0 4px 20px #002e3b08}.login-card h2{font:600 25px/1.4 Karla,Arial,sans-serif}.login-card input:not([type=checkbox]){background:#f7f9fa;border-color:#e0e6e8;padding:13px}.login-card .checkbox-line{font-size:14px;margin:22px 0}.full-width{width:100%}.login-help{font-size:14px;text-align:center;color:var(--muted);margin:24px 0 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:15px}th,td{padding:14px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{background:#f5f8f9;font-size:13px}.prose{overflow-wrap:anywhere}.score{font-size:28px;font-weight:700}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:200}:focus-visible{outline:3px solid #067691;outline-offset:4px}
.bank-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px}.bank-filters label{font-size:14px}.bank-filters select,.bank-filters input{margin-top:6px}.bank-actions{align-items:center;margin:16px 0}.bank-actions button{font-size:13px;padding:8px 12px}.bank-actions span{font-size:13px;color:var(--muted)}.question-catalogue{max-height:620px;overflow:auto;border:1px solid var(--border);border-radius:4px}.bank-question{border-bottom:1px solid var(--border);padding:17px}.bank-question:last-child{border-bottom:0}.bank-question small{display:block;color:var(--muted);font-size:12px;font-weight:400}.bank-question label{margin-bottom:6px}.bank-question details{margin-left:29px}.bank-question summary{cursor:pointer;font-size:13px;color:#00576c}.bank-question[hidden]{display:none}.question-prompt{font-size:16px;overflow:auto;overflow-wrap:anywhere;margin:15px 0}.question-prompt table{width:auto;min-width:50%;margin:15px 0}.question-prompt img{max-width:100%}.test-question h3{font-size:1.15rem}.test-question label{font-size:15px}.test-question input,.test-question select{max-width:600px}.submit-bar{background:#f4f8f9;border:1px solid var(--border);border-radius:4px;padding:20px}.submit-bar>span,.submit-bar>p{display:block;font-size:13px;color:var(--muted);margin:12px 0 0}.result-panel{padding:38px}.result-score{font:500 56px Montserrat,Arial,sans-serif;margin:20px 0}.result-score span{font-size:30px;color:var(--muted)}
.workspace-nav a[aria-current=page]{color:var(--accent);font-weight:700}.overview-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.overview-card{display:block;border:1px solid var(--border);border-radius:5px;padding:26px;color:var(--ink);text-decoration:none;background:white}.overview-card:hover{border-color:#a9c3cc;background:#f9fbfc;color:var(--ink)}.overview-card h3{font-size:1.2rem;margin:0 0 12px}.overview-card p{color:var(--muted);font-size:15px}.overview-card span{color:#00576c;font-weight:700;font-size:14px}.students-panel{padding:18px}.students-table{min-width:730px}.student-email{overflow-wrap:anywhere;max-width:200px}.student-access-form{min-width:200px}.student-access-form fieldset{border:0;margin:0;padding:0}.student-access-form label{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:13px;line-height:1.6;margin:0 0 8px}.student-access-form button{font-size:13px;padding:5px 12px;margin-top:5px}.student-access-form input[type=checkbox]{width:16px;height:16px;flex-basis:16px;margin-top:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.workspace{grid-template-columns:150px minmax(0,1fr);gap:25px}.metrics{gap:10px}.metrics>div{padding:17px}.course-grid{grid-template-columns:1fr}.course-card{display:flex}.course-card img{width:35%;height:auto;max-height:180px}.course-card>div{flex:1}}
@media(max-width:760px){.workspace{display:block}.workspace-nav{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 0 20px;border-right:0;border-bottom:1px solid var(--border);margin-bottom:28px}.workspace-nav .eyebrow{width:100%;margin-bottom:0}.workspace-nav a{font-size:14px;padding:3px 0;border:0}.platform-banner>div{padding:30px 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.bank-filters{grid-template-columns:1fr 1fr}.bank-filters label:last-child{grid-column:1/-1}}
@media(max-width:500px){main{padding:28px 16px 45px}.panel{padding:20px}.metrics{grid-template-columns:1fr;gap:8px}.metrics>div{display:flex;align-items:center;gap:15px;padding:12px 18px}.metrics strong{font-size:26px;margin:0}.list-row{align-items:flex-start;flex-direction:column;gap:12px}.section-heading{flex-wrap:wrap;gap:5px;margin-bottom:15px}.login-card{padding:26px}.login-main{padding-top:35px}.course-card img{width:30%}.question-catalogue{max-height:480px}.overview-links{grid-template-columns:1fr}}
.filter-panel{padding:20px}.directory-filters,.test-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.directory-filters label,.test-filters label{font-size:13px}.directory-filters select,.test-filters select{font-size:14px;padding:9px 10px}.filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:18px}.filter-actions button{font-size:14px;padding:8px 17px}.filter-actions a{font-size:14px}.students-table{min-width:850px}.students-table td{font-size:14px}.test-course{padding:22px}.test-course>h2{font-size:1.2rem;margin-bottom:18px}.test-group{border:1px solid var(--border);border-radius:4px;margin-top:12px;overflow:hidden}.test-group>summary{display:flex;align-items:center;gap:12px;background:#f4f8f9;cursor:pointer;padding:12px 16px;font-weight:700;list-style:none}.test-group>summary::-webkit-details-marker{display:none}.test-group>summary::before{content:'›';font-size:22px;line-height:1;transform-origin:center}.test-group[open]>summary::before{transform:rotate(90deg)}.test-group>summary small{margin-left:auto;font-size:12px;font-weight:400;color:var(--muted)}.compact-tests{min-width:590px}.compact-tests th,.compact-tests td{padding:10px 14px}.compact-tests th{background:white}.compact-tests tr:last-child td{border-bottom:0}.compact-tests td:first-child{width:44%;overflow-wrap:anywhere}.compact-tests small{font-size:12px}.compact-tests .badge{font-size:12px;padding:3px 7px}.test-row-actions a{display:block;font-size:13px}.test-row-actions a+a{margin-top:5px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0;font-size:13px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pagination a{padding:5px 9px;border:1px solid var(--border);border-radius:4px;text-decoration:none}.pagination a:hover{background:#f4f8f9}.metrics .metric-denominator{display:inline;font-size:22px;color:var(--muted)}.result-metrics small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.roster-filter{display:flex;gap:10px;align-items:center;margin-bottom:14px}.roster-filter select{width:auto;font-size:13px;padding:7px 10px}.roster-filter button{font-size:13px;padding:7px 12px}
@media(min-width:1100px){.directory-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.test-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.directory-filters,.test-filters{grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}.test-course{padding:16px}.test-group>summary{padding:12px}.test-group>summary small{white-space:nowrap}.result-metrics>div{display:block}.result-metrics strong{margin-bottom:5px}.result-metrics .metric-denominator{font-size:20px}}
.gradebook-panel{padding:0;overflow:hidden}.gradebook-table{min-width:650px}.gradebook-table th,.gradebook-table td{min-width:100px;text-align:center;padding:12px}.gradebook-table thead th{font-size:12px;min-width:125px;max-width:165px;overflow-wrap:anywhere}.gradebook-table th:first-child{position:sticky;left:0;z-index:1;text-align:left;min-width:180px;max-width:210px;background:white;box-shadow:1px 0 0 var(--border)}.gradebook-table thead th:first-child{background:#f4f8f9;z-index:2}.gradebook-table tbody th{font-size:14px;font-weight:400}.gradebook-table small{display:block;font-size:11px;color:var(--muted);font-weight:400}.grade-cell{display:block;text-decoration:none;white-space:nowrap}.grade-cell.complete{color:#206243}.grade-cell:hover{background:#f4f8f9}.task-row{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--border)}.task-row:first-child{border-top:0}.task-row>div:first-child{flex:1;min-width:0}.task-row h3{margin:0 0 5px;overflow-wrap:anywhere}.task-row p{margin:0;font-size:13px}.task-row .button{padding:7px 16px;font-size:14px}.task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.calendar-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:5px}.calendar-table{table-layout:fixed;min-width:760px;width:100%;border-collapse:collapse}.calendar-table th{text-align:center;font-size:12px}.calendar-table td{vertical-align:top;height:130px;border:1px solid var(--border);padding:8px;overflow-wrap:anywhere}.calendar-table td>time{font-size:13px;display:inline-block;padding:0 6px}.calendar-table .outside-month{background:#f8fafb;color:#84959b}.calendar-table .calendar-today>time{background:#075d71;color:white;border-radius:50%}.calendar-event{display:block;background:#edf4f7;border-left:3px solid #497f95;margin:8px 0 0;padding:6px;text-decoration:none;font-size:11px;line-height:1.45}.calendar-event strong,.calendar-event small{display:block}.calendar-event.complete{background:#e8f5ed;border-color:#37815c}.calendar-event.late{background:#fff0e7;border-color:#b36534}.objective-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.objective-suggestions article{padding:16px;background:#f4f8f9;border-radius:4px}.objective-suggestions h3{font-size:15px;margin:0 0 10px}.objective-suggestions p{font-size:13px}.objective-suggestions .eyebrow{font-size:11px}.objective-suggestions .actions{align-items:center;font-size:12px}.objective-suggestions .button{font-size:12px;padding:7px 10px}.objective-table{min-width:780px}.objective-table td:first-child{width:40%}.objective-table td{font-size:13px}.objective-table small{font-size:11px}.objective-table .badge{font-size:11px}.metrics .metric-denominator{display:inline;color:var(--muted);font-size:22px}code{overflow-wrap:anywhere}button:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid #075d71;outline-offset:3px}
@media(max-width:600px){.objective-suggestions{grid-template-columns:1fr}.task-row{flex-wrap:wrap;gap:10px}.task-row>div:first-child{flex-basis:100%}.task-row .button{margin-left:auto}.gradebook-table th:first-child{min-width:140px;max-width:160px}.calendar-table{min-width:700px}}
