/*
 * Shared public homepage presentation for all leagues and organizations.
 * Keep this layer scoped: no marketing pages, admin chrome or data behaviour.
 * Legacy templates use !important extensively; matching declarations here
 * intentionally override only their presentation, not inline customer colors.
 */

html.hub-page.hub-design-refined {
    --hub-refined-width: 1240px;
    --hub-refined-gap: clamp(2rem, 4vw, 3.5rem);
    --hub-refined-radius: 12px;
    --hub-refined-line: color-mix(in srgb, var(--slms-text) 14%, var(--slms-surface));
}

html.hub-page.hub-design-refined .hub-page-wrapper {
    --hub-font-display: var(--font-display, var(--slms-font-base));
    --hub-radius: var(--hub-refined-radius);
    --hub-border: var(--hub-refined-line);
    --hub-text-muted: var(--slms-muted);
    --hub-surface-alt: color-mix(in srgb, var(--slms-text) 4%, var(--slms-surface));
    color: var(--slms-text);
    font-family: var(--font-display, var(--slms-font-base));
}

html.hub-page.hub-design-refined .hub-page-wrapper > .container {
    /* Match the contained hero's desktop gutter; mobile already has one. */
    padding: var(--hub-refined-gap) 1.5rem !important;
    gap: var(--hub-refined-gap);
}

html.hub-page.hub-design-refined .hub-page-wrapper > .container > :is(.hub-block-card, .hub-container-block) {
    width: 100%;
    max-width: var(--hub-refined-width);
    margin-block: 0 !important;
    min-width: 0;
}

/* Sections share a baseline; their content supplies the hierarchy. */
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card {
    background: var(--hub-refined-background, var(--hub-refined-default-background, transparent)) !important;
    border: var(--hub-refined-block-border, 0) !important;
    border-radius: var(--hub-refined-block-radius, var(--hub-refined-default-block-radius, var(--hub-refined-radius))) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: var(--hub-refined-section-padding, var(--hub-refined-default-section-padding, 0)) !important;
    overflow: visible;
    transition: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card:hover {
    transform: none !important;
    box-shadow: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-container-row {
    --bs-gutter-x: clamp(1.5rem, 4vw, 3rem);
    --bs-gutter-y: 2rem;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card--split-child {
    height: 100%;
}
/* Cinematic/hero galleries retain their section-wide presentation. */
html.hub-page.hub-design-refined .hub-page-wrapper > .container > .hub-block-card--slideshow {
    width: 100%;
    max-width: var(--hub-refined-section-width, var(--hub-refined-width)) !important;
}
/* Standard photo reels pair the card width with the media instead of leaving
 * a full-width surface around a capped photo. Explicit custom widths still
 * win, and fit/height remain authored: never crop team photos to fill a card. */
html.hub-page.hub-design-refined .hub-page-wrapper > .container > .hub-block-card--slideshow:has(> .hub-slideshow-composition[data-frame-style="simple"][data-hero-mode="standard"]:is([data-image-fit="contain"], [data-image-fit="scale-down"])) {
    --hub-slideshow-inset: clamp(1rem, 1.5vw, 1.5rem);
    padding: var(--hub-slideshow-inset) !important;
    max-width: min(100%, var(--hub-refined-section-width, var(--hub-refined-width)), var(--hub-refined-custom-section-width, calc(var(--hub-slideshow-frame-max-width, var(--hub-refined-width)) + var(--hub-slideshow-inset) + var(--hub-slideshow-inset)))) !important;
}
html.hub-page.hub-design-refined .hub-block-card--slideshow:has(> .hub-slideshow-composition[data-frame-style="simple"][data-hero-mode="standard"]) > .hub-slideshow-composition {
    width: 100%;
}
html.hub-page.hub-design-refined .hub-block-card--slideshow:has(> .hub-slideshow-composition[data-frame-style="simple"][data-hero-mode="standard"]) > .hub-slideshow-heading {
    align-items: center;
    gap: .75rem;
    padding: 0 0 .875rem;
}
html.hub-page.hub-design-refined .hub-block-card--slideshow:has(> .hub-slideshow-composition[data-frame-style="simple"][data-hero-mode="standard"]) .hub-slideshow-heading__title {
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    line-height: 1.2;
}
html.hub-page.hub-design-refined .hub-block-card--slideshow:has(> .hub-slideshow-composition[data-frame-style="simple"][data-hero-mode="standard"]) .hub-slideshow-heading__kicker {
    margin-bottom: .375rem;
}
/* A standard gallery is photography, not a second decorated card. Explicit
 * cinematic mode keeps the old framing; section backgrounds are untouched. */
html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"] {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: var(--hub-refined-radius);
}
html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"] :is(.hub-slideshow-backdrop, .hub-slideshow-vignette) {
    display: none;
}
html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"] .hub-slideshow-image {
    filter: none;
}
html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"] .carousel-inner {
    min-height: 0;
}
html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"] .hub-slideshow-control {
    background: var(--slms-surface);
    color: var(--slms-text);
    border: 1px solid var(--hub-refined-line);
    width: 44px;
    height: 44px;
    box-shadow: none;
    opacity: 1;
}
html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"] .hub-slideshow-control:hover {
    background: var(--slms-surface);
    border-color: currentColor;
    transform: translateY(-50%);
}
@media (max-width: 767.98px) {
    html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"]:not([data-height-mode="custom"]) .carousel-inner {
        height: auto !important;
        aspect-ratio: var(--hub-slideshow-ratio, 16 / 9);
        max-height: none;
    }
    html.hub-page.hub-design-refined .hub-slideshow-composition[data-frame-style="simple"][data-height-mode="custom"] .carousel-inner {
        height: var(--hub-slideshow-height) !important;
    }
}
/* Self-contained artwork and calls to action already provide their surface.
 * Only remove default outer framing; explicit saved backgrounds still win. */
