/* The advertisers' media kit: figures, sports covered, commitments and the contact form. */
.media-kit__figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); margin: 0 0 var(--space-3); }
.media-kit__figures div { padding: var(--space-3); border-radius: var(--radius-m); background: var(--surface-2); }
.media-kit__figures dt { font-size: var(--step--1); color: var(--ink-2); }
.media-kit__figures dd { margin: 0; font-size: var(--step-2); font-weight: 800; }
.media-kit__note { font-size: var(--step--1); color: var(--ink-2); }
.media-kit__sports { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-4); padding: 0; list-style: none; }
.media-kit__sports a { display: inline-flex; align-items: center; gap: 6px; min-block-size: 40px; padding-inline: var(--space-3); border: 1px solid var(--line); border-radius: 999px; text-decoration: none; color: var(--ink); font-weight: 600; font-size: var(--step--1); }
.media-kit__sports .icon { inline-size: 16px; block-size: 16px; }
.media-kit__rules { display: grid; gap: var(--space-2); margin: 0; padding-inline-start: 1.2em; }
.media-kit__form { display: grid; gap: var(--space-3); max-inline-size: 640px; margin-block-start: var(--space-3); }
.media-kit__row { display: grid; gap: var(--space-3); }
@media (min-width: 640px) { .media-kit__row { grid-template-columns: 1fr 1fr; } }
.media-kit__field { display: grid; gap: 4px; min-inline-size: 0; }
.media-kit__field label { font-weight: 600; font-size: var(--step--1); }
.media-kit__field input, .media-kit__field select, .media-kit__field textarea {
  inline-size: 100%; min-block-size: 44px; padding: var(--space-2) var(--space-3); font: inherit;
  border: 1px solid var(--line-2, var(--line)); border-radius: var(--radius-m); background: var(--surface); color: var(--ink);
}
.media-kit__field textarea { min-block-size: 120px; resize: vertical; }
.media-kit__field--invalid input, .media-kit__field--invalid select, .media-kit__field--invalid textarea { border-color: var(--loss); }
.media-kit__error { margin: 0; font-size: var(--step--1); color: var(--loss); }
.media-kit__form .button { justify-self: start; min-block-size: 44px; }
.media-kit__trap { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }