
@media (max-width:700px){
  body{font-size:14px}
  .header-inner,.page,.footer-inner{width:calc(100% - 28px)}
  .site-header{position:relative}
  .header-inner{min-height:64px}
  .brand{gap:7px}
  .brand-mark{font-size:15px}
  .brand-text{font-size:10px}
  .menu-toggle{
    display:block;
    border:0;background:none;color:var(--ink);
    font-size:20px;padding:8px;cursor:pointer;
  }
  .main-nav{
    display:none;
    position:absolute;left:0;right:0;top:64px;
    background:#fff;border-bottom:1px solid var(--line);
    padding:10px 14px 16px;
    flex-direction:column;align-items:stretch;gap:0;
    z-index:20;
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:12px 4px;border-bottom:1px solid var(--line)}
  .main-nav a:last-child{border-bottom:0}
  .main-nav a.active::after{display:none}
  .main-nav .social{font-size:18px;padding:13px 4px}
  .page-heading{padding:42px 0 30px}
  .page-heading h1{font-size:32px}
  .hero-image img{min-height:235px;max-height:300px}
  .hero-copy{padding:34px 24px}
  .hero-copy h2{font-size:29px}
  .quick-grid{grid-template-columns:1fr}
  .quick-card{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:22px}
  .quick-card:last-child{border-bottom:0!important}
  .content-section{padding:44px 0}
  .intro-grid,.two-column{grid-template-columns:1fr;gap:12px}
  .content-section h2{font-size:26px}
  .notes-grid{grid-template-columns:1fr}
  .table-wrap{margin-left:-14px;margin-right:-14px;border-left:0;border-right:0}
  .main-table{font-size:12px}
  .stream-list{padding:30px 0 50px}
  .stream-list h3{font-size:16px;padding-top:21px}
  .faq-list{padding:30px 0 50px}
  .accordion-header{font-size:14px;padding:18px 0}
  .accordion-content-inner{padding-right:12px}
  .tournament-grid{margin:30px 0 50px}
  .tournament-card{padding:25px 22px}
  .footer-inner{min-height:64px;gap:12px}
}
