/* MML school toolkit. The public service keeps its established visual identity. */
.mml-resources{--text:#2b1933;--muted:#655a69;--line:#ddd4df;--surface:#fffdf9;--raised:#f3edf5;color:#2b1933;background:#fffdf9}
.mml-resources *, .mml-resource-promo *{box-sizing:border-box}
.mml-resources .public-nav.website-nav .brand{width:84px;min-width:84px;height:96px;flex:0 0 84px}
.mml-resources .website-nav .website-logo-art{position:static;inset:auto;width:78px;height:88px;display:flex;align-items:center;justify-content:center;background:none;border:0;box-shadow:none;clip-path:none;transform:none}
.mml-resources .public-nav.website-nav .brand img{position:static;inset:auto;width:68px;min-width:0;height:80px;flex:0 0 68px;object-fit:contain;transform:none;filter:none;animation:none}
.product-skip{background:#55305f;color:#fffafc;clip-path:inset(50%)}
.product-skip:focus{clip-path:none}
.mml-resources .website-footer-brand img{width:150px;height:auto;max-height:180px;object-fit:contain}
.mml-resources .website-footer-brand{background:none;clip-path:none;transform:none}
.mml-resources .website-footer{--text:#fffafc;--muted:#e0d3e5;--ice:#d5fbff;--line:#e7d5ec33;color:var(--text)}
.mml-resources .website-footer h2,.mml-resources .website-footer-note h3{color:var(--text)}
.mml-resources .website-footer-brand img{margin:0 auto 20px}
.mml-resources .website-menu-sheet{background:#fffdf9;--ice:#754482;--lilac:#754482;color:#2b1933;border-color:#ddd4df}
.mml-resources .public-nav.website-nav>nav{gap:16px}
.mml-resources .public-nav.website-nav>nav>a{padding:10px 2px}
.mml-resources .product-page{padding-top:0}
.mml-resources .place-crumbs{padding-top:20px}
.mml-resource-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:clamp(28px,6vw,100px);align-items:center;padding:52px 0 64px;margin:0 auto;width:min(1440px,calc(100% - 96px))}
.mml-resource-hero h1{font:400 clamp(48px,5.7vw,86px)/1.02 'League Gothic',Impact,sans-serif;letter-spacing:-.015em;max-width:18ch;margin:18px 0 24px;color:#2b1933}
.mml-resource-hero>div>p:not(.eyebrow){font:400 17px/1.8 Inter,system-ui,sans-serif;max-width:65ch;color:#5e5360}
.mml-resource-hero>div>.mml-resource-promise{font-weight:650;color:#3c2c42;margin-bottom:12px}
.mml-resource-hero-note{position:relative;padding:32px;border:1px solid #d8c7df;border-radius:20px;background:linear-gradient(145deg,#eee4f1,#f6f1f8);box-shadow:0 14px 36px #36213c08;overflow:hidden}
.mml-resource-note-mark{display:block;font:400 70px/1 'League Gothic',sans-serif;color:#7d518a;margin-bottom:26px}
.mml-resource-hero-note h2{font:400 44px/1.05 'League Gothic',sans-serif;margin:16px 0;color:#35213e}
.mml-resource-hero-note>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#625468}
.mml-resource-hero-note>span:last-child{display:block;margin-top:26px;padding-top:18px;border-top:1px solid #d7c9dc;font:700 9px/1.5 Inter,sans-serif;letter-spacing:.1em}
.mml-resources .resource-directory-card,.mml-resources .product-resource-card{border:1px solid #ded5df;border-radius:16px;box-shadow:0 6px 20px #38243e05;background:#fffdfb;transform:none;transition:border-color .16s,box-shadow .16s}
.mml-resources .resource-directory-card:nth-child(3n+2){background:#f1eaf4}.mml-resources .resource-directory-card:nth-child(3n){background:#edf5f2}
.mml-resources .resource-directory-card:hover{transform:none;border-color:#9c7aa7;box-shadow:0 10px 24px #38243e10}
.mml-resources .resource-workspace,.mml-resources .planner-workspace{background:#f8f5f9;border-color:#ded4e1}
.mml-resources .resource-workspace-head,.mml-resources .resource-tool-result,.mml-resources .resource-tool-controls,.mml-resources .proposal-editor,.mml-resources .expansion-controls{border-radius:16px}
.mml-resources input,.mml-resources textarea,.mml-resources select{accent-color:#754482;color:#2b1933;background-color:#fff}
.mml-resources .resource-calculate,.mml-resources .planner-print-button{background:#55305f;color:#fff;border-color:#55305f;box-shadow:none;border-radius:8px}
.mml-resources .resource-print,.mml-resources .planner-reset{border-radius:8px}
.mml-resources .product-links a{border-color:#dfd4e2;background:#fffdf9;border-radius:12px}
.mml-resources .diary-workspace{--diary-ink:#2b1933;--diary-muted:#685c6d;--diary-cream:#fffdfb;--diary-blue:#e9dfed;--diary-yellow:#e2d0e8;--diary-line:#e0d6e3;background:#f7f3f8;border-color:#e0d6e3;box-shadow:0 14px 50px #37213f08}
.mml-resources .diary-app-brand>img{width:40px;height:48px;flex:0 0 44px;object-fit:contain}
.mml-resources .diary-button-primary{background:#55305f!important;color:#fff!important;border-color:#55305f!important;box-shadow:0 2px 3px #37213f12}
.mml-resources .diary-free-badge{background:#e9f3ed;color:#31543c;border-color:#cde0d3}
.mml-resources .diary-calendar-count{background:#70417c;color:#fff}
.mml-resources .diary-calendar-date:hover:enabled{background:#f0e7f4;border-color:#aa88b6}
.mml-resources .diary-calendar-session{background:#e8dcef;color:#35213e}
.mml-resources .diary-app-header,.mml-resources .diary-date-toolbar,.mml-resources .diary-save-strip{background:#fffdfb}
.mml-resources .diary-board{background:#fbf9fc}
.mml-resources .diary-calendar-month{background:#fff;border-color:#e0d6e3}
.mml-resources .diary-calendar-date{background:#faf7fb;border-color:#e9e1ed}
.mml-resources .diary-account-dialog{background:#fffdfb;border-color:#d8c9df}
.mml-resources .diary-account-dialog [role=status]{background:#f0e6f4}
.mml-resources .diary-account-top [data-account-close]{white-space:nowrap;flex-shrink:0}
.mml-resources .planner-plan,.mml-resources .student-poster{border:1px solid #ccc0d2;border-radius:14px;box-shadow:0 12px 36px #37213f12;transform:none;clip-path:none}
.mml-resources .planner-plan-head,.mml-resources .student-poster-header{background:#e5d5eb;color:#35213e}
.mml-resources .planner-plan-seal{background:#eaf5ee;color:#35533e;clip-path:none;border:1px solid #bed2c4;border-radius:50%;transform:none}
.mml-resources .planner-plan-top,.mml-resources .planner-plan-bottom{background:#55305f;color:#fff}
.mml-resources .student-poster-page{--poster-ink:#35213e;--poster-orange:#dac6e3;--poster-yellow:#e7f1df;--poster-blue:#d8e8ef}
.mml-resources .student-poster-header img{width:76px;height:88px;object-fit:contain;filter:none;transform:none}
.mml-resources .student-poster-art i{clip-path:none;border-radius:50%;background:#d4e7db;transform:rotate(-5deg)}
.mml-resources .student-poster-school{color:#55305f}
.mml-resources .student-poster-footer{background:#f1eaf4;color:#35213e}
.mml-resource-service,.mml-resource-promo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;width:min(1440px,calc(100% - 96px));margin:40px auto 72px;padding:40px;border:1px solid #d9c9e0;border-radius:20px;background:#efe6f3;color:#35213e}
.mml-resource-service h2,.mml-resource-promo h2{font:400 clamp(36px,4vw,54px)/1.05 'League Gothic',sans-serif;margin:12px 0}
.mml-resource-service p,.mml-resource-promo p{max-width:65ch;font:400 15px/1.75 Inter,sans-serif}
.mml-resource-promo>div:last-child{display:grid;gap:12px}.mml-resource-promo a{padding:14px 18px;border:1px solid #cbb6d4;border-radius:10px;background:#fffafc;font:650 13px/1.5 Inter,sans-serif;color:#55305f;text-decoration:none}
.mml-resource-privacy{width:min(1280px,calc(100% - 64px));margin:40px auto}
.mml-resources .resource-print-brand,.mml-resources .planner-plan-top{overflow-wrap:anywhere}
@media(max-width:1100px){.mml-resource-hero{grid-template-columns:minmax(0,1fr) 300px;width:calc(100% - 64px);gap:36px}.mml-resources .public-nav.website-nav>nav,.mml-resources .public-nav.website-nav>.mml-button{display:none}.mml-resources .public-nav.website-nav>.website-menu{display:block}}
@media(max-width:760px){.mml-resource-hero{display:block;width:calc(100% - 40px);padding:30px 0 40px}.mml-resource-hero h1{font-size:58px}.mml-resource-hero-note{margin-top:28px;padding:24px}.mml-resource-note-mark{display:none}.mml-resource-hero-note h2{font-size:36px}.mml-resource-service,.mml-resource-promo{width:calc(100% - 40px);grid-template-columns:1fr;padding:24px;gap:18px}.mml-resource-hero>div>p:not(.eyebrow){font-size:16px}}
@media print{.mml-resource-hero,.mml-resource-service,.mml-resource-promo{display:none!important}.mml-resources .planner-plan,.mml-resources .student-poster{box-shadow:none}.mml-resources .student-poster-header img{width:60px;height:70px}}

.mml-resources .eyebrow{color:#6c4777}
.website-editorial .mml-resource-promo{background:#e8dce8;border-color:#ccb7d2;color:#2b1933;box-shadow:0 18px 46px rgba(22,10,27,.14)}
.website-editorial .mml-resource-promo h2{color:#2b1933}
.website-editorial .mml-resource-promo p:not(.eyebrow){font-size:16px;line-height:1.7;color:#493b4e}
.website-editorial .mml-resource-promo .eyebrow{color:#664071}
.website-editorial .mml-resource-promo a{background:#fffafc;border-color:#bda3c8;color:#43234c;font-size:14px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.website-editorial .mml-resource-promo a:hover{background:#f4eaf6;border-color:#755283;transform:translateY(-1px)}
.website-editorial .mml-resource-promo a:focus-visible{outline:3px solid #a75c32;outline-offset:3px}
.mml-resources .website-footer .eyebrow{color:#d8c1dd}
.mml-resources .website-nav .website-logo-art{width:84px;height:96px;background:#35213e;border-radius:12px;padding:8px}
.mml-resources .website-nav .website-logo-art img{width:68px;height:80px}
.mml-resources .diary-app-brand>img{background:#55305f;border-radius:7px;padding:5px;width:44px;height:54px}
@media(min-width:1280px){.mml-resources .public-nav.website-nav>nav{display:flex;flex-wrap:nowrap;gap:18px}}

.mml-resources .student-poster-header img{background:#55305f;border-radius:10px;padding:8px;box-sizing:content-box}
@media(max-width:760px){
 .mml-resources .diary-workspace .diary-app-header{flex-wrap:wrap}
 .mml-resources .premium-ready .diary-app-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .mml-resources .diary-app-header-actions .diary-button{width:100%;min-width:0;min-height:44px;white-space:normal;overflow-wrap:normal;flex:none;margin-left:0;justify-content:center}
}

/* Shared discovery links respect the existing dark location pages and light tools. */
.public-nav.website-nav.mml-toolkit-nav{gap:clamp(12px,1.5vw,24px)}
.public-nav.website-nav.mml-toolkit-nav>nav{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(12px,1.4vw,22px);min-width:0}
.public-nav.website-nav.mml-toolkit-nav>nav>a{white-space:nowrap}
.mml-location-tools{box-sizing:border-box;width:min(1440px,calc(100% - 12%));margin:40px auto 64px;padding:36px;border:1px solid #d9c9e0;border-radius:20px;background:#f1e9f5;color:#35213e}
.mml-location-tools .eyebrow{color:#70447e}
.mml-location-tools h2{font:400 clamp(36px,4vw,54px)/1.05 'League Gothic',Impact,sans-serif;color:#35213e;margin:12px 0 16px}
.mml-location-tools p{color:#62516a;font:400 15px/1.75 Inter,system-ui,sans-serif;max-width:65ch}
.mml-location-tools>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 20px}
.mml-location-tools>nav>a{display:grid;gap:10px;padding:22px;border:1px solid #d7c7df;border-radius:12px;background:#fffdfb;color:#55305f;text-decoration:none;min-width:0}
.mml-location-tools>nav>a strong{font:650 15px/1.5 Inter,system-ui,sans-serif}
.mml-location-tools>nav>a>span{color:#65566b;font:400 13px/1.6 Inter,system-ui,sans-serif}
.mml-location-tools-all{font:650 14px/1.6 Inter,system-ui,sans-serif;color:#55305f;text-underline-offset:4px}
.mml-location-tools a:focus-visible{outline:3px solid #754482;outline-offset:4px}
.mml-location-tools>nav>a:hover{border-color:#9565a3;background:#fbf7fd}
@media(max-width:1279px){.public-nav.website-nav.mml-toolkit-nav>nav,.public-nav.website-nav.mml-toolkit-nav>.mml-button{display:none}.public-nav.website-nav.mml-toolkit-nav>.website-menu{display:block}}
@media(min-width:1280px){.public-nav.website-nav.mml-toolkit-nav>.website-menu{display:none}}
@media(max-width:760px){.mml-location-tools{width:calc(100% - 40px);padding:24px;margin:28px auto 44px}.mml-location-tools>nav{grid-template-columns:1fr}.mml-location-tools>nav>a{padding:18px}}
@media print{.mml-location-tools{display:none}}

/* Bring the adopted resource pages into the established MML plum site. */
.mml-resources{
 --text:#f4eaf6;
 --muted:#c8b2cf;
 --line:#60496b;
 --surface:#372440;
 --raised:#432e4d;
 color:var(--text);
 background:radial-gradient(ellipse at 13% 4%,#54365f88 0,transparent 35%),radial-gradient(ellipse at 92% 36%,#412b4c99 0,transparent 42%),#2b1933;
}
.mml-resources .public-nav.website-nav .brand{width:84px;min-width:84px;height:96px;flex:0 0 84px}
.mml-resources .website-nav .website-logo-art{width:84px;height:96px;background:none;border:0;border-radius:0;padding:0}
.mml-resources .public-nav.website-nav .brand img{width:84px;min-width:0;height:96px;flex:0 0 84px;object-fit:contain}
.mml-resources .public-nav.website-nav>nav>a{color:#f4eaf6}
.mml-resources .public-nav.website-nav>nav>a:hover{color:#d5fbff}
.mml-resources .public-nav.website-nav>.website-menu>summary{color:#f4eaf6;border-color:#977e9f;background:#392443}
.mml-resources .public-nav.website-nav>.website-menu .website-menu-bars i{background:#f4eaf6}
.mml-resources .place-crumbs{color:#c8b2cf}
.mml-resources .place-crumbs a{color:#f4eaf6}
.mml-resources .mml-resource-hero{color:#f4eaf6}
.mml-resources .mml-resource-hero h1{color:#f4eaf6}
.mml-resources .mml-resource-hero>div>p:not(.eyebrow){color:#d8c9de}
.mml-resources .mml-resource-hero>div>.mml-resource-promise{color:#f4eaf6}
.mml-resources .mml-resource-hero>.mml-resource-hero-note{color:#35213e}
.mml-resources .mml-resource-hero>.mml-resource-hero-note p:not(.eyebrow){color:#625468}
.mml-resources .mml-resource-hero>div>.eyebrow,.mml-resources .website-section>.eyebrow{color:#e5c8ed}
.mml-resources .mml-resource-hero .product-text-link{color:#f2dcf7}
.mml-resources .website-section{color:var(--text)}
.mml-resources .website-section>p{color:var(--muted)}
.mml-resources :is(.resource-workspace,.planner-workspace,.planner-workshop,.student-poster-workspace,.resource-directory-card,.product-resource-card,.product-setup-card,.product-card,.resource-embed-share){--text:#35213e;--muted:#65566c;color:#35213e}
.mml-resources .resource-directory-card{color:#35213e}
.mml-resources .resource-directory-card :is(h2,h3,p,span){color:#35213e}
.mml-resources .product-resource-card{color:#2b2026}
.mml-resources .product-resource-card :is(h2,h3,p,span){color:inherit}

/* One generously sized mobile menu, with the whole logo clear of its first link. */
.public-nav.website-nav.mml-toolkit-nav .website-menu-sheet{
 top:0!important;
 bottom:0;
 padding: max(140px,calc(env(safe-area-inset-top,0px) + 126px)) clamp(20px,6vw,48px) max(32px,env(safe-area-inset-bottom,0px));
 overflow-y:auto;
 overscroll-behavior:contain;
 background:#2b1933;
 color:#f4eaf6;
 border-color:#60496b;
}
.public-nav.website-nav.mml-toolkit-nav .website-menu-sheet>nav>a{
 color:#f4eaf6;
 font:400 clamp(1.8rem,4vw,2.25rem)/1.1 'League Gothic',Impact,sans-serif;
 letter-spacing:.01em;
 text-transform:none;
}
.public-nav.website-nav.mml-toolkit-nav .website-menu-sheet>nav>a:hover{color:#d5fbff;border-color:#795e84}
.public-nav.website-nav.mml-toolkit-nav .website-menu-sheet>nav>a svg{width:20px;height:20px;color:#c8b2cf}
.public-nav.website-nav.mml-toolkit-nav .website-menu-sheet .website-menu-aside{color:#c8b2cf}
@media(max-width:760px){
 .mml-resources .public-nav.website-nav .brand{width:96px;min-width:96px;height:106px;flex:0 0 96px}
 .mml-resources .website-nav .website-logo-art{width:96px;height:106px}
 .mml-resources .public-nav.website-nav .brand img{width:96px;height:106px;flex:0 0 96px}
}
