.learning-homebar,.learning-classbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e6e8ed;margin-bottom:16px;flex-wrap:wrap}.learning-homebar .learning-home-tabs{margin:0;border:0;gap:22px}.learning-homebar .learning-home-tabs a{margin:0;padding:10px 0;border-radius:0;line-height:20px}.learning-homebar>.learning-actions,.learning-classbar>.learning-actions{gap:7px}.learning-homebar .btn,.learning-classbar .btn{font-size:11px;padding:8px 11px}.learning-classbar .learning-tabs{margin:0;border:0;gap:22px}.learning-classbar .learning-tabs>button{margin:0;padding:10px 0;line-height:20px}.learning-classbar .text-btn{font-size:10px}.analytics-page>.learning-homebar{margin-top:0}.site-category{margin:0 0 23px}.site-category h2{font-size:12px;font-weight:500;color:#7b8594;margin:0 0 11px;display:flex;align-items:center;gap:9px}.site-category h2 small{font-size:10px;font-weight:400;color:#afb5be}.compact-links{grid-template-columns:repeat(6,minmax(0,1fr))}.site-card.site-card-compact{height:58px;gap:7px;max-width:200px}.site-name{font-size:12px;line-height:18px}.site-initial{width:28px;height:28px;flex-basis:28px;font-size:13px}.site-favicon{width:24px;height:24px}.site-open{font-size:11px}.book-actions{margin-top:9px}.analytics-toolbar{margin-top:0}
@media(max-width:1100px){.compact-links{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px}}
@media(max-width:900px){.compact-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.compact-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.site-card.site-card-compact{height:64px;padding:6px 8px}.site-card-compact .site-initial{display:grid;flex-basis:24px;width:24px;height:24px}.site-favicon{width:21px;height:21px}.site-open{display:none}.learning-homebar,.learning-classbar{gap:5px;padding-bottom:9px}.learning-homebar .learning-home-tabs{gap:16px;flex-wrap:wrap}.learning-homebar .learning-home-tabs a{font-size:11px}.learning-classbar .learning-tabs{gap:20px}.learning-homebar>.learning-actions,.learning-classbar>.learning-actions{justify-content:flex-end;flex:1 0 100%}.learning-homebar .btn,.learning-classbar .btn{padding:7px 9px;font-size:10px}}

.class-number{font-size:20px;font-weight:600;color:#6b7e9b;background:#eef1f6;font-variant-numeric:tabular-nums}.class-navigation-label{min-width:0;flex:1;text-align:left}.class-navigation-label .site-name{line-height:16px}.class-navigation-label small{display:block;font-size:10px;line-height:12px;color:#a1a9b5;margin-top:2px}.class-category .class-number{display:grid}.class-category .site-name{overflow-wrap:normal}.class-category .site-open{margin-left:0}
@media(max-width:650px){.class-category .class-number{font-size:19px;display:grid}}

.site-directory .tools{flex-wrap:wrap}.site-directory .site-search{margin-left:auto;flex-wrap:wrap}.category-manager-list{max-height:45vh;overflow:auto}.category-manager-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eceef2}.category-manager-name{min-width:0;overflow-wrap:anywhere;font-size:13px}.category-manager-name small{display:block;font-size:10px;color:#959ca8;margin-top:4px}.category-row-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.category-row-actions .btn{padding:5px 8px}.category-row-actions .text-btn{font-size:11px}.category-add-form>div{display:flex;gap:10px}.category-add-form .btn{white-space:nowrap}.category-add-form input{min-width:0}@media(max-width:450px){.category-manager-row{align-items:flex-start;flex-direction:column;gap:7px}.category-row-actions{align-self:flex-end}.site-directory .site-search{gap:8px}.site-search .search{flex-basis:120px}}

.resource-tools{flex-wrap:wrap;gap:12px;margin-top:0}.resource-search-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto;max-width:100%}.resource-search-actions .btn{flex-shrink:0;white-space:nowrap}.resource-search-actions .search{min-width:0}@media(max-width:650px){.resource-search-actions{width:100%;gap:8px;flex-wrap:wrap}.resource-search-actions #grade{flex:1 0 100%;max-width:100%;width:100%}.resource-search-actions #search{flex:1;min-width:0;width:0}.resource-search-actions>.btn{padding:8px 10px;font-size:11px}}

.school-cover.school-cover-image{padding:0;background:#f2f4f7}.school-cover-image img{display:block;width:100%;height:100%;object-fit:cover}aside>nav{margin-top:24px}
.site-sort-card{width:100%;max-width:200px;justify-self:center;min-width:0;cursor:grab}.site-sort-card .site-card{max-width:none}.site-sort-card:active{cursor:grabbing}.site-sort-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.site-sort-actions .text-btn{font-size:10px;padding:2px}.site-sort-over{outline:2px dashed #aeb9cc;outline-offset:5px;border-radius:6px}.site-sort-hint{font-size:11px;color:#929baa;margin:0 0 17px}.site-sort-card a{cursor:grab}

/* Class context first, with a compact roster and the same directory cards as websites. */
.class-navigation-card{font-family:inherit;text-align:left;cursor:pointer}
.learning-class-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.learning-class-heading .learning-crumb{margin:0;min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}.learning-class-heading>.text-btn{font-size:11px;padding:3px 0;white-space:nowrap;color:#7c899b}
.learning-class-context{padding:0;margin-bottom:18px}.learning-class-cards{display:grid;grid-template-columns:minmax(190px,.78fr) repeat(2,minmax(0,1.3fr));gap:14px;align-items:stretch}
.learning-class-info,.learning-context-card{padding:17px 18px;min-width:0}.learning-class-info h2{font-size:14px;line-height:1.6;font-weight:500;color:#526176;margin:0 0 13px;overflow-wrap:anywhere}
.learning-context-card h3{font-size:11px;font-weight:400;color:#9aa2b0;margin:0 0 10px}.learning-context-card p{font-size:12px;line-height:1.8;color:#687589;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.learning-context-more{margin-top:12px;border-top:1px solid #eff1f5;padding-top:10px;font-size:11px;color:#939dac}
.learning-context-more summary{cursor:pointer}
.learning-context-more p{line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.learning-class-roster-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.learning-class-roster-head .btn{font-size:11px;padding:7px 10px}
.learning-roster-toolbar{margin:12px 0}
.learning-student-table-compact th{padding:9px 12px;font-size:11px}
.learning-student-table-compact td{padding:6px 12px;font-size:12px;line-height:1.6}
.learning-student-table-compact .text-btn{font-size:11px;line-height:1.6;padding:2px 0}
.learning-student-table-compact .learning-student-name{font-size:12px}
.learning-student-table-compact td>small{display:inline;font-size:9px;color:#a8afba;margin-left:5px;white-space:nowrap}
.learning-student-table-compact td:nth-child(1),.learning-student-table-compact td:nth-child(2),.learning-student-table-compact td:nth-child(3),.learning-student-table-compact td:nth-child(5),.learning-student-table-compact td:nth-child(6){white-space:nowrap}
.learning-student-table-compact .learning-score{font-variant-numeric:tabular-nums;color:#69798f}
.learning-student-table-compact .learning-strength-cell{min-width:230px}
.learning-profile-strengths{padding:17px 20px}
@media(max-width:650px){.learning-class-roster-head .learning-actions{gap:6px}.learning-class-roster-head .btn{font-size:10px}.learning-student-table-compact td,.learning-student-table-compact th{padding:6px 9px}.learning-profile-strengths{padding:14px}}


.class-navigation-label .class-headteacher{font-size:10px;line-height:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.learning-class-contact{display:grid;gap:8px;margin:0;padding:0;min-width:0}
.learning-class-contact>span{display:inline-flex;align-items:baseline;gap:10px;min-width:0;max-width:100%;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.learning-class-contact small{font-size:11px;color:#9aa2b0;flex:0 0 36px}
.learning-class-contact b{font-weight:500;color:#687589;overflow-wrap:anywhere;min-width:0}
.learning-class-contact>.text-btn{margin-left:auto;font-size:11px;padding:0;white-space:nowrap}
.learning-contact-clear{margin-right:auto;font-size:11px}
@media(max-width:650px){.learning-class-contact{gap:7px 15px}.learning-class-contact>.text-btn{margin-left:0}.class-navigation-label .class-headteacher{font-size:9px;line-height:11px}}

/* Five compact class cards; website navigation keeps its own six-column grid. */
.class-directory-toolbar{margin:0 0 22px;gap:12px}.class-directory-actions{margin-left:auto;gap:8px}.class-directory-actions .btn{font-size:11px;padding:8px 11px}.class-directory-actions .search{width:150px;min-width:0}
.class-directory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 20px}
.class-directory-card{height:80px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.class-directory-card:hover{border-color:#c6c9d1;box-shadow:0 4px 18px #25263008}
.class-directory-card .class-navigation-card{display:flex;align-items:center;gap:10px;width:100%;height:100%;padding:10px 12px;border:0;background:transparent;color:inherit}
.class-directory-card .class-number{width:38px;height:38px;flex-basis:38px;flex-shrink:0;border-radius:7px;font-size:25px}
.class-directory-card .site-name{font-size:13px;line-height:20px;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}
.class-directory-card .class-headteacher{font-size:11px;line-height:17px;margin-top:2px;color:#7e8999}
.class-directory-card .class-student-count{font-size:10px;line-height:14px;margin-top:1px;color:#a1a9b5}
.learning-delete-warning{font-size:13px;line-height:1.8;color:#8d5353}.learning-delete-scope{padding-left:20px;color:#727e90;font-size:12px;line-height:2}.learning-delete-summary{padding:10px 12px;background:#f7f8fa;border-radius:6px;font-size:12px;color:#6f7c90}.btn.danger{background:#a95d5d;border-color:#a95d5d;color:#fff}.btn.danger:hover{background:#984c4c}.learning-delete-confirm{color:#6f7784}
@media(max-width:1100px){.class-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.class-directory-card .class-navigation-card{padding:12px;gap:9px}.class-directory-card .class-number{width:38px;height:42px;flex-basis:38px;font-size:25px}.class-directory-card .site-name{font-size:12px}}
@media(max-width:900px){.class-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.class-directory-actions{width:100%;margin-left:0}.class-directory-actions .search{margin-right:auto;flex:1}}
@media(max-width:650px){.class-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.class-directory-card{height:80px}.class-directory-card .class-navigation-card{padding:10px;gap:8px}.class-directory-card .class-number{width:32px;height:38px;flex-basis:32px;font-size:24px}.class-directory-card .class-headteacher{font-size:11px}.class-directory-actions{gap:7px}.class-directory-actions .search{flex-basis:100%;width:100%;margin-right:0}.class-directory-actions .btn{flex:1;padding:8px 6px}}

.class-manager-list{max-height:55vh;overflow:auto;margin-top:14px}.class-manager-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #eceef2}.class-manager-row:last-child{border-bottom:0}.class-manager-info{min-width:0}.class-manager-info b{font-size:13px;font-weight:500;overflow-wrap:anywhere}.class-manager-info small{display:block;font-size:11px;color:#929baa;margin-top:5px;overflow-wrap:anywhere}.class-manager-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.class-manager-actions .btn{padding:5px 10px;font-size:11px}.class-manager-actions .text-btn{font-size:11px;color:#a17b7b}

.class-directory-card:focus-within{outline:2px solid #aeb9cc;outline-offset:2px}

@media(max-width:850px){.learning-class-cards{grid-template-columns:minmax(170px,.8fr) minmax(0,1.4fr)}.learning-class-info{grid-row:span 2}.learning-class-info,.learning-context-card{padding:15px 16px}}
@media(max-width:580px){.learning-class-heading{align-items:flex-start;margin-bottom:12px}.learning-class-cards{grid-template-columns:1fr;gap:10px}.learning-class-info{grid-row:auto}.learning-class-info,.learning-context-card{padding:14px 16px}.learning-class-info h2{font-size:13px;margin-bottom:10px}.learning-class-contact{gap:6px}.learning-class-context{margin-bottom:16px}}

.learning-typing-assessment{margin-top:16px;padding-top:16px;border-top:1px solid var(--line,#e5eaf2)}
.learning-typing-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.learning-typing-heading h3{font-size:14px;margin:0}.learning-typing-heading .sub{font-size:11px}
.learning-typing-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.learning-typing-results article{display:grid;gap:6px;padding:14px 16px;background:#f4f7ff;border-radius:12px}.learning-typing-results article>b{font-size:12px;color:#4965a4}.learning-typing-results article>strong{font-size:25px;color:#245edb;font-variant-numeric:tabular-nums}.learning-typing-results small{font-size:11px;font-weight:400}.learning-typing-results article>span,.strength-automatic-note{font-size:11px;color:#6b7b94}
@media(max-width:650px){.learning-typing-heading{align-items:flex-start;flex-direction:column;gap:4px}.learning-typing-results{grid-template-columns:1fr}}