.ml-pack{--navy:#20366a;--cyan:#4cc1d5;--gold:#dda936;color:#20366a;background:#f3f8fc;padding:48px 24px 70px;font-family:inherit;line-height:1.6}.ml-pack *{box-sizing:border-box}.ml-pack .mp-wrap{max-width:1200px;margin:auto}.ml-pack h1,.ml-pack h2,.ml-pack h3{color:var(--navy);font-weight:800;line-height:1.25}.ml-pack h1{font-size:clamp(32px,4.5vw,54px);margin:12px 0 20px}.ml-pack h2{font-size:clamp(25px,3vw,34px);margin:0 0 12px}.ml-pack h3{font-size:24px;margin:0 0 12px}.ml-pack p{margin:0 0 16px}.mp-hero{text-align:center;max-width:790px;margin:0 auto 38px}.mp-eyebrow{color:#227b90;font-size:13px;letter-spacing:2px;font-weight:800}.mp-intro{font-size:18px;color:#586c85}.mp-common{background:#fff;border:1px solid #dae6f0;border-radius:22px;padding:28px;margin-bottom:36px}.mp-common-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}.mp-icon{display:grid;place-items:center;width:46px;height:46px;background:#e8f8fb;border-radius:13px;color:#247e95;font-size:22px;margin-bottom:12px}.ml-pack .mp-common h3{font-size:18px}.mp-common p,.mp-note{color:#60738a;font-size:14px}.mp-chips{display:flex;flex-wrap:wrap;gap:9px}.mp-chips span{border-radius:30px;background:#edf4fa;padding:8px 13px;font-size:14px;font-weight:700}.mp-selection{display:flex;flex-wrap:wrap;gap:18px;align-items:end;justify-content:space-between;margin:30px 0 24px}.mp-selection label{display:block;font-size:14px;font-weight:700}.mp-selection select{border:1px solid #c9dbea;border-radius:12px;padding:12px;background:white;color:#20366a;max-width:100%;min-height:48px}.mp-period{display:flex;background:#e4edf5;padding:5px;border-radius:14px;gap:5px}.mp-period button{border:0;background:transparent;border-radius:10px;color:#20366a;padding:10px 22px;font-weight:800;min-height:44px}.mp-period button[aria-pressed=true]{background:#20366a;color:white}.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.mp-card{position:relative;background:#fff;border:1px solid #d5e3ef;border-radius:22px;padding:32px 26px;display:flex;flex-direction:column;box-shadow:0 12px 30px #20366a08}.mp-card.mp-featured{border:2px solid var(--cyan)}.mp-badge{position:absolute;top:-15px;left:24px;background:var(--cyan);color:#183258;padding:4px 16px;border-radius:30px;font-weight:800;font-size:13px}.mp-card-desc{color:#61738c;font-size:15px;min-height:48px}.mp-price{font-size:37px;font-weight:850;line-height:1.25;margin:12px 0 3px}.mp-unit{color:#65758c;font-size:14px;margin-bottom:20px}.mp-list{list-style:none;padding:20px 0 0;margin:0 0 24px;border-top:1px solid #e1eaf2;flex:1}.mp-list li{position:relative;padding-left:24px;margin-bottom:13px;font-size:15px}.mp-list li:before{content:'✓';position:absolute;left:0;color:#23899a;font-weight:900}.ml-pack .mp-cta{display:block;text-align:center;background:var(--navy);color:white!important;border-radius:12px;padding:13px 16px;text-decoration:none!important;font-weight:800;min-height:48px}.mp-featured .mp-cta{background:var(--gold);color:#20366a!important}.ml-pack a:focus-visible,.ml-pack button:focus-visible,.ml-pack select:focus-visible,.ml-pack summary:focus-visible{outline:3px solid #bd7c12;outline-offset:4px}.mp-section{margin-top:48px}.mp-detail{background:white;border:1px solid #dae6f0;border-radius:18px;padding:23px;margin:12px 0}.mp-detail summary{font-weight:800;cursor:pointer;min-height:32px}.mp-detail p{margin:16px 0 0}.mp-workshops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 16px;padding:0;list-style:none}.mp-workshops li{background:#eff7fb;border-radius:10px;padding:12px;font-size:14px}.mp-bottom{padding:30px;background:#20366a;color:white;border-radius:20px;text-align:center;margin-top:40px}.ml-pack .mp-bottom h2{color:white}.mp-bottom .mp-cta{display:inline-block;background:#dda936;color:#20366a!important}.mp-grid[hidden]{display:none}.mp-home{max-width:1450px;margin:40px auto;padding:32px;background:#20366a;color:white;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.mp-home h2{font-size:30px;color:white;font-weight:800}.mp-home p{margin:0;max-width:800px}.mp-home a{display:inline-block;background:#dda936;color:#20366a!important;padding:14px 22px;border-radius:12px;font-weight:800;white-space:nowrap}.mp-home-outer{padding:0 24px}.mp-category-note{margin:12px 0 24px!important;color:#566b83}.mp-js-only{display:none}.mp-ready .mp-js-only{display:flex}.mp-ready select.mp-js-only{display:block}.mp-noscript{background:#fff5de;padding:12px;border-radius:10px}
@media(max-width:950px){.mp-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-card{padding:30px 18px}.mp-price{font-size:31px}}
@media(max-width:767px){.ml-pack{padding:32px 16px 40px}.mp-grid{grid-template-columns:1fr;gap:28px}.mp-card{padding:30px 24px}.mp-card-desc{min-height:0}.mp-common{padding:22px}.mp-common-grid{gap:18px}.mp-selection{align-items:stretch;flex-direction:column}.mp-period{align-self:flex-start}.mp-workshops{grid-template-columns:1fr}.mp-home{flex-direction:column;align-items:start;padding:25px}.mp-home-outer{padding:0 16px}.mp-price{font-size:38px}}
@media(max-width:380px){.mp-common-grid{grid-template-columns:1fr}.mp-period button{padding:10px 18px}}

/* Subtle package-card interaction */
.ml-pack .mp-card{transition:transform .22s ease,box-shadow .22s ease}
@media(hover:hover) and (pointer:fine){.ml-pack .mp-card:hover{transform:translateY(-5px);box-shadow:0 20px 36px rgba(32,54,106,.13)}}
.ml-pack .mp-card:focus-within{box-shadow:0 16px 32px rgba(32,54,106,.12)}
@media(prefers-reduced-motion:reduce){.ml-pack .mp-card{transition:none}.ml-pack .mp-card:hover{transform:none}}

/* Colorful learning cards */
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid{gap:18px;align-items:stretch}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div,.ml-pack .mp-workshops li{--accent:#16879a;--tint:#e7f7fa;background:linear-gradient(135deg,var(--tint),#fff 90%);border:1px solid #d6e4ed;border-top:4px solid var(--accent);border-radius:18px;padding:24px 20px;box-shadow:0 8px 22px rgba(32,54,106,.05);transition:transform .22s ease,box-shadow .22s ease}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:nth-child(2),.ml-pack .mp-workshops li:nth-child(4n+2){--accent:#ad7d25;--tint:#fff4dc}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:nth-child(3),.ml-pack .mp-workshops li:nth-child(4n+3){--accent:#7755a5;--tint:#f1ecfb}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:nth-child(4),.ml-pack .mp-workshops li:nth-child(4n){--accent:#27856e;--tint:#e7f6ee}
.ml-pack section[aria-labelledby="mp-resources-title"] h3{font-size:20px;line-height:1.4;margin-bottom:14px}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div::before{content:'✓';display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent);color:white;font-size:22px;font-weight:800;margin-bottom:18px}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:nth-child(2)::before{content:'PDF';font-size:13px}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:nth-child(3)::before{content:'Aa';font-size:18px}
.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:nth-child(4)::before{content:'↗'}
.ml-pack .mp-workshops{gap:14px}
.ml-pack .mp-workshops li{display:flex;align-items:center;gap:14px;min-height:72px;border-top:1px solid #d6e4ed;border-left:4px solid var(--accent);padding:17px 18px;color:#20366a;font-weight:700;line-height:1.5}
.ml-pack .mp-workshops li::before{content:'';width:10px;height:10px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--tint)}
@media(hover:hover) and (pointer:fine){.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:hover,.ml-pack .mp-workshops li:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(32,54,106,.12)}}
@media(max-width:767px){.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid{grid-template-columns:1fr}.ml-pack .mp-workshops li{min-height:64px}}
@media(prefers-reduced-motion:reduce){.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div,.ml-pack .mp-workshops li{transition:none}.ml-pack section[aria-labelledby="mp-resources-title"] .mp-common-grid>div:hover,.ml-pack .mp-workshops li:hover{transform:none}}