.classroom-hero{position:relative;min-height:430px;background:linear-gradient(135deg,#164f87,#102f55);display:flex;align-items:end;overflow:hidden}.classroom-hero-image{position:absolute;inset:0}.classroom-hero-image img{width:100%;height:100%;object-fit:cover}.classroom-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,38,72,.92),rgba(7,38,72,.65) 55%,rgba(7,38,72,.22))}.classroom-hero-inner{position:relative;z-index:2;color:#fff;padding-top:80px;padding-bottom:56px}.classroom-back{display:inline-block;color:#fff;text-decoration:none;font-weight:800;margin-bottom:28px}.classroom-label{display:block;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#ffd85c}.classroom-hero h1{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-size:clamp(44px,6vw,72px);line-height:1.02;margin:10px 0 18px;max-width:800px}.classroom-meta{display:flex;gap:12px;flex-wrap:wrap}.classroom-meta span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);padding:8px 12px;border-radius:999px;font-weight:800}.classroom-content{padding:60px 0 90px;background:#f7fbfe}.classroom-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}.classroom-main{display:grid;gap:24px}.classroom-panel,.classroom-update,.classroom-side-card{background:#fff;border:1px solid #d8e8f4;border-radius:24px;box-shadow:0 10px 30px rgba(28,76,115,.07)}.classroom-panel{padding:30px}.classroom-panel h2,.classroom-section-title h2{font-family:'Trebuchet MS','Segoe UI',sans-serif;color:#102f55;margin:5px 0 14px;font-size:32px}.panel-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#1775cf;font-weight:900}.classroom-focus{background:linear-gradient(135deg,#eaf6ff,#fff8da)}.classroom-updates{display:grid;gap:16px}.classroom-update-list{display:grid;gap:15px}.classroom-update{padding:24px}.update-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.update-type{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;background:#eaf6ff;color:#1775cf;padding:6px 9px;border-radius:999px}.type-homework .update-type{background:#fff3be;color:#725900}.type-reminder .update-type{background:#ffe5df;color:#8c3b2c}.type-activity .update-type{background:#def8ef;color:#17634d}.classroom-update time{font-size:12px;color:#6a7b8d;font-weight:700}.classroom-update h3{font-family:'Trebuchet MS','Segoe UI',sans-serif;color:#102f55;font-size:24px;margin:12px 0}.update-copy p:last-child{margin-bottom:0}.update-due{background:#fff8da;border-radius:12px;padding:10px 12px}.classroom-h5p{margin-top:20px}.classroom-side{display:grid;gap:18px;position:sticky;top:24px}.classroom-side-card{padding:22px}.classroom-side-card>span{font-size:28px}.classroom-side-card h3{font-family:'Trebuchet MS','Segoe UI',sans-serif;color:#102f55;font-size:21px;margin:8px 0}.classroom-side-card p{color:#586d81;margin:0}.parent-note{background:#fff9df}.classroom-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.classroom-card{display:block;background:#fff;border:1px solid #d8e8f4;border-radius:24px;overflow:hidden;text-decoration:none;color:#17324d;box-shadow:0 10px 30px rgba(28,76,115,.07);transition:.2s}.classroom-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(28,76,115,.12)}.classroom-card-image{aspect-ratio:16/10;background:linear-gradient(135deg,#eaf6ff,#fff8da);overflow:hidden}.classroom-card-image img{width:100%;height:100%;object-fit:cover}.classroom-placeholder{display:grid;place-items:center;font-size:54px}.classroom-card-copy{padding:22px}.classroom-card-copy span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#1775cf}.classroom-card-copy h2{font-family:'Trebuchet MS','Segoe UI',sans-serif;color:#102f55;font-size:25px;line-height:1.1;margin:7px 0}.classroom-card-copy p{color:#5c6f82;margin:0 0 14px}.classroom-card-copy strong{color:#1775cf}@media(max-width:900px){.classroom-grid{grid-template-columns:1fr}.classroom-side{position:static}.classroom-directory{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.classroom-hero{min-height:390px}.classroom-hero-inner{padding-bottom:40px}.classroom-meta{display:grid}.classroom-content{padding:40px 0 65px}.classroom-panel,.classroom-update{padding:22px}.classroom-directory{grid-template-columns:1fr}}

/* 10 selectable classroom presentation templates */
.classroom-page{--cl-a:#102f55;--cl-b:#6eb9f3;--cl-soft:#eaf6ff;--cl-ink:#102f55}.classroom-page .classroom-hero{background:linear-gradient(135deg,var(--cl-a),var(--cl-b))}.classroom-page .classroom-hero-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--cl-a) 92%,black),color-mix(in srgb,var(--cl-a) 68%,transparent) 58%,rgba(7,38,72,.18))}.classroom-page .classroom-label{color:#fff3a6}.classroom-page .classroom-content{background:color-mix(in srgb,var(--cl-soft) 55%,#fff)}.classroom-page .panel-kicker,.classroom-page .classroom-card-copy span,.classroom-page .classroom-card-copy strong{color:var(--cl-a)}.classroom-page .classroom-focus{background:linear-gradient(135deg,var(--cl-soft),#fff)}.classroom-page .classroom-panel h2,.classroom-page .classroom-section-title h2,.classroom-page .classroom-update h3,.classroom-page .classroom-side-card h3{color:var(--cl-ink)}.classroom-template-symbol{position:absolute;z-index:2;right:8%;top:50%;transform:translateY(-42%);font-size:clamp(80px,11vw,150px);opacity:.18;filter:grayscale(.1)}
.classroom-template-classic-blue{--cl-a:#102f55;--cl-b:#6eb9f3;--cl-soft:#eaf6ff;--cl-ink:#102f55}.classroom-template-chalkboard{--cl-a:#244b3c;--cl-b:#537a63;--cl-soft:#eef5e8;--cl-ink:#244b3c}.classroom-template-chalkboard .classroom-panel,.classroom-template-chalkboard .classroom-update,.classroom-template-chalkboard .classroom-side-card{border-radius:10px}.classroom-template-sunshine{--cl-a:#b87800;--cl-b:#74c9f5;--cl-soft:#fff6c9;--cl-ink:#805400}.classroom-template-reading-corner{--cl-a:#744a32;--cl-b:#c69d6d;--cl-soft:#fff0dc;--cl-ink:#5c3825}.classroom-template-science-lab{--cl-a:#087f8c;--cl-b:#35c1bb;--cl-soft:#e4fbf8;--cl-ink:#075f68}.classroom-template-nature-explorer{--cl-a:#2f7d50;--cl-b:#77ad5d;--cl-soft:#edf9e9;--cl-ink:#235f3c}.classroom-template-creative-arts{--cl-a:#b13d72;--cl-b:#805ad5;--cl-soft:#fff0f7;--cl-ink:#7e2f59}.classroom-template-creative-arts .classroom-focus{background:linear-gradient(135deg,#fff0f7,#f1ecff,#fff8d9)}.classroom-template-sports-zone{--cl-a:#1769aa;--cl-b:#35a853;--cl-soft:#e8f5ff;--cl-ink:#145384}.classroom-template-digital-lab{--cl-a:#132b50;--cl-b:#00a8c6;--cl-soft:#e8f9fc;--cl-ink:#132b50}.classroom-template-digital-lab .classroom-panel,.classroom-template-digital-lab .classroom-update,.classroom-template-digital-lab .classroom-side-card{border-radius:14px}.classroom-template-calm-pastel{--cl-a:#7769b2;--cl-b:#8bcdbd;--cl-soft:#f2efff;--cl-ink:#5b508c}.classroom-template-calm-pastel .classroom-panel,.classroom-template-calm-pastel .classroom-update,.classroom-template-calm-pastel .classroom-side-card{border-radius:30px}@media(max-width:700px){.classroom-template-symbol{right:3%;top:30%;font-size:64px;opacity:.14}}