/* ArenaFM — unified readable typography for interactive controls.
   Loaded last; overrides only text metrics, not control layout or behavior. */
:root {
  --af-control-text-size: 15px;
  --af-control-text-weight: 500;
}

/* Consistent, lighter lettering with a slightly narrower text run. */
:where(button, .button, .tactics-action, .purchase-cta, .community-cta, .card-action, .player-tactic-download, .catalog-nav a, .article-notes-more) {
  font-family: "Golos Text", Arial, sans-serif;
  letter-spacing: -.018em;
}
button:not(.save):not(.menu-toggle):not(.close):not(.community-upload-close):not(.tactics-dialog-close):not(#catalogSidebarClose) {
  font-weight: var(--af-control-text-weight);
}

/* Main actions: purchase, submit, download, share. */
.button,
.purchase-banner .purchase-cta,
.community-upload-button,
.community-upload-submit,
.tactics-action,
.material-actions .material-download,
.material-aside .button,
.player-tactic-download,
.tactics-form [type=submit],
.legal-action,
#emptyReset {
  font-size: var(--af-control-text-size);
  font-weight: 500;
  letter-spacing: -.022em;
  line-height: 1.35;
  text-align: center;
}
.purchase-banner .purchase-cta {
  font-size: 15px;
  font-weight: 600;
  gap: 9px;
  padding-inline: 17px;
  white-space: nowrap;
}
.purchase-copy strong {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.018em;
}
.community-upload-button {
  font-size: 15px;
  min-width: 0;
  padding: 12px 17px;
  white-space: normal;
}
.community-upload-submit {font-size: 14px; white-space: normal;}
.tactics-action {font-size: 14px; padding: 12px 14px;}
.tactics-form [type=submit] {font-size: 15px;}
.material-aside .button {font-size: 15px;}
.material-actions .material-download {font-size: 15px; font-weight: 500;}
#community .community-cta {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 14px;
  min-height: 42px;
  white-space: normal;
}

/* Browsing and navigation: no tiny or bold faux labels. */
.sort-options button,
.filters button,
.formation-buttons button,
.catalog-mobile-toggle,
.material-save,
.material-share,
.material-telegram,
.site-back,
.reset,
.legal-action,
.af-consent button,
.cookie-open {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.012em;
  line-height: 1.4;
}
.sort-options button {min-height: 40px; padding: 9px 12px; white-space: nowrap;}
.sort-direction {font-weight: 500;}
.catalog-mobile-toggle {font-size: 15px;}
.site-back {font-size: 14px;}
#catalogNav a, #catalogNav a.active, #catalogNav .catalog-nav-group summary {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -.012em;
}
#catalogNav .catalog-nav-children a {font-size: 14px;}
#catalogNav .nav-section-title {font-weight: 600; letter-spacing: .09em;}
.category-tile strong {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.018em;
}
.all-tile strong {font-size: 21px; font-weight: 600;}
.install-links button {font-size: 14px; line-height: 1.4;}
.install-links b {font-size: 14px; font-weight: 500;}
.catalog-results .card .card-action,
.cards .card .card-bottom .card-action {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  min-height: 34px;
}
.player-tactic-vote button {font-size: 14px; font-weight: 500;}
.player-tactic-download {font-size: 14px;}
.tool > span:last-child {font-size: 13px; font-weight: 500;}

/* Clear hierarchy near the main CTA without the cramped heavy title. */
#catalog .section-head h1 {
  font-size: clamp(30px, 2.5vw, 35px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
}
.community-upload-banner h2 {
  font-weight: 600;
  letter-spacing: -.025em;
}
.player-tactics-cta strong {font-weight: 600;}
.card h3 {font-weight: 600;}

@media (max-width: 760px) {
  .community-upload-button {font-size: 15px;}
  .tactics-action {font-size: 14px; white-space: normal;}
  .category-tile strong {font-size: 13px;}
  #catalog .section-head h1 {font-size: clamp(29px, 5.4vw, 34px);}
  .purchase-copy strong {font-size: 14px;}
}
@media (max-width: 650px) {
  .purchase-banner .purchase-cta {font-size: 14px; padding-inline: 13px;}
  .sort-options button {font-size: 13px; padding: 9px 10px;}
  .material-actions .material-download {font-size: 14px;}
  .catalog-results .card .card-action {font-size: 12px;}
  .community-upload-submit {width: 100%;}
  #community .community-cta {font-size: 14px;}
}
@media (max-width: 380px) {
  .purchase-copy strong {font-size: 13px;}
  .purchase-banner .purchase-cta {padding-inline: 11px;}
  .sort-options button {font-size: 12px; padding-inline: 7px;}
}