/* ══════════════════════════════════════════════════════════════
   AIDA PHONE ITEMS (Tier 2 design pass, lane t2-1, 2026-10-25)
   Loaded after aida.css on the AIDA pages (/academy/ + curriculum, ai, support, job-search; /aida-monthly/).
   Behavior: assets/aida-phone.js. Phones only (900px and below); desktop is unchanged.
   1. The ladder widgets (ID Skill Ladder on curriculum, AI levels on ai): the detail opens in place under the tapped rung.
   2. The AIDA sub-menu slides away while you scroll down and comes back when you scroll up.
   ══════════════════════════════════════════════════════════════ */
@media (max-width:900px){
  /* 1. ladder accordion */
  body.aida-site .ac-ladder.aph-inline{display:block !important}
  body.aida-site .ac-ladder.aph-inline .ac-rungs{display:flex !important;flex-direction:column !important;gap:8px !important;padding:0 !important;margin:0 !important;overflow:visible !important}
  body.aida-site .ac-ladder.aph-inline .ac-rungs::before,body.aida-site .ac-ladder.aph-inline .ac-rungs::after{display:none !important}
  body.aida-site .ac-ladder.aph-inline .ac-rung{white-space:normal !important;transform:none !important}
  body.aida-site .ac-ladder.aph-inline .ac-rung .rt{flex:1 1 auto}
  body.aida-site .ac-ladder.aph-inline .ac-rung::after{content:"";flex:0 0 auto;width:8px;height:8px;margin:0 4px 4px 10px;border-right:2px solid var(--navy,#223A4C);border-bottom:2px solid var(--navy,#223A4C);transform:rotate(45deg);transition:transform .2s}
  body.aida-site .ac-ladder.aph-inline .ac-rung[aria-expanded="true"]{border-radius:16px 16px 0 0 !important;border-bottom-color:transparent !important}
  body.aida-site .ac-ladder.aph-inline .ac-rung[aria-expanded="true"]::after{transform:rotate(-135deg);margin-bottom:-4px}
  body.aida-site .ac-ladder.aph-inline .ac-rung[aria-expanded="false"][aria-selected="true"]{box-shadow:none !important;background:#fff !important;border-color:var(--ds-line,rgba(22,51,63,.10)) !important}
  body.aida-site .ac-ladder.aph-inline .ac-panel{position:relative !important;top:auto !important;margin:-9px 0 4px !important;padding:18px 18px 20px !important;
    border:1px solid var(--teal,#1FC3CC) !important;border-top:0 !important;border-radius:0 0 16px 16px !important;box-shadow:0 18px 30px -26px rgba(22,51,63,.6) !important;
    background:linear-gradient(180deg,#F2FBFC,#fff 60px) !important}
  body.aida-site .ac-ladder.aph-inline .ac-panel[hidden]{display:none !important}
  body.aida-site .ac-ladder.aph-inline .ac-panel .pk{display:none}
  body.aida-site .ac-ladder.aph-inline .ac-panel h3{display:none}
  body.aida-site .ac-ladder.aph-inline .ac-panel p,body.aida-site .ac-ladder.aph-inline .ac-panel dd{font-size:15.5px !important}
  /* 2. the sub-menu steps aside on the way down */
  body.aida-site .ac-sub{transition:transform .28s ease,box-shadow .28s ease}
  body.aida-site .ac-sub.aph-hide{transform:translateY(calc(-100% - 2px));box-shadow:none !important}
}
@media (prefers-reduced-motion:reduce){body.aida-site .ac-sub{transition:none}}
/* END aida-phone */