/* ROAR V2 — the four breakpoints from the brief. Inline styles carry the
   design; these carry only what a media query must. */

@media (max-width:1180px){
  .rv2-g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rv2-games{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rv2-plans{grid-template-columns:minmax(0,1fr)!important}
  .rv2-videohero{grid-template-columns:minmax(0,1fr)!important}
  .rv2-masthead,.rv2-secnav{padding-left:28px!important;padding-right:28px!important}
}

@media (max-width:999px){
  .rv2-hero,.rv2-split,.rv2-interview,.rv2-weekly,.rv2-printhead,.rv2-podhead,.rv2-briefband,.rv2-account{
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
  }
  .rv2-split aside>div,.rv2-account nav{position:static!important}
  .rv2-g3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rv2-interview{padding:36px 28px!important}
  .rv2-interview .rv2-portrait,.rv2-interview a[style*="520px"]{height:420px!important}
  .rv2-acctnav{display:flex!important;overflow-x:auto;scrollbar-width:none;gap:6px!important}
  .rv2-acctnav a{flex:none;border-left:0!important;border-bottom:2px solid var(--rule)}
  .rv2-masthead{height:auto!important;padding-top:20px!important;padding-bottom:20px!important}
}

@media (max-width:680px){
  .rv2-masthead{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center;
    gap:16px!important;
    text-align:center;
  }
  .rv2-masthead>button{justify-self:center!important}
  .rv2-mastnav{justify-self:center!important;flex-wrap:wrap;justify-content:center;gap:14px!important}
  .rv2-logo{height:44px!important;font-size:30px!important}

  main,.rv2-masthead,.rv2-secnav{padding-left:14px!important;padding-right:14px!important}
  section[style*="margin:0 -30px"],section[style*="margin:44px -30px"]{margin-left:-14px!important;margin-right:-14px!important}

  .rv2-g2,.rv2-g3,.rv2-g4,.rv2-games{grid-template-columns:minmax(0,1fr)!important}
  .rv2-row,.rv2-eprow{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}

  h1{font-size:clamp(28px,8.5vw,46px)!important;line-height:1.06!important}
  h2{font-size:clamp(26px,7vw,40px)!important}

  .rv2-interview,section[style*="padding:48px 44px"],section[style*="padding:44px"]{padding:28px 20px!important}
  .rv2-popup{left:14px!important;right:14px!important;bottom:14px!important;width:auto!important}
  .rv2-google a{flex:1 1 100%!important;max-width:none!important}
  .rv2-mastleft{justify-content:center!important;gap:16px!important}
  .rv2-dateline{font-size:11.5px!important}

  table{font-size:12px!important}
  button,a[style*="padding:1"]{min-height:44px}
}

@media print{
  header,footer,aside,.rv2-popup,[data-rv2-progress],[data-rv2-audio]{display:none!important}
  main{max-width:none!important;padding:0!important}
  a{color:#000!important;text-decoration:none!important}
  body{background:#fff!important;color:#000!important}
}