/* Shared small-screen fixes for every public page. */
html{
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  max-width:100%;
  overflow-x:hidden;
}

@media (max-width:768px){
  .hdr-wrap{
    top:max(10px, env(safe-area-inset-top)) !important;
    width:calc(100% - 24px) !important;
    max-width:none !important;
  }

  .hdr-pill{
    position:relative;
    min-height:68px;
    padding:8px 10px !important;
    border-radius:24px !important;
    gap:8px !important;
  }

  .hdr-right{min-width:0 !important;}
  .hdr-logo{width:50px !important;height:50px !important;}
  .hdr-menu{
    display:flex !important;
    width:46px !important;
    height:46px !important;
    flex:0 0 46px;
    position:relative;
    z-index:2;
  }

  .hdr-nav{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:0 !important;
    z-index:1;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    padding:10px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid rgba(37,78,114,.1) !important;
    box-shadow:0 18px 42px rgba(17,19,26,.15) !important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-8px) !important;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  }

  .hdr-nav.show{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  .hdr-nav a{
    width:100% !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    font-size:14px !important;
    line-height:1.4 !important;
    text-align:center !important;
  }

  .page-wrap{max-width:100% !important;}

  .whatsapp-float{
    right:14px !important;
    bottom:max(14px, env(safe-area-inset-bottom)) !important;
    width:50px !important;
    height:50px !important;
    font-size:24px !important;
  }

  .excellence-premium{
    width:auto !important;
    margin:44px 14px 34px !important;
  }

  .excellence-shell{
    width:100% !important;
    padding:22px 16px 18px !important;
    border-radius:24px !important;
  }

  .excellence-hero{gap:10px !important;margin-bottom:18px !important;}
  .excellence-title{font-size:clamp(28px,9vw,36px) !important;}
  .excellence-subtitle{font-size:14px !important;line-height:1.85 !important;}
  .excellence-quarter{width:100%;font-size:12px !important;white-space:normal !important;}
  .excellence-cards{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    width:100% !important;
    overflow:visible !important;
    padding:0 !important;
  }
  .excellence-card{width:100% !important;min-width:0 !important;min-height:150px !important;}
  .excellence-card-name{font-size:19px !important;overflow-wrap:anywhere;}

  .vm-apple-card,
  .mission-card{padding:24px 18px !important;border-radius:24px !important;}
  .vm-apple-text h2{font-size:clamp(30px,10vw,42px) !important;line-height:1.25 !important;}
  .vm-apple-text p{font-size:16px !important;line-height:1.9 !important;}
  .vm-icon-frame{width:180px !important;height:180px !important;}

  .tracks-view .page-wrap,
  .details-view .page-wrap,
  .news-details-page .page-wrap,
  .reports-view .page-wrap{padding-top:102px !important;}
  .tracks-view .hero-section{padding:24px 16px !important;min-height:0 !important;}
  .tracks-view .hero-content h1{font-size:clamp(25px,8vw,32px) !important;line-height:1.35 !important;}
  .tracks-view .hero-content p{font-size:14px !important;line-height:1.9 !important;}
  .prog-title{font-size:clamp(20px,6.5vw,25px) !important;overflow-wrap:anywhere;}
  .prog-card{width:100% !important;min-width:0 !important;}
  .tracks-view .track-panel{padding-inline:14px !important;}

  .reports-view .page-title{font-size:clamp(27px,8vw,34px) !important;}
  .reports-view .featured-box{height:300px !important;border-radius:22px !important;}
  .reports-view .featured-content{right:18px !important;left:18px !important;bottom:20px !important;}
  .reports-view .featured-title{font-size:clamp(22px,7vw,29px) !important;line-height:1.45 !important;}
}

@media (max-width:420px){
  .hdr-wrap{width:calc(100% - 16px) !important;}
  .hdr-pill{min-height:62px;border-radius:20px !important;}
  .hdr-logo{width:44px !important;height:44px !important;}
  .hdr-menu{width:42px !important;height:42px !important;flex-basis:42px;}
  .section-shell{padding-inline:14px !important;}
  .excellence-premium{margin-inline:10px !important;}
}