.serial-notice{padding:18px 20px;margin:18px 0;border:1px solid #efcba2;border-left:4px solid #d68528;border-radius:10px;background:#fff8ec;color:#584025;line-height:1.65}.serial-notice strong{display:block;font-size:16px;color:#8a4814}.serial-notice p{margin:6px 0 0;font-size:14px}.serial-notice a{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;text-decoration:underline}.serial-notice .check{margin:14px 0 0}.serial-notice small{display:block;margin-top:8px}.student-notices{margin:16px 0}.student-note{border:1px solid #aac7de;border-left:4px solid #3876a6;padding:18px;border-radius:10px;background:#f1f8fd;margin:10px 0;line-height:1.7}.student-note.suspended{border-color:#e7b5b5;border-left-color:#b43131;background:#fff3f2}.student-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.student-note small{color:#6b7075}.student-note a{font-weight:700;text-decoration:underline}.playlist-upcoming{padding:18px 20px;background:#fff8ec;border-top:1px dashed #e8cfab;line-height:1.6}.playlist-upcoming strong{display:block;color:#8a4814;font-size:14px}.playlist-upcoming p{margin:5px 0;font-size:12px;color:#6a5743}.playlist-upcoming a{font-size:12px;font-weight:700;text-decoration:underline}.customer-actions{display:flex;flex-direction:column;gap:8px}.customer-button.danger{border-color:#cf6d6d;color:#a22222}.customer-access.is-suspended{background:#ffe8e5;color:#a32921}.customer-dialog textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #b9c2bd;border-radius:8px;font:inherit;resize:vertical}.customer-dialog .customer-confirm{display:flex;flex-direction:row;align-items:flex-start;font-weight:400}.customer-dialog .customer-confirm input{min-height:20px;margin-top:2px}.customer-history{max-height:220px;overflow:auto;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.customer-history article{border-top:1px solid #ddd;padding:12px 0}.customer-draft-help{font-size:12px;color:#666}.customer-dialog .customer-pages{flex-wrap:wrap}

.customer-dialog [hidden]{display:none!important}

/* Keep the classroom focused on the next lecture, not a stack of status cards. */
body[data-page="classroom"] .class-main{padding-top:26px}
body[data-page="classroom"] .page-heading{align-items:center;margin-bottom:18px;gap:16px}
body[data-page="classroom"] .page-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
body[data-page="classroom"] .page-heading h1{margin:0;font-size:29px}
.return-guide-button{font-size:13px;white-space:nowrap}
.course-tabs:empty,#continue-card:empty{display:none}
.serial-compact{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;border:1px solid #efd6b2;background:#fff8ed;border-radius:9px;font-size:13px;color:#75512c;margin:0 0 20px;line-height:1.6}
.serial-compact strong{font-size:14px;color:#8a4814}.serial-compact a{margin-left:auto;text-decoration:underline;white-space:nowrap;font-weight:700}
body[data-view="watch"] #serial-announcement{display:none}
body[data-page="classroom"] .course-progress{display:grid;grid-template-columns:auto minmax(80px,180px) 1fr;align-items:center;gap:8px 18px;padding:0;margin:20px 0 0;border:0;background:transparent;box-shadow:none}
body[data-page="classroom"] .course-progress>div{display:flex;align-items:baseline;gap:12px;white-space:nowrap}
body[data-page="classroom"] .course-progress strong{font-size:13px}
body[data-page="classroom"] .course-progress em{font-size:18px;margin-left:7px}
body[data-page="classroom"] .course-progress>div>span{display:none}
body[data-page="classroom"] .course-progress progress{width:100%;height:5px;margin:0}
body[data-page="classroom"] .course-progress small{font-size:12px;color:#696969;line-height:1.5}
body[data-page="classroom"] .continue-card{padding:17px 20px;gap:15px}
body[data-page="classroom"] .continue-card strong{font-size:18px;line-height:1.5}
body[data-page="classroom"] #course-feed>.section-row{margin-top:23px}
body[data-page="classroom"] .course-update{padding:20px 0;border-top:1px solid #ddd;background:transparent}
.release-history>strong{font-size:16px}.release-history p{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:14px}
.release-history time{color:#777;font-variant-numeric:tabular-nums}
.audience-help{margin:14px 0;font-size:13px;line-height:1.7;text-align:left}
.audience-help summary{font-weight:700;cursor:pointer}.audience-help p{font-size:13px;margin:8px 0}.audience-help a{text-decoration:underline}
.watch-return-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.watch-return-row .back{margin:0}.watch-return-row .text-btn{font-size:12px}
#return-dialog{width:min(540px,calc(100vw - 32px))}#return-dialog .dialog-inner{line-height:1.7}
#return-dialog .field{margin-top:18px}#classroom-address{font-size:14px;min-width:0}
#return-status{font-size:13px;margin:10px 0;min-height:0}
.return-instructions{padding-top:16px;border-top:1px solid #e5e5e5;font-size:14px}
.return-instructions p{margin:8px 0}.return-instructions kbd{font:inherit;background:#f1f1ef;padding:2px 5px;border-radius:4px}
.return-search{margin-top:16px;font-size:14px}.return-search summary{cursor:pointer}.return-search p{overflow-wrap:anywhere}
/* Informational schedule, not an alarm or a sales-blocking pop-up. */
.serial-notice.release-schedule{background:#f7f8fa;border:1px solid #dfe3e9;border-left:3px solid #5376a2;color:#4a5260}
.serial-notice.release-schedule strong{color:#26354a}.serial-notice.release-schedule a{color:#42658f}
.serial-compact.release-schedule{background:#f6f8fb;border-color:#dfe5ee;color:#596579}
.serial-compact.release-schedule strong{color:#2e4666}.serial-compact .text-btn{margin-left:auto;font-size:12px;white-space:nowrap;color:#42658f}
.upcoming-lesson{text-align:left;border-color:#dce2ea;background:#fff;cursor:pointer}
.upcoming-lesson .upcoming-cover{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 28px;background:linear-gradient(120deg,#202c3e,#384e6b);color:#fff;overflow:hidden}
.upcoming-cover::after{content:'';position:absolute;right:-35px;top:-35px;width:180px;height:180px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 32px #ffffff06}
.upcoming-cover .upcoming-kicker{font-size:10px;letter-spacing:.16em;color:#c2d1e4;z-index:1}
.upcoming-cover>strong{font-size:49px;line-height:1.2;letter-spacing:-.04em;margin-top:8px;z-index:1}
.upcoming-cover .tag{background:#ffffffeb;color:#384d68}.upcoming-lesson .card-meta{color:#526b8b}
.upcoming-lesson:hover{border-color:#8096b0}.upcoming-lesson:focus-visible{outline:3px solid #5376a2;outline-offset:3px}
.playlist-upcoming.release-schedule{background:#f6f8fb;border-color:#dfe5ee}.playlist-upcoming.release-schedule strong{color:#2e4666}.playlist-upcoming.release-schedule p{color:#596579}.playlist-upcoming .text-btn{font-size:12px;color:#42658f}
#release-dialog{width:min(590px,calc(100vw - 32px));line-height:1.8}#release-dialog h2{font-size:21px}
.release-dialog-date{font-weight:700;color:#2e4666;background:#f1f5fa;border-radius:8px;padding:12px 15px}
.release-delay-copy{margin-top:22px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:14px;color:#525966}.release-delay-copy h3{font-size:15px;color:#262c36;margin:0 0 8px}.release-delay-copy p{margin:10px 0}
@media(max-width:760px){
 body[data-page="classroom"] .class-main{padding-top:20px}
 body[data-page="classroom"] .page-heading{gap:12px;align-items:flex-start}
 body[data-page="classroom"] .page-heading h1{font-size:25px}
 body[data-page="classroom"] .page-heading>div{gap:7px}
 .return-guide-button{font-size:12px;padding-top:5px}
 .serial-compact{padding:11px 13px;gap:4px 12px;margin-bottom:16px}
 .serial-compact>span{flex-basis:100%;font-size:12px;order:3}.serial-compact a{font-size:12px}
 body[data-page="classroom"] .course-progress{grid-template-columns:auto 1fr;gap:7px 12px;margin-top:15px}
 body[data-page="classroom"] .course-progress small{grid-column:1/-1;font-size:11px}
 body[data-page="classroom"] .continue-card{padding:14px;gap:10px}
 body[data-page="classroom"] .continue-card strong{font-size:16px}.continue-time{font-size:11px;white-space:nowrap}
}