/* Astra A-Z mobile layout refinement; scoped to A-Z learning pages. */
:root{--az-ink:#102345;--az-blue:#176f9a;--az-line:#d8e4f2;--az-bg:#f1f5fc}
html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-padding-top:76px}
*,*::before,*::after{box-sizing:inherit}
body{max-width:100%;overflow-x:hidden;overflow-wrap:anywhere}
img,video,iframe,canvas,svg{max-width:100%;height:auto}
pre,code{max-width:100%;overflow-x:auto;overflow-wrap:normal}
pre{white-space:pre;tab-size:2;border-radius:12px}
table{max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%;font:inherit;min-width:0}
input,select,textarea{min-height:42px}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5a623;outline-offset:3px}
.az-mobile-nav{position:relative;z-index:10;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px clamp(12px,3vw,22px);background:#fff;border-bottom:1px solid var(--az-line);box-shadow:0 2px 9px #1023450d}
.az-mobile-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;background:#edf5fc;border:1px solid #d0e2f1;border-radius:11px;color:#10355e;text-decoration:none;font-weight:650;font-size:14px;line-height:1.25}
.az-mobile-nav a[aria-current=page]{background:#103a72;color:white;border-color:#103a72}
.az-mobile-nav a:hover{background:#dceefc}
.az-mobile-nav a[aria-current=page]:hover{background:#103a72}
main,article,section,header,footer,.panel,.card,.course,.toolbar,.filters,.controls{min-width:0}
@media(max-width:700px){
 body{font-size:15px;line-height:1.55}
 h1{font-size:clamp(1.55rem,6vw,2.05rem)!important;line-height:1.2!important;overflow-wrap:break-word}
 h2{font-size:clamp(1.22rem,5vw,1.55rem)!important;line-height:1.3!important}
 h3{font-size:1.1rem!important;line-height:1.35!important}
 header{padding:18px 14px!important}
 main{width:100%!important;max-width:100%!important;margin-inline:auto!important;padding:14px!important}
 .courses,.cards,.grid,.path-steps{grid-template-columns:minmax(0,1fr)!important}
 .toolbar,.filters,.controls,.links,.progress-tools{max-width:100%;gap:10px!important}
 .toolbar input,.filters input,.controls input{width:100%;flex:1 1 100%}
 .course,.card,.panel,.notice,.pathway,.backup-panel{max-width:100%;min-width:0;padding:clamp(12px,3.5vw,18px)!important}
 .az-mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px;gap:7px}
 .az-mobile-nav a{font-size:13px;padding:8px 6px;text-align:center}
 .az-mobile-nav a:first-child{grid-column:span 2}
 body [style*="position:fixed"]{max-width:calc(100vw - 20px)}
}
@media(max-width:380px){.az-mobile-nav a{font-size:12px}main{padding:10px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}