/* Desktop/tablet header matching the supplied reference; phone layout uses its existing rules. */
.reference-main .reference-header-row{display:contents}
@media(min-width:701px){
  .reference-main .reference-header-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    margin:0 0 9px;
  }
  .reference-main .reference-header-row .reference-intro-row{
    grid-column:1;
    grid-row:1;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    min-width:0;
    margin:0;
  }
  .reference-main .reference-header-row .reference-copy{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }
  .reference-main .reference-header-row .reference-stat-card{
    width:252px;
    max-width:100%;
    margin:0;
    justify-self:start;
  }
  .reference-main .reference-header-row .reference-back{
    grid-column:2;
    grid-row:1;
    position:relative;
    inset:auto;
    justify-self:end;
    margin:0;
    z-index:20;
    pointer-events:auto;
    white-space:nowrap;
  }
  .reference-main #countryFilters{
    min-width:0;
    max-width:100%;
    flex-wrap:wrap;
    overflow:visible;
  }
}
@media(min-width:701px) and (max-width:1040px){
  .reference-main .toolbar{grid-template-columns:minmax(0,1fr);gap:8px}
  .reference-main #countryFilters{justify-content:flex-start}
}
/* Match the Sports page container on desktop and tablet only. */
@media(min-width:901px){
  .reference-main{
    width:min(1180px,calc(100% - 72px));
    margin:20px auto 22px;
    padding:18px 20px 28px;
  }
}
@media(min-width:701px) and (max-width:900px){
  .reference-main{
    width:min(calc(100% - 36px),760px);
    margin:16px auto 22px;
    padding:17px 18px 24px;
  }
}