/* Adaptive navigation system */
:root{--nav-surface:#123b32;--nav-surface-2:#0b2c25;--nav-cream:#fffaf0;--nav-ink:#17352d;--nav-accent:#f1a96d;--nav-line:rgba(23,53,45,.12);--nav-shadow:0 18px 55px rgba(21,49,42,.16);--nav-ease:cubic-bezier(.22,1,.36,1)}
body.nav-overlay-open{overflow:hidden}
.nav-svg{width:21px;height:21px;display:block}.nav-icon-wrap{display:grid;place-items:center}.app-shell{position:relative;display:block!important;padding-top:148px!important;min-height:100vh;overflow-x:hidden}.app-shell>.main-area{min-width:0}
.legacy-topbar{position:relative!important;top:auto!important;height:auto!important;min-height:104px;padding:26px 38px 22px!important;background:transparent!important;border:0!important;backdrop-filter:none!important;z-index:2!important}.legacy-topbar .mobile-menu,.legacy-topbar .top-actions{display:none!important}
.adaptive-utility{position:fixed;top:0;left:0;right:0;height:68px;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;background:rgba(255,250,240,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(23,53,45,.09);transition:transform .45s var(--nav-ease),background .3s ease}
.utility-menu,.utility-notification,.drawer-close,.utility-course{border:0;background:transparent;color:var(--nav-ink);cursor:pointer}.utility-menu{justify-self:start;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}.utility-menu:hover{background:#f2eadc}.utility-menu:active{transform:scale(.94)}
.utility-brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.11em}.brand-mark.mini{width:34px;height:34px;border-radius:12px}.utility-actions{justify-self:end;display:flex;align-items:center;gap:8px}
.utility-notification{width:42px;height:42px;border:1px solid rgba(23,53,45,.1);border-radius:15px;background:#fffdf7;display:grid;place-items:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.utility-notification:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,53,45,.08)}.utility-notification i{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:#e96f5f;color:white;font:700 9px/18px Manrope,sans-serif;font-style:normal;padding:0 4px}
.course-switch-wrap{position:relative}.utility-course{height:42px;max-width:250px;border:1px solid rgba(23,53,45,.1);border-radius:15px;background:#fffdf7;padding:0 10px;display:flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.utility-course:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,53,45,.08)}.utility-course-icon{display:grid;place-items:center;color:#315b50}.utility-course-label{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.course-chevron{display:grid;place-items:center;transition:transform .25s var(--nav-ease)}.course-chevron .nav-svg{width:16px;height:16px}.course-menu-open .course-chevron{transform:rotate(180deg)}
.course-switcher{position:absolute;top:50px;right:0;width:min(330px,88vw);background:#fffdf8;border:1px solid rgba(23,53,45,.1);border-radius:22px;box-shadow:0 24px 60px rgba(17,53,44,.18);padding:12px;z-index:150;animation:courseMenuIn .25s var(--nav-ease);transform-origin:top right}.course-switcher[hidden]{display:none}@keyframes courseMenuIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}.course-switcher-head{padding:9px 10px 12px;border-bottom:1px solid rgba(23,53,45,.08)}.course-switcher-head span,.course-switcher-head b{display:block}.course-switcher-head span{font-size:9px;color:#82938d;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.course-switcher-head b{font-size:13px;margin-top:3px}.course-switcher-list{display:grid;gap:5px;padding:8px 0}.course-option{width:100%;border:0;background:transparent;padding:10px;border-radius:15px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;text-align:left;align-items:center;color:#38564d;cursor:pointer;transition:background .2s ease,transform .2s ease}.course-option:hover{background:#f1f5ef;transform:translateX(-2px)}.course-option.active{background:#e9f2ec;color:#163b31}.course-option.switching{opacity:.55;pointer-events:none}.course-option-icon{width:36px;height:36px;border-radius:12px;background:#f1e9dc;display:grid;place-items:center}.course-option.active .course-option-icon{background:#173f35;color:#fff}.course-option-icon .nav-svg{width:18px;height:18px}.course-option b,.course-option small{display:block}.course-option b{font-size:11px}.course-option small{font-size:9px;color:#83948e;margin-top:2px}.course-option i{font-size:8px;font-style:normal;font-weight:800;padding:4px 6px;border-radius:999px;background:#d6eadf;color:#275d4d}.course-switcher-empty{padding:16px 10px;color:#81918b;font-size:11px}.course-switcher>a{display:grid;grid-template-columns:18px 1fr 18px;gap:8px;align-items:center;border-top:1px solid rgba(23,53,45,.08);padding:11px 10px 5px;font-size:10px;font-weight:800;color:#32584d}.course-switcher>a .nav-svg{width:17px;height:17px}
.adaptive-main-nav{position:fixed;top:68px;left:0;right:0;height:80px;z-index:65;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--nav-surface);color:white;box-shadow:0 12px 30px rgba(18,59,50,.18);transition:all .55s var(--nav-ease);overflow:hidden}.adaptive-main-nav:before{content:'';position:absolute;inset:-70% auto auto 50%;width:460px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(241,169,109,.22),transparent 67%);transform:translateX(-50%);pointer-events:none}.adaptive-main-nav.showing-subnav{background:var(--nav-surface-2)}.adaptive-main-nav.nav-morphing{transform:scale(.985);opacity:.76}
.adaptive-nav-item,.nav-back{position:relative;z-index:1;border:0;background:transparent;color:rgba(255,255,255,.7);height:54px;border-radius:18px;padding:0 18px;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:700;transition:color .2s ease,background .25s ease,transform .2s ease}.adaptive-nav-item b,.nav-back b{font-size:12px;white-space:nowrap}.adaptive-nav-item:hover,.adaptive-nav-item.active{color:#fff;background:rgba(255,255,255,.11)}.adaptive-nav-item.active:after{content:'';position:absolute;left:20%;right:20%;bottom:5px;height:3px;border-radius:999px;background:var(--nav-accent)}.adaptive-nav-item:active,.nav-back:active{transform:scale(.95)}.nav-back{margin-right:8px;color:#fff;background:rgba(255,255,255,.08)}
.secondary-layer{position:fixed;inset:0;z-index:120;pointer-events:none}.secondary-scrim{position:absolute;inset:0;background:rgba(8,26,22,.5);backdrop-filter:blur(5px);opacity:0;transition:opacity .35s ease}.secondary-drawer{position:absolute;top:0;right:0;width:min(390px,88vw);height:100%;padding:24px 22px 18px;background:#fffaf1;color:var(--nav-ink);box-shadow:-28px 0 70px rgba(9,38,32,.2);transform:translateX(108%);transition:transform .48s var(--nav-ease);display:flex;flex-direction:column;overflow:auto}.sidebar-open .secondary-layer{pointer-events:auto}.sidebar-open .secondary-scrim{opacity:1}.sidebar-open .secondary-drawer{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.drawer-brand small{display:block;color:#82958f;font-size:10px}.drawer-close{width:44px;height:44px;border-radius:15px;background:#f3eadb;display:grid;place-items:center;transition:transform .3s var(--nav-ease)}.drawer-close:hover{transform:rotate(7deg)}.drawer-close .nav-svg{width:22px;height:22px}
.drawer-profile{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid rgba(23,53,45,.09);border-radius:22px;background:#fffdf8;margin-bottom:20px}.drawer-avatar{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#173f35,#2f6658);color:#fff;font-weight:800}.drawer-profile b,.drawer-profile small{display:block}.drawer-profile small{font-size:11px;color:#81918b;margin-top:3px}
.secondary-links{display:grid;gap:7px}.secondary-links a{display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;padding:12px 13px;border-radius:18px;color:#3b554e;transition:transform .25s var(--nav-ease),background .2s ease,color .2s ease}.secondary-links a>span{width:42px;height:42px;border-radius:14px;background:#f4ede1;display:grid;place-items:center}.secondary-links a>span .nav-svg{width:19px;height:19px}.secondary-links a b,.secondary-links a small{display:block}.secondary-links a b{font-size:13px}.secondary-links a small{font-size:10px;color:#8b9a95;margin-top:3px}.secondary-links a i{display:grid;place-items:center;color:#a2aea9}.secondary-links a i .nav-svg{width:16px;height:16px}.secondary-links a:hover,.secondary-links a.active{background:#eef4ee;color:#173f35;transform:translateX(-3px)}.secondary-links a.active>span{background:#173f35;color:#fff}.drawer-section-label{margin:24px 4px 9px;color:#8a9a94;font:800 9px/1 Manrope,sans-serif;letter-spacing:.14em}.drawer-foot{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;color:#8b9a95;font-size:10px}.drawer-version{font-weight:800}
.nav-context-note{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:15px;background:#eef4ee;color:#23483e;margin-bottom:16px;animation:noteIn .35s var(--nav-ease)}.nav-context-note span{color:#d58049;display:grid;place-items:center}.nav-context-note span .nav-svg{width:17px;height:17px}.nav-context-note b{font-size:12px}.nav-context-note button{margin-left:auto;border:0;background:transparent;color:#6b7e78;cursor:pointer}.nav-context-note button .nav-svg{width:18px;height:18px}@keyframes noteIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.nav-filtered{display:none!important}.adaptive-enter .content{animation:pageReveal .45s var(--nav-ease)}@keyframes pageReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.donate-hero{background:linear-gradient(135deg,#153e34,#214f42);color:white;border-radius:30px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.donate-hero:after{content:'';position:absolute;right:-70px;top:-90px;width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 76px rgba(255,255,255,.025)}.donate-hero h2{font-size:38px;max-width:620px;margin:13px 0 8px}.donate-hero p{color:#c7d9d3;max-width:680px;line-height:1.7}.donate-symbol{z-index:2;color:#f5b47d}.donate-svg{width:84px;height:84px;stroke-width:1.35}.donate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.donate-card>span{display:block;color:#cb7e49;font-weight:800;font-size:11px;letter-spacing:.12em}.donate-card h3{margin:14px 0 8px}.donate-card p{color:#72837d;font-size:12px;line-height:1.7;min-height:62px}.donate-notice{margin-top:16px;padding:15px 17px;border:1px solid #efd8c5;background:#fff7ed;border-radius:16px;color:#6c5849;display:flex;gap:12px;font-size:11px}.donate-notice b{color:#aa6237;white-space:nowrap}

/* Tablet / iPad: icon-only main navigation on the left rail. */
@media (min-width:768px) and (max-width:1099px){
  .app-shell{padding-top:68px!important;padding-left:88px!important}.adaptive-utility{left:88px;height:68px;padding:0 22px;grid-template-columns:1fr 1fr}.utility-brand{display:none}.utility-actions{justify-self:end}.utility-course{width:42px;padding:0;justify-content:center}.utility-course-label,.course-chevron{display:none}.course-switcher{right:0;top:48px}
  .adaptive-main-nav{top:0;bottom:0;left:0;right:auto;width:88px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:86px 10px 18px;background:var(--nav-surface);box-shadow:12px 0 30px rgba(18,59,50,.17);overflow-y:auto}.adaptive-main-nav:before{top:10%;left:-70px;transform:none;width:220px;height:360px}.adaptive-nav-item,.nav-back{width:66px;height:60px;padding:0;justify-content:center;gap:0;border-radius:20px;text-align:center}.adaptive-nav-item b,.nav-back b{display:none}.adaptive-nav-item .nav-svg,.nav-back .nav-svg{width:23px;height:23px}.adaptive-nav-item.active:after{left:auto;right:0;top:18%;bottom:18%;width:3px;height:auto}.nav-back{margin:0 0 8px;background:rgba(255,255,255,.09)}.secondary-drawer{right:0;left:auto;transform:translateX(108%)}.legacy-topbar{padding-left:30px!important;padding-right:30px!important}.content{padding-left:30px!important;padding-right:30px!important}.donate-grid{grid-template-columns:1fr 1fr}.donate-card:last-child{grid-column:1/-1}
}

/* Mobile: icon-only bottom main navigation + independent top utility bar. */
@media (max-width:767px){
  .app-shell{padding-top:64px!important;padding-bottom:88px!important}.adaptive-utility{height:64px;padding:0 14px;grid-template-columns:1fr auto 1fr}.utility-brand b{display:none}.brand-mark.mini{width:32px;height:32px}.utility-actions{gap:6px}.utility-notification,.utility-course{width:39px;height:39px;border-radius:14px}.utility-course{padding:0;justify-content:center}.utility-course-label,.course-chevron{display:none}.course-switcher{position:fixed;top:70px;right:12px;left:12px;width:auto;transform-origin:top center}.legacy-topbar{padding:22px 20px 12px!important;min-height:auto!important}.legacy-topbar h1{font-size:26px!important}.legacy-topbar .eyebrow{font-size:9px!important}.content{padding:18px 16px 34px!important}
  .adaptive-main-nav{top:auto;bottom:0;left:0;right:0;height:74px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:4px;justify-content:space-around;border-radius:24px 24px 0 0;box-shadow:0 -12px 30px rgba(18,59,50,.18)}.adaptive-main-nav.showing-subnav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-left:10px;padding-right:10px}.adaptive-main-nav.showing-subnav::-webkit-scrollbar{display:none}.adaptive-nav-item,.nav-back{height:56px;min-width:56px;padding:0;justify-content:center;gap:0;border-radius:17px}.adaptive-nav-item b,.nav-back b{display:none}.adaptive-nav-item .nav-svg,.nav-back .nav-svg{width:23px;height:23px}.adaptive-nav-item.active:after{left:25%;right:25%;bottom:2px}.nav-back{margin-right:3px;background:rgba(255,255,255,.08)}
  .secondary-drawer{width:min(348px,90vw);padding:18px 16px}.drawer-head{margin-bottom:18px}.drawer-profile{padding:13px}.secondary-links a{padding:10px 11px}.secondary-links a>span{width:38px;height:38px}.secondary-links a b{font-size:12px}.donate-hero{padding:26px 22px;display:block}.donate-hero h2{font-size:30px}.donate-symbol{margin-top:22px}.donate-svg{width:56px;height:56px}.donate-grid{grid-template-columns:1fr}.donate-notice{display:block}.donate-notice b{display:block;margin-bottom:5px}
}

@media (prefers-reduced-motion:reduce){.adaptive-main-nav,.secondary-drawer,.secondary-scrim,.adaptive-nav-item,.nav-back,.utility-menu,.utility-notification,.utility-course,.course-switcher,.adaptive-enter .content,.nav-context-note{transition:none!important;animation:none!important;scroll-behavior:auto!important}}