.sd-public-site {
  margin: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  color: var(--sd-text);
  background: var(--sd-canvas);
  font: 400 1rem/1.55 var(--sd-font);
}
.sd-public-site > main { flex: 1; }
.sd-public-site .btn { min-height: 2.65rem; align-content: center; font-weight: 650; }
.sd-public-site .form-control, .sd-public-site .form-select { min-height: 2.75rem; }
.sd-public-site .landing-footer-bar .culture-btn { min-height: 2.1rem; padding-inline: .65rem; }
.sd-public-content {
  width: min(100% - 2rem, 72rem);
  margin-inline: auto;
  padding-block: clamp(1.25rem, 4vw, 3.5rem);
}
.sd-public-narrow { max-width: 50rem; }
.sd-public-hero {
  display: grid;
  gap: .75rem;
  justify-items: start;
  margin-bottom: 1.5rem;
  padding-block: clamp(.8rem, 3vw, 2.2rem);
  border-bottom: 1px solid var(--sd-line);
}
.sd-public-hero h1 {
  margin: 0;
  color: var(--sd-text);
  font-size: clamp(2.2rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.055em;
  overflow-wrap: anywhere;
}
.sd-public-hero p { margin: 0; color: var(--sd-muted); max-width: 54ch; }
.sd-public-hero .sd-page-actions { margin-top: .45rem; }
.sd-public-back { color: var(--sd-link-hover); font-size: .86rem; font-weight: 700; text-underline-offset: .2em; }
.sd-public-panel {
  min-width: 0;
  margin-bottom: 1rem;
  border: 1px solid var(--sd-line);
  border-radius: var(--sd-radius);
  background: var(--sd-panel);
}
.sd-public-panel > .sd-section-title, .sd-public-panel > .sd-panel-caption { margin: 0; padding: .9rem 1.1rem; }
.sd-panel-caption { color: var(--sd-muted); font-size: .85rem; }
.sd-public-panel .table-responsive { border-radius: inherit; }
.sd-public-panel .table { margin-bottom: 0; --bs-table-color: var(--sd-text); font-variant-numeric: tabular-nums; }
.sd-public-panel .table thead th { color: var(--sd-muted); background: var(--sd-raised); font-size: .8rem; }
.sd-public-panel .table :is(th, td) { padding: .7rem 1rem; }
.sd-public-panel .table tbody tr:last-child > * { border-bottom: 0; }
.sd-public-panel .table .sd-numeric { text-align: end; }
.sd-public-panel .table summary { color: var(--sd-link-hover); font-weight: 700; cursor: pointer; }
.sd-public-panel .table details[open] { min-width: min(34vw, 16rem); }
.sd-public-panel .table details ul { padding-left: 1.1rem; margin: .6rem 0 0; color: var(--sd-muted); font-size: .83rem; }
.sd-public-panel .sd-empty-panel { min-height: 8rem; }
.sd-public-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: .85rem; }
.sd-public-card {
  display: grid;
  min-width: 0;
  gap: .55rem;
  padding: 1.1rem;
  border: 1px solid var(--sd-line);
  border-radius: var(--sd-radius);
  color: var(--sd-text);
  background: var(--sd-panel);
  text-decoration: none;
}
.sd-public-card:hover { border-color: var(--sd-line-strong); background: var(--sd-raised); color: var(--sd-text); }
.sd-public-card strong { overflow-wrap: anywhere; }
.sd-public-card small { color: var(--sd-muted); }
.sd-public-fixture { display: grid; gap: .4rem; }
.sd-public-fixture small { color: var(--sd-muted); }
.sd-public-fixture-score { display: grid; grid-template-columns: 1fr auto 1fr; gap: .75rem; align-items: center; }
.sd-public-fixture-score span:last-child { text-align: end; }
.sd-public-fixture-score strong { min-width: 3rem; text-align: center; font-variant-numeric: tabular-nums; }
.sd-public-roster label.form-check-label {
  padding: .65rem 1rem .65rem 2.5rem;
  border-top: 1px solid var(--sd-line);
  cursor: pointer;
}
.sd-public-roster label .form-check-input { margin-inline-start: -1.5rem; }
.sd-public-form { padding: clamp(1rem, 3vw, 1.5rem); }
.sd-public-form fieldset + fieldset { margin-top: 1.25rem; }
.sd-public-form legend { font-weight: 750; }
.sd-public-form [data-player-fields] { padding: .6rem; border-radius: .65rem; background: var(--sd-canvas); }
.sd-public-section { scroll-margin-top: 1rem; margin-block: 1.45rem; }
.sd-public-hero-art {
  padding: clamp(1.35rem, 4vw, 3rem);
  border: 0;
  border-radius: var(--sd-radius);
  background: linear-gradient(90deg, #101c3a 12%, #101c3ae8 47%, #101c3a44 100%), url("../../images/score/arena.webp") center 43% / cover;
  color: var(--sd-text);
}
.sd-public-hero-art :is(h1, p, a) { color: var(--sd-text); }
.sd-public-hero-art .sd-eyebrow { color: var(--sd-lime); }
.sd-public-hero-art a:focus-visible { outline-color: var(--sd-lime); }
@media (max-width: 575.98px) {
  .sd-public-panel .table :is(th, td) { padding: .65rem .75rem; }
  .sd-public-hero-art { background-image: linear-gradient(90deg, #101c3aeb, #101c3aa6), url("../../images/score/arena.webp"); }
}