.journey-panel{margin:24px 0;padding:clamp(16px,3vw,28px);border:1px solid #bedcd8;border-radius:20px;background:linear-gradient(135deg,#f1fbf7,#f4f7ff);color:#153c42}.journey-heading,.journey-next,.journey-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.journey-heading h2{font-size:clamp(21px,3vw,29px);line-height:1.25;margin:10px 0}.journey-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:bold;color:#18685e}.journey-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.journey-metrics>div{padding:16px;background:#fff;border:1px solid #d4e5e5;border-radius:12px}.journey-metrics strong{display:block;font-size:28px;color:#155b51}.journey-metrics span{font-size:13px;line-height:1.4;display:block}.journey-next{padding:18px;background:#fff;border-left:4px solid #197c6c;border-radius:12px}.journey-next h3{margin:8px 0;line-height:1.4}.journey-note{font-size:13px;line-height:1.6;color:#475e67;margin-top:18px}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.journey-card{background:#fff;border:1px solid #d1e1e3;border-radius:14px;padding:18px;min-width:0;overflow-wrap:anywhere}.journey-card h3{font-size:17px;line-height:1.4}.journey-card p{font-size:14px;line-height:1.6}.journey-card small{display:block;color:#4c606d;margin-top:12px}.journey-pin{background:#fff;border:1px solid #a9c8c6;color:#22544e;padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit;font-size:12px}.journey-pin[aria-pressed=true]{background:#e2f6ec}.journey-status{display:inline-block;border-radius:7px;padding:7px 9px;background:#edf1f6;color:#334d63;font-size:12px}.journey-status[data-status=both]{background:#dff3ed;color:#1b5848}.journey-support{margin-top:24px;border:1px solid #c3dad6;border-radius:14px;padding:20px;background:#f7fcfa}.journey-support details{padding:12px 0;border-bottom:1px solid #d6e5e1}.journey-support summary{cursor:pointer;font-weight:bold;line-height:1.5}.journey-revision{border:1px solid #dce6e6;padding:12px;margin-top:10px;overflow-wrap:anywhere}.journey-revision p{white-space:pre-wrap;font-size:13px}#journey-preparation textarea{width:100%;box-sizing:border-box;margin:10px 0 16px;min-height:120px;font:inherit}.journey-panel button:focus-visible,.journey-support summary:focus-visible{outline:3px solid #17695f;outline-offset:3px}.journey-card{transition:border-color .18s ease,box-shadow .18s ease}.journey-card:hover{border-color:#559d93;box-shadow:0 4px 18px #14524b12}@media(max-width:650px){.journey-heading,.journey-next{align-items:stretch;flex-direction:column}.journey-grid{grid-template-columns:1fr}.journey-metrics{grid-template-columns:1fr}.journey-card-top{align-items:flex-start}.journey-panel .learning-actions{flex-wrap:wrap}.journey-panel button,.journey-support button{min-height:44px;max-width:100%;white-space:normal}.journey-panel{border-radius:14px}.journey-panel .tag{white-space:normal}}@media(prefers-reduced-motion:reduce){.journey-card{transition:none}}
.supplementary-guide{padding:clamp(18px,3vw,28px);margin:20px 0;border:1px solid #bedcd8;border-radius:20px;background:#f5fbf8;color:#153c42}.supplementary-guide h2{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:10px 0}.supplementary-guide p{line-height:1.65}.supplementary-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.supplementary-links button{font:inherit;font-size:14px;color:#155b51;border:1px solid #9bbfb7;background:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;min-height:44px}.supplementary-routine{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:decimal inside;padding:0;margin:24px 0}.supplementary-routine li{padding:14px;background:#fff;border-radius:10px;border:1px solid #d4e5e5;line-height:1.5}.supplementary-routine span{display:block;font-size:13px;margin-top:8px;color:#475e67}.supplementary-tracker{margin:20px 0;border:1px solid #d4e5e5;border-radius:12px;padding:16px}.supplementary-tracker>summary{cursor:pointer;font-weight:bold;min-height:28px}.supplementary-tracker .journey-panel{margin-bottom:0}.supplementary-school-tools{position:relative;font-size:13px}.supplementary-school-tools>summary{cursor:pointer;padding:12px;border:1px solid #d4e5e5;border-radius:9px;min-height:44px;box-sizing:border-box}.landing-header-actions .supplementary-school-tools>summary{color:#fff;border-color:#ffffff40}.supplementary-school-menu{position:absolute;right:0;top:100%;min-width:190px;padding:12px;background:#fff;border:1px solid #bedcd8;border-radius:10px;box-shadow:0 8px 24px #153c4220;z-index:30;display:grid;gap:8px}.supplementary-school-menu a{display:block;color:#153c42;padding:10px;border-radius:6px;text-decoration:none}.landing-header-actions .supplementary-school-menu a{color:#153c42;background:#f5fbf8;border-color:#bedcd8}.supplementary-hub button:focus-visible,.supplementary-school-tools summary:focus-visible{outline:3px solid #559d93;outline-offset:3px}@media(max-width:900px){.supplementary-routine{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.supplementary-routine{grid-template-columns:1fr}.supplementary-links{display:grid;grid-template-columns:1fr}.supplementary-school-menu{right:auto;left:0}.supplementary-guide{border-radius:14px}.supplementary-tracker{padding:12px}}
.welcome-modern-dialog{max-width:1080px;padding:clamp(22px,4vw,40px);background:linear-gradient(135deg,#163447f5,#0c2032f5);max-height:90dvh;scrollbar-gutter:stable;animation:welcome-panel-in .28s ease both}.welcome-modern-dialog .glass-dialog-header{position:sticky;top:0;z-index:2;padding:12px 0;background:#132d40f2;backdrop-filter:blur(18px);margin-bottom:20px}.welcome-modern-dialog>h2{font-size:15px;letter-spacing:.13em;text-transform:uppercase;color:#b7d6e1;margin-bottom:28px}.welcome-editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,42px);align-items:center}.welcome-label{display:inline-block;color:#9ae7d3;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.welcome-editorial h3,.welcome-about-lead h3{font-size:clamp(30px,4vw,47px);line-height:1.12;letter-spacing:-1.3px;margin:18px 0 20px;color:#fff}.welcome-editorial h3 em,.welcome-about-lead h3 em{font-style:normal;color:#a6ecd9}.welcome-modern-dialog .welcome-deck{font-size:18px;line-height:1.55;color:#eef7fb}.welcome-modern-dialog p{line-height:1.75;font-size:14px;margin-bottom:18px}.welcome-editorial-copy{min-width:0}.welcome-photo{position:relative;margin:0;border-radius:20px;overflow:hidden;border:1px solid #ffffff28;background:#15394a;align-self:stretch;min-height:340px}.welcome-photo img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;object-position:52% center}.welcome-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:46px 22px 20px;background:linear-gradient(transparent,#061927ed);font-size:13px;color:#fff;line-height:1.5}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}.welcome-primary,.welcome-secondary{display:inline-flex;gap:14px;align-items:center;justify-content:space-between;font:inherit;font-size:13px;line-height:1.5;min-height:46px;border-radius:10px;padding:12px 16px;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease}.welcome-primary{background:#a3eed9;color:#103a3d;border:1px solid #a3eed9;font-weight:700}.welcome-primary:hover{background:#c4f7e9;transform:translateY(-2px)}.welcome-secondary{background:#ffffff08;color:#e0f3f5;border:1px solid #ffffff35}.welcome-secondary:hover{background:#ffffff15}.welcome-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}.welcome-pillars article,.welcome-audience-grid section{padding:22px;border-radius:16px;border:1px solid #ffffff24;background:#ffffff05;min-width:0}.welcome-card-number{color:#9adfcf;font-size:10px;letter-spacing:.12em;font-weight:700}.welcome-pillars h3,.welcome-audience-grid h3{font-size:19px;line-height:1.4;margin:14px 0 12px;color:#fff}.welcome-pillars p{margin:0;font-size:13px;color:#c3d7e1}.welcome-bottom-note{margin:28px 0 0;padding:22px;border-radius:14px;border-left:3px solid #89dfc6;background:#071d2b80}.welcome-bottom-note>strong{font-size:16px}.welcome-bottom-note p{margin:10px 0;font-size:14px}.welcome-bottom-note small{display:block;line-height:1.65;font-size:12px;color:#a9c9d7}.welcome-about-lead{max-width:740px}.welcome-about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 34px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.welcome-about-facts>div{padding:20px 12px 20px 0}.welcome-about-facts strong{display:block;color:#edfaff;font-size:18px;line-height:1.4}.welcome-about-facts span{display:block;color:#abc8d5;font-size:12px;line-height:1.6;margin-top:7px}.welcome-subject-section>h3,.welcome-resource-note>h3{color:#fff;font-size:22px;margin:0 0 10px}.welcome-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 28px}.welcome-subject-grid article{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid #ffffff1e;border-radius:14px;background:#ffffff04}.welcome-subject-mark{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#92e9d51c;color:#a3eed9;font-weight:700;font-size:15px}.welcome-subject-grade{display:block;font-size:11px;color:#9bc4d0;letter-spacing:.04em}.welcome-subject-grid h4{font-size:16px;line-height:1.4;margin:6px 0 8px;color:#eafaff}.welcome-subject-grid p{font-size:13px;margin:0}.welcome-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.welcome-resource-note{margin-top:28px;padding:26px;border:1px solid #81d8c230;border-radius:16px;background:#2b7e7012}.landing-classroom-photo{position:relative;max-width:530px;height:190px;margin:26px 0 0;border:1px solid #d3f3ef40;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px #0003}.landing-classroom-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 46%}.landing-classroom-photo figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:36px 16px 14px;background:linear-gradient(transparent,#061725eb);font-size:12px;color:#e4f6fb;line-height:1.5}.welcome-photo-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#97e9d2}.landing-hero .hero-links{margin-top:20px}.welcome-modern-dialog .welcome-primary:focus-visible,.welcome-modern-dialog .welcome-secondary:focus-visible{outline:3px solid #c1f8e7;outline-offset:4px}@keyframes welcome-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.welcome-editorial{grid-template-columns:1fr}.welcome-photo{height:300px;min-height:0}.welcome-photo img{min-height:0}.welcome-pillars{grid-template-columns:1fr}.welcome-audience-grid{grid-template-columns:1fr}.welcome-modern-dialog{max-height:92dvh}.landing-classroom-photo{max-width:none;height:220px}}@media(max-width:520px){.welcome-modern-dialog{padding:20px 18px;width:calc(100% - 20px);border-radius:18px}.welcome-editorial h3,.welcome-about-lead h3{font-size:34px}.welcome-about-facts{grid-template-columns:1fr}.welcome-about-facts>div+div{border-top:1px solid #ffffff15}.welcome-subject-grid{grid-template-columns:1fr}.welcome-pillars article,.welcome-audience-grid section{padding:18px}.welcome-subject-grid article{padding:16px}.welcome-actions{flex-direction:column}.welcome-primary,.welcome-secondary{width:100%;min-height:48px}.welcome-photo{height:245px}.landing-classroom-photo{height:180px}.welcome-resource-note{padding:20px}.welcome-modern-dialog .glass-dialog-header{gap:12px}.welcome-modern-dialog .glass-overline{font-size:10px}.welcome-modern-dialog p{font-size:14px}}@media(prefers-reduced-motion:reduce){.welcome-modern-dialog{animation:none}.welcome-primary,.welcome-secondary{transition:none}.welcome-primary:hover{transform:none}}
.supplementary-hub .landing-brand{gap:24px;padding-bottom:20px;align-items:center}.supplementary-hub .landing-header-actions{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #bddfeb28;border-radius:16px;background:linear-gradient(150deg,#e2f7ff0b,#ffffff04);box-shadow:0 8px 24px #00000018,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.supplementary-hub .landing-header-actions>button,.supplementary-hub .landing-header-actions>.admin-entry-link,.supplementary-hub .landing-header-actions .supplementary-school-tools>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:11px 14px;background:transparent;border:1px solid transparent;border-radius:11px;color:#dcebf2;font:inherit;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.welcome-menu-icon{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.supplementary-hub .landing-header-actions>button:hover,.supplementary-hub .landing-header-actions>.admin-entry-link:hover{color:#c6ffe9;background:#c0ffe40c;border-color:#9de8d326;box-shadow:inset 0 1px 0 #ffffff10}.supplementary-hub .landing-header-actions .supplementary-school-tools{padding-left:5px;margin-left:3px;border-left:1px solid #ffffff1a}.supplementary-hub .landing-header-actions .supplementary-school-tools>summary{list-style:none;background:#06172a44;color:#b5d2df;border-color:#ffffff16}.supplementary-hub .landing-header-actions .supplementary-school-tools>summary::-webkit-details-marker{display:none}.supplementary-hub .landing-header-actions .supplementary-school-tools>summary::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:5px;transition:transform .2s ease}.supplementary-hub .landing-header-actions .supplementary-school-tools[open]>summary{background:#a4ead314;border-color:#b4f9e338;color:#d6fff0}.supplementary-hub .landing-header-actions .supplementary-school-tools[open]>summary::after{transform:rotate(225deg)}.supplementary-hub .landing-header-actions .supplementary-school-menu{right:-6px;top:calc(100% + 12px);min-width:235px;padding:8px;border-radius:14px;background:#fbfdff;border-color:#dce7ed;box-shadow:0 18px 48px #03132255}.supplementary-hub .landing-header-actions .supplementary-school-menu a{font-size:13px;font-weight:600;color:#18384c;background:transparent;padding:13px 14px;min-height:44px;border-radius:9px;transition:background .2s ease}.supplementary-hub .landing-header-actions .supplementary-school-menu a:hover{background:#eaf5f0;color:#12634f}.supplementary-hub .landing-header-actions>button:focus-visible,.supplementary-hub .landing-header-actions>a:focus-visible,.supplementary-hub .landing-header-actions summary:focus-visible{outline:2px solid #a5f2d9;outline-offset:2px}.supplementary-hub .landing-header-actions .year-pill{display:none}.supplementary-hub .landing-brandmark small{color:#b2cbd9}@media(max-width:1080px){.supplementary-hub .landing-brand{flex-wrap:wrap;gap:18px}.supplementary-hub .landing-header-actions{margin-left:auto}.supplementary-hub .landing-header-actions>button,.supplementary-hub .landing-header-actions>.admin-entry-link,.supplementary-hub .landing-header-actions .supplementary-school-tools>summary{padding:10px 12px}}@media(max-width:640px){.supplementary-hub .landing-brand{align-items:flex-start;gap:16px}.supplementary-hub .landing-header-actions{width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:5px;border-radius:15px}.supplementary-hub .landing-header-actions>button,.supplementary-hub .landing-header-actions>.admin-entry-link{justify-content:flex-start;padding:12px 14px;background:#ffffff03}.supplementary-hub .landing-header-actions .supplementary-school-tools{margin:0;padding:0;border:0;min-width:0}.supplementary-hub .landing-header-actions .supplementary-school-tools>summary{padding:12px 14px;justify-content:flex-start;font-size:12px;white-space:normal;gap:7px}.supplementary-hub .landing-header-actions .supplementary-school-tools>summary::after{margin-left:auto;flex:0 0 6px}.supplementary-hub .landing-header-actions .supplementary-school-menu{right:0;left:auto;min-width:min(235px,calc(100vw - 48px));top:calc(100% + 10px)}.supplementary-hub .landing-header-actions .welcome-menu-icon{width:17px;height:17px;flex-basis:17px}}@media(prefers-reduced-motion:reduce){.supplementary-hub .landing-header-actions button,.supplementary-hub .landing-header-actions a,.supplementary-hub .landing-header-actions summary,.supplementary-hub .landing-header-actions summary::after{transition:none!important}}
