/* V62 Mobile UX: progressive overrides, without changing desktop visual language. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,svg,canvas{max-width:100%}
img,video{height:auto}
:where(main,article,section,.article-body,.v57-card){min-width:0}
:where(main,article,.article-body) :is(p,li,blockquote,a){overflow-wrap:anywhere}
:where(main,article,.article-body) :is(pre,table){max-width:100%}
:where(main,article,.article-body) pre{overflow-x:auto}
:where(main,article,.article-body) table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
:where(main,article,.article-body) :is(input,select,textarea){max-width:100%}
@media(max-width:900px){
 .nav{min-width:0;gap:10px;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:12px 16px}
 .nav .brand{font-size:clamp(14px,4vw,19px);min-width:0;overflow-wrap:normal}
 .mobile-nav{flex:0 0 auto}
 .mobile-nav>summary{display:flex;align-items:center;justify-content:center;min-height:46px;min-width:88px;padding:10px 14px!important;touch-action:manipulation}
 .mobile-nav[open]>summary{background:#392254;border-color:#d6a6fb}
 .mobile-panel{box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:min(76dvh,680px);overscroll-behavior:contain;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;right:0;top:calc(100% + 8px);padding:12px}
 .mobile-panel a{min-height:44px;display:flex;align-items:center;line-height:1.35;padding:11px 13px;border-radius:8px}
 .mobile-panel a[aria-current=page]{background:#3f2a64;color:#fff;font-weight:800}
 .mobile-panel a:focus-visible,.mobile-nav>summary:focus-visible{outline:3px solid #ffdc83!important;outline-offset:2px}
 .mobile-panel strong{padding-top:16px}
 :where(main,article) :is(button,[role=button],input[type=submit],input[type=button]){min-height:44px;touch-action:manipulation}
 :where(main,article) :is(input,select,textarea){font-size:16px}
 :where(main,article) :is(h1,h2,h3){overflow-wrap:break-word;line-height:1.25}
 :where(.article-layout,.article-body,.article-side,.page-explore){min-width:0}
}
@media(max-width:600px){
 .nav{padding:11px 12px}
 .mobile-panel{right:-2px}
 .article-layout{margin-top:20px;margin-bottom:45px;padding-inline:12px}
 .article-body,.article-side{padding:clamp(16px,4vw,23px);border-radius:16px}
 .article-hero .inner{padding:42px 16px}
 .article-hero h1{font-size:clamp(29px,8vw,42px)}
 .article-hero p{font-size:16px}
 .page-explore{margin:22px 12px;padding:20px 16px}
 .page-explore-grid,.page-step{grid-template-columns:minmax(0,1fr)}
 :where(main,article) :is(.grid,.cards,.card-grid){min-width:0}
 :where(main,article) a{touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){
 .mobile-panel,.mobile-nav>summary{scroll-behavior:auto!important;transition:none!important}
}