html.hub-page.hub-design-refined .hub-page-wrapper :is(
    .hub-image-text-block, [data-block-type="registration_banner"],
    [data-block-type="cta"], .hub-block-card--split-cta
) {
    --hub-refined-default-background: transparent;
    --hub-refined-default-section-padding: 0;
}

/* The chosen typeface remains the league's; the scale is shared across blocks. */
html.hub-page.hub-design-refined .hub-page-wrapper :is(.hub-section-title, h2.section-title, h3.section-title),
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card--split-child .hub-section-title {
    font-family: var(--font-display, var(--slms-font-base)) !important;
    font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
    font-weight: 750 !important;
    letter-spacing: -0.035em !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    margin: 0 0 1rem !important;
    overflow-wrap: anywhere;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-section-title.mb-0 {
    margin-bottom: 0 !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-section-subtitle,
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card > p[data-setting-key="subtitle"] {
    font-size: .95rem !important;
    line-height: 1.65 !important;
    max-width: 65ch;
    color: var(--slms-muted) !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card > .d-flex:has(> .hub-section-title) {
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center !important;
}

/* One action grammar: clean silhouettes, readable labels, no ticket/glass
 * effects. Primary/secondary colors still come from the existing theme tokens. */
html.hub-page.hub-design-refined :is(.hub-page-wrapper, .hub-hero) .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 44px;
    max-width: 100%;
    padding: .7rem 1.1rem !important;
    border-radius: var(--hub-button-radius, var(--slms-button-radius, 10px)) !important;
    font-family: var(--font-display, var(--slms-font-base)) !important;
    font-size: .9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    white-space: normal;
    overflow-wrap: anywhere;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease !important;
}
html.hub-page.hub-design-refined :is(.hub-page-wrapper, .hub-hero) .btn:hover {
    box-shadow: none !important;
    transform: none !important;
}
html.hub-page.hub-design-refined .hub-hero .hub-hero-cta {
    border: 1px solid transparent !important;
    background: var(--hero-cta-solid-bg) !important;
    color: var(--hero-cta-solid-color) !important;
    clip-path: none !important;
}
html.hub-page.hub-design-refined .hub-hero :is(.hub-hero-cta--outline, .hub-hero-cta--ghost) {
    background: var(--hero-cta-outline-bg) !important;
    color: var(--hero-cta-outline-color) !important;
    border-color: var(--hub-refined-line) !important;
}
html.hub-page.hub-design-refined .hub-hero .hub-hero-cta::before,
html.hub-page.hub-design-refined .hub-hero .hub-hero-cta::after {
    display: none !important;
}
html.hub-page.hub-design-refined .hub-hero .hub-hero-cta__icon--trailing {
    width: auto;
    height: auto;
    margin: 0;
    background: transparent;
    transform: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-view-all-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    font: 650 .85rem/1.4 var(--font-display, var(--slms-font-base)) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--slms-text);
    white-space: normal;
    flex-shrink: 0;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: .25em;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-view-all-link:is(:hover, :focus-visible) {
    text-decoration-color: currentColor;
}
html.hub-page.hub-design-refined :is(.hub-page-wrapper, .hub-hero) :is(a, button, input, select, summary):focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 4px;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-section-action {
    justify-content: flex-start;
    margin-top: 1.25rem;
}

/* Hero retains image fit, focal point, alignment, overlay and authored height.
 * Simplify only chrome and type — never crop an uploaded registration poster. */
html.hub-page.hub-design-refined .hub-hero {
    box-shadow: none !important;
}
html.hub-page.hub-design-refined .hub-hero-content h1 {
    font-family: var(--font-display, var(--slms-font-heading)) !important;
    font-size: clamp(2.25rem, 4.8vw, 4.75rem);
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
    font-weight: 800 !important;
    text-transform: none !important;
    text-wrap: balance;
}
html.hub-page.hub-design-refined .hub-hero-content .lead {
    line-height: 1.6 !important;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    text-wrap: pretty;
    max-width: min(100%, 60ch) !important;
    /* Logical auto margins keep the chosen left/centre/right alignment. */
    margin-inline: auto;
    white-space: pre-line;
}
/* Opt-in composition: artwork and live text never share the same pixels.
 * Uses the content palette, not text colours intended for a photo overlay. */
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: var(--slms-surface) !important;
    color: var(--slms-text) !important;
    border: 1px solid var(--hub-refined-line);
    border-radius: var(--hub-refined-radius, var(--slms-card-radius)) !important;
    overflow: hidden;
    --hero-cta-outline-bg: transparent;
    --hero-cta-outline-color: var(--slms-text);
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"]::after {
    display: none !important;
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-artwork {
    min-width: 0;
    padding: clamp(1rem, 2.4vw, 2rem);
    align-self: center;
    overflow: hidden;
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-artwork > img {
    display: block !important;
    position: static !important;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: var(--hub-image-fit, contain);
    object-position: var(--hub-image-focus, 50% 50%);
    border-radius: var(--hub-refined-radius, var(--slms-card-radius));
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-artwork__link {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 44px;
    margin-top: .25rem;
    color: var(--slms-text);
    font: 600 .8rem/1.4 var(--slms-font-base);
    text-underline-offset: .2em;
}
@media (min-width: 992px) {
    html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-artwork:is([data-artwork-fit="contain"], [data-artwork-fit="scale-down"]) > img {
        aspect-ratio: auto;
    }
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-content {
    position: static !important;
    padding: clamp(1.5rem, 4vw, 3.5rem) !important;
    min-height: 0 !important;
    max-width: none !important;
    width: auto !important;
    color: var(--slms-text);
    background: transparent !important;
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] h1 {
    font-size: clamp(2rem, 3.6vw, 3.75rem) !important;
    margin-bottom: 1.25rem;
    color: var(--slms-heading) !important;
    text-shadow: none !important;
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .lead {
    color: var(--slms-text) !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    margin-bottom: 1.5rem;
    white-space: pre-line;
    text-shadow: none !important;
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hero-season-pill {
    background: transparent;
    border: 1px solid var(--hub-refined-line);
    color: var(--slms-text);
    margin-top: 1.5rem;
    box-shadow: none;
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hero-season-pill > * {
    color: inherit;
}
html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-content__logo {
    width: 72px;
    height: 72px;
    object-fit: contain;
    margin-bottom: 1.25rem;
}
@media (max-width: 991.98px) {
    html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] {
        grid-template-columns: minmax(0, 1fr);
    }
    html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-artwork > img {
        object-fit: var(--hub-mobile-image-fit, var(--hub-image-fit, contain));
        object-position: var(--hub-mobile-image-focus, var(--hub-image-focus, 50% 50%));
    }
    html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-artwork:is([data-mobile-artwork-fit="contain"], [data-mobile-artwork-fit="scale-down"]) > img {
        aspect-ratio: auto;
    }
    html body.public-page .public-main-container .hub-hero[data-hero-content-layout="split"] .hub-hero-content {
        padding-top: .5rem !important;
    }
}

html.hub-page.hub-design-refined .hub-hero[data-hero-alignment="left"] .lead {
    margin-inline-start: 0;
}
html.hub-page.hub-design-refined .hub-hero[data-hero-alignment="right"] .lead {
    margin-inline-end: 0;
}
html.hub-page.hub-design-refined .hub-page-wrapper :is(.hub-cta-block, .hub-registration-banner) {
    border-radius: var(--hub-refined-radius) !important;
    padding: clamp(1.5rem, 4vw, 3rem) !important;
    box-shadow: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-cta-block--image-fit {
    padding: 0 !important;
    overflow: hidden;
}
html.hub-page.hub-design-refined .hub-page-wrapper :is(.hub-cta-block, .hub-registration-banner) :is(h2, h3) {
    font-family: var(--font-display, var(--slms-font-base)) !important;
    font-size: clamp(1.5rem, 2.8vw, 2.3rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
    text-transform: none !important;
    font-weight: 750 !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-image-text-card {
    border: 1px solid var(--hub-refined-line) !important;
    border-radius: var(--hub-refined-radius) !important;
    box-shadow: none !important;
    overflow: hidden;
    transform: none !important;
}
/* Authored headings define the groups; markup, lists and all copy stay intact.
 * Do not impose columns that split a list or force a reading order on mobile. */
html body.public-page .public-main-container .hub-page-wrapper .hub-image-text-card[data-body-layout="sections"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
}
html body.public-page .public-main-container .hub-page-wrapper .hub-image-text-card[data-body-layout="sections"] .hub-image-text-card__media {
    width: 100% !important;
    flex: none !important;
    min-height: 0 !important;
    max-height: 22rem !important;
    order: 0 !important;
    border: 0 !important;
}
html body.public-page .public-main-container .hub-page-wrapper .hub-image-text-card[data-body-layout="sections"] .hub-image-text-card__media img {
    height: auto !important;
    max-height: 22rem;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    object-fit: var(--itc-image-fit, contain) !important;
    object-position: var(--hub-image-focus, 50% 50%) !important;
    transform: none !important;
}
html body.public-page .public-main-container .hub-page-wrapper .hub-image-text-card[data-body-layout="sections"] .hub-image-text-card__content {
    width: 100% !important;
    min-width: 0;
    border: 0 !important;
    order: 1 !important;
}
html body.public-page .public-main-container .hub-image-text-card__body[data-body-layout="sections"] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
    gap: 1.25rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
html body.public-page .public-main-container .hub-image-text-card__body[data-body-layout="sections"] > :not(.hub-copy-section) {
    grid-column: 1 / -1;
}
html body.public-page .public-main-container .hub-block-card--split-child .hub-image-text-card__body[data-body-layout="sections"] {
    grid-template-columns: minmax(0, 1fr);
}
html body.public-page .public-main-container .hub-image-text-card__body .hub-copy-section {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    border-radius: var(--hub-refined-radius, var(--slms-card-radius, 12px));
    background: transparent;
}
html body.public-page .public-main-container .hub-image-text-card__body .hub-copy-section > :first-child {
    margin-top: 0;
}
html body.public-page .public-main-container .hub-image-text-card__body .hub-copy-section > :last-child {
    margin-bottom: 0;
}
html body.public-page .public-main-container .hub-image-text-card__body .hub-copy-section > :is(h2, h3) {
    font-size: clamp(1.1rem, 1.8vw, 1.4rem);
    line-height: 1.35;
    margin-bottom: 1rem;
    letter-spacing: -.015em;
}
html body.public-page .public-main-container .hub-image-text-card__body .hub-copy-section :is(ul, ol) {
    padding-inline-start: 1.25rem;
    margin-block: .75rem;
}
html body.public-page .public-main-container .hub-image-text-card__body .hub-copy-section li + li {
    margin-top: .45rem;
}
/* A card can have a light content panel inside a dark site (or vice versa).
 * Secondary actions must use that panel's text color, including without JS. */
html body.public-page .public-main-container .hub-image-text-card[data-body-layout="sections"] .hub-image-text-card__btn-secondary {
    color: var(--itc-text, var(--slms-text)) !important;
    background: transparent !important;
    border-color: color-mix(in srgb, var(--itc-text, var(--slms-text)) 35%, transparent) !important;
}
html body.public-page .public-main-container .hub-image-text-card[data-body-layout="sections"] .hub-image-text-card__btn-secondary:is(:hover, :focus-visible) {
    border-color: currentColor !important;
    background: color-mix(in srgb, var(--itc-text, var(--slms-text)) 6%, transparent) !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-image-text-card:hover {
    transform: none !important;
    box-shadow: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-image-text-card__title {
    font-family: var(--font-display, var(--slms-font-base)) !important;
    font-weight: 750 !important;
    letter-spacing: -.03em !important;
    text-transform: none !important;
    line-height: 1.2 !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-image-text-card__content {
    padding: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* News has editorial hierarchy without three towering cards or photo zooms. */
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card {
    border-radius: var(--hub-refined-radius) !important;
    overflow: hidden;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card:not(.hub-news-card--list) .hub-news-card__image {
    aspect-ratio: 16 / 10 !important;
    height: auto !important;
    min-height: 0 !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card__image img {
    height: 100% !important;
    object-fit: cover;
    transform: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card__content {
    padding: 1.25rem !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card__title {
    font-family: var(--font-display, var(--slms-font-base)) !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: -.02em !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card__excerpt {
    font-size: .9rem;
    line-height: 1.6;
}
/* Reading a story is a secondary action, not another registration button. */
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card__link {
    min-height: 44px;
    padding: .5rem 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--slms-text);
    font-weight: 650;
    line-height: 1.4;
    text-underline-offset: .25em;
    transform: none;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-news-card__link:is(:hover, :focus-visible) {
    background: transparent;
    color: var(--slms-text);
    text-decoration: underline;
    transform: none;
}

/* Quiet surfaces for data; use the numbers and names as the visual anchors. */
html.hub-page.hub-design-refined .hub-page-wrapper .standings-table-wrap {
    border: 1px solid var(--hub-refined-line);
    border-radius: var(--hub-refined-radius);
    background: var(--slms-surface);
    overflow-x: auto;
}
html.hub-page.hub-design-refined .hub-page-wrapper .standings-table {
    margin: 0 !important;
    font-variant-numeric: tabular-nums;
}
html.hub-page.hub-design-refined .hub-page-wrapper .standings-table thead th {
    background: var(--hub-surface-alt) !important;
    color: var(--slms-muted) !important;
    font: 650 .72rem/1.4 var(--font-display, var(--slms-font-base)) !important;
    letter-spacing: .025em !important;
    padding: .8rem .6rem !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .standings-table tbody td {
    padding: .85rem .6rem !important;
    border-color: var(--hub-refined-line) !important;
    font-size: .875rem !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .standings-table tbody tr:last-child td {
    border-bottom: 0;
}
html.hub-page.hub-design-refined .hub-page-wrapper .standings-table td:nth-child(2) {
    min-width: 0 !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .standings-table td:nth-child(2) .fw-semibold {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
}
html.hub-page.hub-design-refined .hub-page-wrapper .match-item {
    padding: 1.1rem !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .match-team-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    line-height: 1.4;
}
html.hub-page.hub-design-refined .hub-page-wrapper :is(.leaderboard-featured-stat, .leaderboard-row-stat) {
    font-family: var(--font-display, var(--slms-font-base)) !important;
    font-weight: 750 !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.035em !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .leaderboard-featured-stat {
    font-size: 2rem !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .leaderboard-header {
    border-color: var(--hub-refined-line) !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-profile-card {
    padding: 1.1rem;
    border-color: var(--hub-refined-line) !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-team-card:focus-within {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-profile-card__name {
    font-family: var(--font-display, var(--slms-font-base)) !important;
    line-height: 1.4;
    font-size: 1rem;
    letter-spacing: -.02em;
    text-transform: none;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-profile-chip {
    background: var(--hub-surface-alt);
    border: 0;
    color: var(--slms-muted);
    font-size: .75rem;
}

/* Feature panels and galleries belong to the same page, without extra frames. */
html.hub-page.hub-design-refined .hub-page-wrapper .hub-feature-card,
html.hub-page.hub-design-refined .hub-page-wrapper .hub-feature-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: var(--hub-refined-line) !important;
    padding: 1.5rem !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-feature-icon {
    /* Retain the existing paired glyph/background colors. Lightening only the
       background can make a league's white icons disappear. */
    width: 44px;
    height: 44px;
    border-radius: 10px;
    box-shadow: none !important;
    transform: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-cta-block p {
    color: inherit !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-feature-card::before {
    display: none;
}
html.hub-page.hub-design-refined .hub-page-wrapper :is(.hub-feature-title, .hub-feature-card__title) {
    font-family: var(--font-display, var(--slms-font-base)) !important;
    font-size: 1.05rem !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: -.02em !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-gallery-block--framed .hub-section-title {
    max-width: none !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .gallery-item {
    border: 0 !important;
    border-radius: var(--hub-refined-radius) !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .gallery-grid.single-image {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card > p[role="status"] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: .95rem;
    line-height: 1.6;
}
html.hub-page.hub-design-refined .hub-page-wrapper .hub-block-card:has(> p[role="status"]:not([hidden])) .hub-section-title {
    font-size: 1.2rem !important;
    margin-bottom: .65rem !important;
}
@media (max-width: 767.98px) {
    html.hub-page.hub-design-refined .hub-page-wrapper > .container {
        gap: 2rem;
        padding-block: 2rem !important;
        padding-inline: 0 !important;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .standings-table {
        min-width: 0 !important;
        width: 100% !important;
        table-layout: fixed;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .standings-table thead th {
        width: auto !important;
        padding: .7rem .2rem !important;
        font-size: .63rem !important;
        white-space: nowrap;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .standings-table th:first-child {
        width: 1.5rem !important;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .standings-table th:nth-child(2) {
        width: 40% !important;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .standings-table tbody td {
        padding: .75rem .2rem !important;
        font-size: .72rem !important;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .standings-table td:nth-child(2) .d-flex {
        gap: .4rem !important;
        min-width: 0;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .standings-table td:nth-child(2) :is(img, .d-flex > div) {
        flex-shrink: 0;
    }
    html.hub-page.hub-design-refined .hub-page-wrapper .hub-profile-card {
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.hub-page.hub-design-refined :is(.hub-page-wrapper, .hub-hero) *,
    html.hub-page.hub-design-refined :is(.hub-page-wrapper, .hub-hero) *::before,
    html.hub-page.hub-design-refined :is(.hub-page-wrapper, .hub-hero) *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
    html.hub-page.hub-design-refined :is(.hub-animate, .hub-block-anim) {
        opacity: 1 !important;
        transform: none !important;
    }
}