.hub-page{max-width:1200px;margin:auto}.hub-filters,.hub-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0}.hub-filters label{display:flex;flex-direction:column;gap:8px}.hub-choices button{text-align:left;background:#f4edfb;color:#302044;border:2px solid #d9c6e7;border-radius:18px;padding:22px}.hub-lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.hub-lesson{background:#fffaf0;color:#302044;border:1px solid #ded2e6;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hub-lesson h2{font-size:1.3rem}.hub-lesson p{margin:0}.hub-lesson details{margin-top:auto}.confidence-key{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.confidence-state{display:inline-block;border-radius:8px;padding:6px 10px;font-size:.9rem;font-weight:600}.state-new{background:#eeedf2;color:#43394c}.state-learning,.state-developing{background:#fff0c2;color:#624617}.state-secure{background:#d9efde;color:#245936}.state-retained{background:#dedbf7;color:#453582}.state-reopened{background:#ffe0d3;color:#763820}.hub-table{overflow-x:auto;max-width:100%;margin:24px 0}.hub-table table{border-collapse:collapse;width:100%;text-align:left}.hub-table th,.hub-table td{padding:12px;border-bottom:1px solid #d9cfe0;min-width:125px;vertical-align:top}.hub-table thead th{background:#f0e9f6;color:#302044}.confidence-cell{font-size:.9rem;border:0;box-shadow:none;min-height:44px;border-radius:10px}.hub-table th:first-child{position:sticky;left:0;background:#fffaf0;color:#302044;z-index:1}#confidence-detail{scroll-margin-top:100px}body[data-audience=pupil] #spelling-nav{flex-wrap:wrap}@media(max-width:480px){.hub-lessons{grid-template-columns:1fr}.hub-page{padding:0}.hub-filters{grid-template-columns:1fr 1fr}.hub-filters label:last-child{grid-column:1/-1}.hub-choices{grid-template-columns:1fr}.hub-lesson{padding:20px}}
.sequence-draft-note{display:inline-block;padding:.45rem .75rem;border-radius:999px;background:#fff2bf;color:#573f00;font-weight:800}
.sequence-practice-card{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:1.1rem;align-items:center}
.sequence-picture{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:1rem;border:2px solid rgba(64,39,92,.14)}
@media(max-width:620px){.sequence-practice-card{grid-template-columns:1fr}.sequence-picture{max-height:210px}}