/* UPR training — mobile polish overrides. Loaded last in <head>. */
img,iframe,video{max-width:100%;height:auto}

@media (max-width:860px){
  .container{padding:0 18px !important}
  .topbar{padding:6px 0}
  .nav-inner{flex-wrap:wrap;row-gap:6px;column-gap:10px}
  .brand{order:1}
  .brand img{height:42px !important}
  .lang-toggle{order:2;margin-left:auto}
  .register-btn{order:3;margin-left:4px;min-width:0 !important;padding:8px 14px !important;font-size:13px !important}
  .nav-menu{order:4;flex:1 1 100% !important;overflow-x:auto;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:18px !important;padding:4px 2px 8px !important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav-menu::-webkit-scrollbar{display:none}
  .nav-menu a{padding:6px 2px !important;white-space:nowrap;flex:0 0 auto;font-size:13.5px}

  .hero-grid{grid-template-columns:1fr !important;padding:48px 0 60px !important;gap:36px}
  .hero h1{font-size:clamp(1.85rem,7vw,2.4rem) !important;line-height:1.16}
  .hero p.lede{font-size:.98rem}
  .hero-actions{gap:10px}
  .hero-actions .btn{padding:11px 18px;font-size:.9rem}
  .hero-trust{gap:18px}
  .trust-num{font-size:1.3rem}
  .trust-divider{display:none}
  .term-body{padding:18px 16px;font-size:.78rem;min-height:0}
  .term{transform:none}

  .section-head{margin-bottom:36px}
  .section-head h2{font-size:clamp(1.5rem,5vw,1.95rem)}
  section.block{padding:54px 0}
  .stat{padding:22px 12px}
  .stat .num{font-size:2rem}
  .feat{padding:24px 18px}
  .cat-pill{padding:22px 16px}
  .cat-section-head .num{font-size:1.8rem}
  .cat-section-head .info-text h3{font-size:1.25rem}
  .mission-inner{grid-template-columns:1fr !important;gap:30px}
  .mission p{font-size:.98rem}
  .mission h2{font-size:1.45rem}
  .cta-box{grid-template-columns:1fr !important}
  .foot-grid{grid-template-columns:1fr 1fr !important;gap:32px}
  .foot-about{grid-column:1/-1}
  .foot-about .logo-svg{height:48px}
}

@media (max-width:760px){
  .cats-layout{grid-template-columns:1fr !important;gap:18px}
  .cat-sidebar{position:relative !important;top:0 !important;display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cat-sidebar::-webkit-scrollbar{display:none}
  .cat-sb-btn{flex:0 0 auto;width:auto !important;padding:8px 14px !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:999px !important;background:rgba(255,255,255,.04) !important}
  .cat-sb-btn .sb-ic{width:22px !important;height:22px !important}
  .cat-sb-btn .sb-name{font-size:.85rem !important}
  .cat-sb-btn .sb-cnt{display:none}
  .cat-sb-btn.active{background:rgba(96,165,250,.18) !important;border-color:rgba(96,165,250,.5) !important}
  .cat-group-hd{display:none}
  .courses-grid,.cg-filtered{grid-template-columns:1fr !important}
}

@media (max-width:540px){
  .container{padding:0 14px !important}
  .hero h1{font-size:1.72rem !important}
  .hero p.lede{font-size:.94rem}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center;width:100%}
  .hero-trust{gap:14px;flex-direction:column;align-items:flex-start}
  section.block{padding:44px 0}
  .section-head{margin-bottom:28px}
  .section-head h2{font-size:1.5rem}
  .stats-grid{gap:12px;grid-template-columns:1fr 1fr !important}
  .stat .num{font-size:1.7rem}
  .features-grid{grid-template-columns:1fr !important}
  .feat h3{font-size:1rem}
  .feat p{font-size:.88rem}
  .cat-section-head{flex-direction:column;align-items:flex-start;gap:10px}
  .cat-section-head .left{gap:12px}
  .cat-section-head .info-text h3{font-size:1.1rem}
  .cat-main-hd h3{font-size:1.2rem}
  .cm-inforow{grid-template-columns:1fr !important}
  .cta-box{padding:32px 20px !important}
  .cta-box h2{font-size:1.5rem}
  .foot-grid{grid-template-columns:1fr !important}
  .foot-about{grid-column:auto}
  .provider-grid{grid-template-columns:repeat(2,1fr) !important}
  .news-grid,.scholar-grid,.article-grid{grid-template-columns:1fr !important}
}

@media (max-width:380px){
  .nav-menu{gap:14px !important;font-size:12.5px !important}
  .register-btn{padding:7px 12px !important;font-size:12px !important}
  .brand img{height:38px !important}
}
