/* PMY Academy V11.0.2 — mobile/tablet usability and performance */
:root{--pmy-touch:44px;--pmy-mobile-nav-h:82px;--pmy-safe-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,canvas,svg{max-width:100%;height:auto}
button,a,input,select,textarea{touch-action:manipulation}
button,a,[role="button"],input,select,textarea{min-height:var(--pmy-touch)}
input,select,textarea{font-size:16px}
.pmy-main,main{min-width:0;overflow-wrap:anywhere}
@media (max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(var(--pmy-mobile-nav-h) + var(--pmy-safe-bottom) + 12px)!important}
  .v10-mobile-top,[data-side-toggle],.pmy-side-toggle,[data-pmy-layout-menu],.pmy-layout-menu-btn,.pmy-mobile-menu-toggle,.sidebar-toggle{display:none!important;visibility:hidden!important;pointer-events:none!important}
  .pmy-sidebar,.pmy-sidebar-panel{display:none!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}
  .pmy-shell{display:block!important;grid-template-columns:minmax(0,1fr)!important}
  .pmy-main,.pmy-shell>.pmy-main{grid-column:1!important;width:100%!important;margin:0!important;min-width:0!important}
  .pmy-main-content,.pmy-content,main{padding-left:clamp(14px,4vw,22px)!important;padding-right:clamp(14px,4vw,22px)!important}
  .pmy-topbar,.pmy-app-header,.app-header{min-height:64px!important;padding-inline:clamp(14px,4vw,22px)!important}
  .pmy-top-actions{gap:8px!important;flex-wrap:nowrap!important;max-width:100%!important}
  .pmy-top-actions>*{flex:0 0 auto}
  .pmy-mobile-bottom-nav{position:fixed!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:max(8px,var(--pmy-safe-bottom))!important;z-index:1000!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:72px!important;padding:6px!important;border-radius:20px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .pmy-mobile-bottom-nav>a,.pmy-mobile-bottom-nav>button{min-width:0!important;min-height:58px!important;padding:7px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:12px!important;line-height:1.1!important;text-align:center!important;border-radius:14px!important;white-space:nowrap!important}
  .pmy-mobile-bottom-nav span:first-child{font-size:17px!important;line-height:1!important}
  .pmy-mobile-more-sheet{position:fixed!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:calc(var(--pmy-mobile-nav-h) + var(--pmy-safe-bottom) + 14px)!important;z-index:999!important;max-height:min(68dvh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;border-radius:22px!important;padding:18px!important}
  .pmy-mobile-more-sheet[aria-hidden="true"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
  .pmy-mobile-more-sheet[aria-hidden="false"]{display:block!important;visibility:visible!important;pointer-events:auto!important}
  .pmy-mobile-more-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .pmy-mobile-more-grid>a,.pmy-mobile-more-grid>button{width:100%!important;min-height:50px!important;padding:12px 14px!important}
  .pmy-grid,.dashboard-grid,.stats-grid,.cards-grid,.content-grid{grid-template-columns:minmax(0,1fr)!important}
  .pmy-card,.card,.panel{min-width:0!important}
  .pmy-actions,.hero-actions,.form-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .pmy-actions>* ,.hero-actions>* ,.form-actions>*{width:100%!important}
  table:not(.pmy-responsive-table){display:block!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  dialog,.modal,.pmy-modal,.pmy-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 28px)!important;margin:auto!important}
}
@media (min-width:821px) and (max-width:1180px){
  :root{--pmy-touch:46px}
  .pmy-shell{grid-template-columns:78px minmax(0,1fr)!important}
  .pmy-sidebar,.pmy-sidebar-panel{width:78px!important;min-width:78px!important;max-width:78px!important}
  .pmy-sidebar .pmy-side-text,.pmy-sidebar .nav-label{display:none!important}
  .pmy-main-content,.pmy-content,main{padding-left:clamp(20px,3vw,34px)!important;padding-right:clamp(20px,3vw,34px)!important}
  .pmy-grid,.dashboard-grid,.cards-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pmy-top-actions{gap:10px!important}
  dialog,.modal,.pmy-modal,.pmy-dialog{max-width:min(90vw,760px)!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Premium mobile guardrails for public concept pages. */
@media (max-width: 600px) {
  .concept-hero,
  .content-band {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .concept-hero > *,
  .concept-visual,
  .deep-card,
  .path-step > div {
    min-width: 0;
  }

  .concept-visual {
    padding: 22px;
  }

  .concept-visual .kpi {
    grid-template-columns: 1fr;
  }

  .concept-visual .kpi div,
  .deep-card,
  .path-step {
    overflow-wrap: anywhere;
  }
}