html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.mvr-mobile-menu-toggle{display:none}
.mvr-install-help{display:none}
@media(max-width:768px){
  header{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 14px!important;min-height:64px!important;position:relative!important;z-index:1000!important}
  header .brand{display:flex!important;align-items:center!important;gap:8px!important;font-size:22px!important;line-height:1.1!important;margin:0!important}
  header .brand img{width:42px!important;height:42px!important;max-width:42px!important}
  .mvr-mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}
  header nav{display:none!important;width:100%!important;max-height:calc(100vh - 76px)!important;overflow:auto!important;grid-template-columns:1fr 1fr!important;gap:4px 8px!important;padding:10px 0 6px!important;margin:0!important}
  header.mvr-nav-open nav{display:grid!important}
  header nav a{display:block!important;min-height:48px!important;padding:9px 10px!important;border-radius:10px!important;line-height:1.15!important;font-size:14px!important;text-decoration:none!important}
  header nav a small{font-size:11px!important;line-height:1.2!important}
  main{max-width:100%!important}
  .home-hero{background-image:url('/assets/mvrtalks-hero-mobile.webp')!important;background-size:cover!important;background-position:center!important;min-height:390px!important;margin:14px 16px 24px!important;padding:30px 20px!important;border-radius:16px!important}
  .home-hero h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.06!important;margin-bottom:18px!important}
  .home-hero p{font-size:17px!important;line-height:1.55!important}
  .today-posts,.mvr-today-posts{padding-left:16px!important;padding-right:16px!important}
  .today-grid,.mvr-today-grid{grid-template-columns:1fr!important;gap:16px!important}
  .today-grid img,.mvr-today-grid img{width:100%!important;height:auto!important;max-height:210px!important;object-fit:cover!important}
  footer{overflow:hidden}
  #mvr-install-app{min-height:44px!important;padding:10px 15px!important;font-size:14px!important}
}
@media(max-width:430px){
  header nav{grid-template-columns:1fr!important}
  .home-hero{min-height:360px!important;margin:10px 12px 20px!important;padding:24px 16px!important}
  .home-hero h1{font-size:36px!important}
}

/* MVRTalks mobile menu visibility fix */
@media(max-width:768px){
  .mvr-mobile-menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:46px!important;
    margin-left:auto!important;
    background:#f3a33b!important;
    color:#102c47!important;
    border:2px solid #102c47!important;
    border-radius:12px!important;
    box-shadow:0 3px 10px rgba(16,44,71,.28)!important;
    font-size:26px!important;
    font-weight:900!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    z-index:1002!important;
  }
  .mvr-mobile-menu-toggle:hover,
  .mvr-mobile-menu-toggle:focus{
    background:#ffc36a!important;
    color:#0d263e!important;
    outline:3px solid rgba(243,163,59,.35)!important;
    outline-offset:2px!important;
  }
  header.mvr-nav-open .mvr-mobile-menu-toggle{
    background:#ffffff!important;
    color:#102c47!important;
    border-color:#f3a33b!important;
  }
}

/* MVRTalks mobile hero readability fix */
@media(max-width:768px){
  .home-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    color:#ffffff!important;
  }
  .home-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(8,29,48,.90) 0%,
      rgba(8,29,48,.80) 45%,
      rgba(8,29,48,.58) 72%,
      rgba(8,29,48,.38) 100%)!important;
  }
  .home-hero > *{
    position:relative!important;
    z-index:1!important;
  }
  .home-hero h1,
  .home-hero h2,
  .home-hero h3,
  .home-hero p,
  .home-hero small,
  .home-hero .eyebrow,
  .home-hero .kicker,
  .home-hero a{
    color:#ffffff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.62)!important;
  }
  .home-hero h1{
    max-width:95%!important;
    letter-spacing:-.02em!important;
  }
  .home-hero p{
    max-width:92%!important;
    background:rgba(8,29,48,.24)!important;
    border-radius:10px!important;
    padding:8px 10px!important;
    backdrop-filter:blur(1.5px)!important;
  }
}

/* MVRTalks consistent brand logo */
@media(max-width:768px){
  header .brand img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    object-fit:contain!important;
    object-position:center!important;
    flex:0 0 42px!important;
  }
  header .brand span{
    display:inline-block!important;
    white-space:nowrap!important;
  }
}