/* Osmora Academy — mobile usability layer. Scoped to Academy static pages only. */
:root{--academy-mobile-bar-h:64px}

.acad-assessment-card{max-width:760px;margin:18px 0 4px;border:1px solid rgba(30,50,41,.12);border-radius:12px;background:var(--cream-2,#FAF7F2);padding:20px 22px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.acad-assessment-card__ey{margin:0 0 5px;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft,#B79A5B)}
.acad-assessment-card h2{font-family:var(--font-display,Georgia,serif);font-weight:400;font-size:1.25rem;line-height:1.2;margin:0 0 5px;color:var(--forest-ink,#1E3229)}
.acad-assessment-card p{margin:0;color:#687169;font-size:.88rem}
.acad-assessment-card__cta{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid var(--forest-ink,#1E3229);border-radius:7px;color:var(--forest-ink,#1E3229);text-decoration:none;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.acad-assessment-card__cta:hover{background:var(--forest-ink,#1E3229);color:var(--cream,#F4EFE6)}

.academy-mobile-tools{display:none}
.academy-section-toggle{font:inherit;color:inherit;background:none;border:0;padding:0;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.academy-section-toggle__icon{font-family:var(--font-body,Arial,sans-serif);font-size:1.2rem;font-weight:400;color:var(--gold-soft,#B79A5B);transition:transform .18s ease}
.mobile-collapse.is-open .academy-section-toggle__icon{transform:rotate(45deg)}

@media (max-width:760px){
  body[data-academy-article]{padding-bottom:calc(var(--academy-mobile-bar-h) + env(safe-area-inset-bottom,0px) + 12px)}

  /* Compact branded header. */
  .osm-header__inner{min-height:58px!important;padding:7px 12px!important;gap:8px!important;display:grid!important;grid-template-columns:minmax(105px,1fr) auto auto!important;align-items:center!important}
  .osm-header__inner>.osm-brand{min-width:0!important}
  .osm-brand__img{width:112px!important;height:auto!important;max-height:42px;object-fit:contain}
  .osm-actions{gap:5px!important;display:flex!important;align-items:center!important}
  .osm-actions .acs-trigger{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:999px!important;justify-content:center!important}
  .acs-trigger__label,.acs-k{display:none!important}
  .osm-account,.osm-cart{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important}
  .osm-cart__label{display:none!important}
  .osm-nav__toggle{display:inline-flex!important;align-items:center;justify-content:center;order:3!important;width:38px;height:38px;padding:0!important;border-radius:999px!important;font-size:1.05rem!important}
  .osm-nav{grid-column:1/-1!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;padding:8px 18px 16px!important;box-shadow:0 16px 30px rgba(30,50,41,.10)}

  /* Academy rail is intentionally horizontally scrollable; the assessment tab is prominent. */
  .acad-subnav{position:sticky;top:0;z-index:85}
  .acad-subnav__inner{padding:0 12px!important}
  .acad-subnav a,.acad-subnav button{font-size:.64rem!important;letter-spacing:.08em!important;padding:11px 11px!important}
  .acad-subnav a[href="/academy/assessments/"]{color:var(--forest-ink,#1E3229);font-weight:600}
  .acad-subnav__sep,.acad-subnav__search{display:none!important}

  /* Remove duplicated navigation noise from article heroes. */
  body[data-academy-article] .breadcrumb{display:none!important}
  body[data-academy-article] .osm-backbar{padding:13px 18px 0!important}
  body[data-academy-article] .osm-back{font-size:.76rem!important}
  body[data-academy-article] .wrap{padding-left:18px!important;padding-right:18px!important}
  body[data-academy-article] header.page-head{padding:20px 0 18px!important}
  body[data-academy-article] header.page-head h1{font-size:clamp(2rem,10vw,2.7rem)!important;line-height:1.02!important;letter-spacing:-.025em!important;margin-bottom:14px!important}
  body[data-academy-article] .page-head .descriptor{font-size:.98rem!important;line-height:1.55!important;margin-top:14px!important;color:#5e665f!important}
  body[data-academy-article] .acr-meta{gap:8px 10px!important;margin-top:12px!important;align-items:center}
  body[data-academy-article] .acr-meta .dot{display:none!important}
  body[data-academy-article] .acr-meta .chip{font-size:.72rem!important;border:1px solid rgba(30,50,41,.10);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.5)}
  body[data-academy-article] .acr-save{min-height:36px!important;padding:7px 10px!important}
  body[data-academy-article] .acr-save__view{font-size:.72rem!important}

  /* TOC moves below the compact hero via JS and becomes one clean control. */
  body[data-academy-article] .acr-toc{display:none!important}
  body[data-academy-article] .acr-toc-mobile{margin:16px 0 24px!important;border:1px solid rgba(30,50,41,.12)!important;border-radius:10px!important;background:var(--cream-2,#FAF7F2)!important;overflow:hidden}
  body[data-academy-article] .acr-toc-mobile summary{padding:14px 16px!important;font-size:.72rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--forest-ink,#1E3229)!important;cursor:pointer;list-style:none}
  body[data-academy-article] .acr-toc-mobile summary::-webkit-details-marker{display:none}
  body[data-academy-article] .acr-toc-mobile summary:after{content:"+";float:right;color:var(--gold-soft,#B79A5B);font-size:1rem}
  body[data-academy-article] .acr-toc-mobile[open] summary:after{content:"–"}
  body[data-academy-article] .acr-toc-mobile .acr-toc__list{padding:0 16px 14px!important;max-height:46vh;overflow:auto}

  /* Less wall-of-text: article sections become optional disclosure panels on mobile. */
  body[data-academy-article] .article-main>.mobile-collapse{border-top:1px solid rgba(30,50,41,.10);padding:0!important;margin:0!important}
  body[data-academy-article] .article-main>.mobile-collapse>h2{font-size:1.35rem!important;margin:0!important;padding:19px 0!important}
  body[data-academy-article] .academy-section-body{padding:0 0 20px}
  body[data-academy-article] .mobile-collapse:not(.is-open) .academy-section-body{display:none}
  body[data-academy-article] .direct-answer{margin:20px 0 22px!important;padding:20px!important}
  body[data-academy-article] .direct-answer p{font-size:1rem!important;line-height:1.58!important}
  body[data-academy-article] table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body[data-academy-article] figure{margin-left:0!important;margin-right:0!important}

  /* Keep the in-page local Quick Check but make it compact. */
  body[data-academy-article] .kc{padding:22px 18px!important;margin:26px 0!important}
  body[data-academy-article] .kc h2{font-size:1.32rem!important}
  body[data-academy-article] .kc-q{margin:20px 0!important;padding-top:18px!important}
  body[data-academy-article] .kc-opt{padding:12px 13px!important;font-size:.9rem!important}

  /* Fixed lesson controls: no need to scroll to the end for completion or Quick Check. */
  .academy-mobile-tools{display:grid;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:140;grid-template-columns:repeat(var(--academy-tool-count,3),minmax(0,1fr));background:rgba(250,247,242,.96);backdrop-filter:blur(14px);border:1px solid rgba(30,50,41,.14);border-radius:14px;padding:6px;box-shadow:0 10px 35px rgba(30,50,41,.18)}
  .academy-mobile-tools a,.academy-mobile-tools button{min-width:0;min-height:48px;border:0;background:transparent;color:var(--forest-ink,#1E3229);font-family:var(--font-body,Arial,sans-serif);font-size:.67rem;line-height:1.2;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 7px;border-radius:9px;cursor:pointer}
  .academy-mobile-tools a+*,.academy-mobile-tools button+*{border-left:1px solid rgba(30,50,41,.10)}
  .academy-mobile-tools [data-osmora-complete]{background:var(--forest-ink,#1E3229);color:var(--cream,#F4EFE6);font-weight:600}
  .academy-mobile-tools [data-osmora-complete][disabled]{opacity:.72;cursor:default}
  .academy-mobile-tools .is-busy{opacity:.65}

  /* Learning path cards are easier to scan/tap. */
  .path-lesson{align-items:center!important;gap:10px!important;padding:14px 0!important}
  .path-lesson__n{min-width:24px!important}
  .path-lesson__t{font-size:1rem!important;line-height:1.28!important}
  .path-lesson__done{font-size:.56rem!important;white-space:nowrap}
  .acad-assessment-card{padding:18px;display:block}
  .acad-assessment-card__cta{margin-top:14px;width:100%}

  footer.osm-foot{padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))}
}

@media (max-width:390px){
  .osm-brand__img{width:102px!important}
  .osm-actions .acs-trigger,.osm-account,.osm-cart,.osm-nav__toggle{width:35px!important;height:35px!important;min-width:35px!important}
  body[data-academy-article] header.page-head h1{font-size:2rem!important}
}

@media (prefers-reduced-motion:reduce){.academy-section-toggle__icon{transition:none}}

@media (max-width:760px){
  body:not([data-academy-article]) .wrap{padding-left:18px!important;padding-right:18px!important}
  body:not([data-academy-article]) .lede{padding-top:28px!important}
  body:not([data-academy-article]) .lede h1{font-size:2.05rem!important;line-height:1.08!important}
  body:not([data-academy-article]) .lede p.intro{font-size:.96rem!important;line-height:1.55!important}
  body:not([data-academy-article]) section.block{padding-top:34px!important;padding-bottom:34px!important}
  body:not([data-academy-article]) .grid{grid-template-columns:1fr!important;gap:14px!important}
}