/* AX-NAV-1: shared navigation (area switch, mobile bottom bar, menu sheet). Used by the student and the community layouts so both look and work the same. Namespaced axn- so it never clashes with st-/cx-/Tailwind. */
:root{--axn-ink:#10192B;--axn-ink2:#2D3748;--axn-mute:#4A5568;--axn-soft:#6B7485;--axn-navy:#14233A;--axn-gold:#C9A134;--axn-goldt:#7A5A0E;--axn-goldl:#F3D98B;--axn-goldbg:#FBF1D6;--axn-sand:#F4EFE3;--axn-sandl:#E6DDC8;--axn-line:#ECE6D8;--axn-line2:#F2EDE2;--axn-red:#B42318;--axn-dot:#D9480F;--axn-font:'Noto Sans Bengali','Hind Siliguri','Anek Bangla','Manrope',system-ui,sans-serif}
.axn-sw a,.axn-bar a,.axn-bar button,.axn-sheet a,.axn-sheet button,.axn-fab{-webkit-tap-highlight-color:transparent}
.axn-sw :focus-visible,.axn-bar :focus-visible,.axn-sheet :focus-visible,.axn-fab:focus-visible{outline:3px solid var(--axn-gold);outline-offset:2px}

/* ---- desktop area switch ---- */
.axn-sw{position:relative;display:flex;align-items:center;background:var(--axn-sand);border:1px solid var(--axn-sandl);border-radius:14px;padding:4px;gap:2px;font-family:var(--axn-font);flex-shrink:0}
.axn-sw a{position:relative;display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;color:var(--axn-mute)!important;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none!important;transition:color .2s,background .2s}
.axn-sw a:hover{color:var(--axn-ink)!important;background:rgba(255,255,255,.55)}
.axn-ic{display:block;flex-shrink:0}
.axn-sw a .axn-ic{width:19px;height:19px}
.axn-sw a.is-on{background:#FFFFFF;color:var(--axn-ink)!important;box-shadow:0 1px 0 rgba(16,25,43,.05),0 6px 16px -8px rgba(16,25,43,.35),inset 0 -2px 0 var(--axn-gold)}
.axn-sw a.is-on .axn-ic{color:var(--axn-goldt)}
@media (max-width:1180px){
  .axn-sw a:not(.is-on){padding:0 11px}
  .axn-sw a:not(.is-on) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:900px){.axn-sw{display:none}}

/* ---- mobile bottom bar ---- */
.axn-bar,.axn-fab,.axn-sheet-wrap{display:none}
@media (max-width:900px){
  .axn-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:64px;padding:0 4px;box-sizing:border-box;background:rgba(255,255,255,.97);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--axn-line);border-radius:20px;box-shadow:0 16px 34px -16px rgba(16,25,43,.45);z-index:80;font-family:var(--axn-font)}
  .axn-bar a,.axn-bar button{position:relative;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:0;background:transparent;padding:0;color:var(--axn-soft)!important;font-family:inherit;font-size:11px;font-weight:500;line-height:1.2;text-decoration:none!important;cursor:pointer}
  .axn-bar a span,.axn-bar button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .axn-bar .axn-ic{width:23px;height:23px}
  .axn-bar .is-on{color:var(--axn-ink)!important;font-weight:700}
  .axn-bar .is-on .axn-ic{color:var(--axn-goldt)}
  .axn-bar .is-on::before{content:"";position:absolute;top:-1px;left:50%;width:22px;height:3px;margin-left:-11px;border-radius:0 0 3px 3px;background:var(--axn-gold)}
  .axn-bar .axn-dot{position:absolute;top:8px;left:calc(50% + 6px);width:9px;height:9px;border-radius:50%;background:var(--axn-dot);border:2px solid #FFFFFF}

  /* new-post button (community feed only) */
  .axn-fab{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:18px;background:var(--axn-navy);color:var(--axn-goldl)!important;box-shadow:0 14px 28px -10px rgba(16,25,43,.6);z-index:79;text-decoration:none!important;transition:transform .2s}
  .axn-fab:active{transform:scale(.94)}
  .axn-fab .axn-ic{width:26px;height:26px;stroke-width:2.2}
  /* chat bubble sits above the bar, and above the new-post button on the feed */
  .cx-dmb>div{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;right:14px!important}
  body:has(.axn-fab) .cx-dmb>div{bottom:calc(152px + env(safe-area-inset-bottom,0px))!important}
  .axn-sheet-wrap.is-open{display:block}
  /* the chat bubble never covers the profile save button */
  body:has(.cx-pe-save) .cx-dmb{display:none}
  /* community profile edit: sticky save button stays above the bar */
  body:has(.axn-bar) .cx-pe-save{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
/* community between 861px and 900px keeps its desktop grid: leave room for the bar */
@media (min-width:861px) and (max-width:900px){body:has(.axn-bar) .cx-main{padding-bottom:84px}}
/* the chat bubble never covers the open menu */
body:has(.axn-sheet-wrap.is-open) .cx-dmb{display:none}
/* open chat on the messages page needs the whole screen */
body:has(.cx-dm.has-chat) .axn-bar,body:has(.cx-dm.has-chat) .axn-fab{display:none}

/* ---- menu sheet ---- */
.axn-sheet-bg{position:fixed;inset:0;background:rgba(16,25,43,.55);z-index:90}
.axn-sheet{position:fixed;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;background:#FFFFFF;border-radius:24px 24px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));box-sizing:border-box;z-index:91;font-family:var(--axn-font);color:var(--axn-ink);animation:axnUp .32s cubic-bezier(.2,.8,.2,1)}
@keyframes axnUp{from{transform:translateY(100%)}to{transform:none}}
.axn-grip{width:44px;height:5px;border-radius:3px;background:#D6DBE3;margin:0 auto}
.axn-me{margin-top:14px;border-radius:20px;background:var(--axn-navy);color:#FFFFFF;padding:14px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}
.axn-me::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;border:10px solid rgba(201,161,52,.3);pointer-events:none}
.axn-av{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--axn-goldl);color:var(--axn-navy);font-weight:700;font-size:18px;overflow:hidden;box-shadow:0 0 0 2px var(--axn-goldl);position:relative;object-fit:cover}
.axn-me-n{font-family:'Anek Bangla','Noto Sans Bengali',sans-serif;font-weight:700;font-size:18px;line-height:1.25;position:relative}
.axn-me-p{font-size:13px;color:var(--axn-goldl);font-weight:600;position:relative}
.axn-x{position:relative;margin-left:auto;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#FFFFFF;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.axn-x .axn-ic{width:22px;height:22px}
.axn-go{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.axn-go a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:74px;padding:8px 4px;border:1px solid var(--axn-line);border-radius:16px;background:#FFFFFF;color:var(--axn-ink)!important;font-size:13px;font-weight:600;text-align:center;line-height:1.3;text-decoration:none!important}
.axn-go a .axn-ic{width:24px;height:24px;color:var(--axn-goldt)}
.axn-go a.is-on{background:var(--axn-goldbg);border-color:#E8D190}
.axn-lab{font-size:12.5px;font-weight:600;color:var(--axn-soft);padding:16px 4px 4px}
.axn-link{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 4px;border-bottom:1px solid var(--axn-line2);color:var(--axn-ink)!important;font-size:15.5px;font-weight:600;text-decoration:none!important}
.axn-link .axn-ic{width:21px;height:21px;margin:0 1px;color:var(--axn-soft)}
.axn-link.is-on{color:var(--axn-navy)!important}
.axn-link.is-on .axn-ic{color:var(--axn-goldt)}
.axn-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:11px;background:#FDEBD8;color:#9A3412;font-family:'Manrope',sans-serif;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.axn-sheet form{margin:0}
.axn-out{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:1px solid #F3D3CF;border-radius:14px;background:transparent;color:var(--axn-red);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
.axn-out .axn-ic{width:20px;height:20px}

@media print{.axn-sw,.axn-bar,.axn-fab,.axn-sheet-wrap{display:none!important}}
@media (prefers-reduced-motion:reduce){.axn-sheet{animation:none}.axn-sw a,.axn-fab{transition:none}}

/* ---- AX-NAV-2: back row on inner pages ---- */
.axn-back{display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 18px;font-family:var(--axn-font)}
.axn-back-btn{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px 0 7px;border-radius:10px;background:#FFFFFF;border:1px solid var(--axn-line);color:var(--axn-ink)!important;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none!important;flex-shrink:0;transition:border-color .2s,box-shadow .2s}
.axn-back-btn:hover{border-color:#D9CCAA;box-shadow:0 4px 12px -6px rgba(16,25,43,.25)}
.axn-back-btn .axn-ic{width:18px;height:18px;color:var(--axn-goldt)}
.axn-back-short{display:none}
.axn-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--axn-soft);min-width:0}
.axn-crumbs li{display:flex;align-items:center;gap:6px;min-width:0}
.axn-crumbs li+li::before{content:"›";color:#C2B79E}
.axn-crumbs a{color:var(--axn-goldt)!important;font-weight:600;text-decoration:none!important}
.axn-crumbs a:hover{text-decoration:underline!important}
.axn-crumbs span{color:var(--axn-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.axn-back:focus-within .axn-back-btn:focus-visible,.axn-crumbs a:focus-visible{outline:3px solid var(--axn-gold);outline-offset:2px}
/* community pages: same width as their content */
.cx-main>.axn-back{max-width:1240px;margin:14px auto 0;padding:0 16px;box-sizing:border-box}
@media (max-width:640px){
  .axn-back{margin-bottom:14px}
  .axn-back-full,.axn-crumbs li:not(:last-child){display:none}
  .axn-back-short{display:inline}
  .axn-crumbs li+li::before{display:none}
  .axn-crumbs{font-size:13.5px}
  .axn-crumbs li:last-child::before{content:"·";display:inline;color:#C2B79E}
}

/* ---- AX-NAV-2: public site header (logged-in users) ---- */
.x2h-act .axn-sw{margin-right:2px}
.x2h-go{margin:0 0 6px}
@media (max-width:900px){body:has(#x2h):has(.axn-bar){padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}}