/* Story links live on their titles or cards. Use one baseline for text beside media. */
body.tsp-home-v3 .v3-section-head h2 > a { color: inherit; }

body.tsp-home-v3 main#tsp-stories.v3-page .v3-opening-primary > [data-tsp-game-strip] {
    min-width: 0;
    margin-bottom: 0;
}
.tsp-redesign-pitching {
    padding: 12px 16px;
    margin: 12px 0;
    border: 1px solid #dce2e6;
    border-radius: 8px;
    background: #fff;
    color: #17242b;
}
.tsp-redesign-pitching h2 { font-size: 18px; margin: 0; }
.tsp-redesign-pitching p { margin: 4px 0 0; font-size: 13px; }

/* Home keeps one primary navigation row. Open panels overlay the page. */
@media (min-width: 761px) {
    html body .tsp-nav.tsp-nav-compact {
        --tsp-nav-surface: #101010;
        --tsp-nav-ink: #f6f6f6;
        --tsp-nav-yellow: #ffe600;
        --tsp-nav-accent: var(--tsp-nav-yellow);
        --tsp-nav-rule: #383838;
        --tsp-nav-hover: #2a2922;
        background: var(--tsp-nav-surface) !important;
        border-block: 1px solid var(--tsp-nav-rule) !important;
    }
    html body.tsp-editorial-navigation:has(> #tsp-mobile-masthead) .tsp-nav.tsp-nav-compact > .tsp-nav-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: calc(100% - 48px) !important;
        max-width: 1392px !important;
        min-height: 44px !important;
        padding: 0 !important;
    }
    html body.tsp-editorial-navigation:has(> #tsp-mobile-masthead) .tsp-nav.tsp-nav-compact .tsp-links {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: visible !important;
    }
    html body.tsp-editorial-navigation:has(> #tsp-mobile-masthead) .tsp-nav.tsp-nav-compact .nav-editorial {
        margin-inline-start: auto !important;
    }
    html body .tsp-nav.tsp-nav-compact .nav-editorial > [data-tsp-sports-nav="desks"] {
        --tsp-nav-ink: #101010;
        --tsp-nav-accent: var(--tsp-nav-ink);
        --tsp-nav-hover: #ffdf00;
        padding-inline: 4px !important;
        background: var(--tsp-nav-yellow) !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .nav-editorial > [data-tsp-sports-nav="desks"] > a {
        font-weight: 800 !important;
    }
    .tsp-nav-compact .nav-business-full {
        display: none;
    }
    html body .tsp-nav.tsp-nav-compact .nav-editorial::before {
        content: none;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-links > a,
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-links > span > a {
        min-height: 44px !important;
        padding: 0 8px !important;
        color: var(--tsp-nav-ink) !important;
        font-size: 12px !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-links > span > a {
        padding-right: 2px !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact :is(.tsp-links > a, .tsp-links > span > a):hover,
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-links > span > button:hover {
        background: var(--tsp-nav-hover) !important;
        color: var(--tsp-nav-ink) !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-links > a[aria-current="page"] {
        color: var(--tsp-nav-accent) !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .nav-editorial > a {
        box-shadow: inset 1px 0 var(--tsp-nav-rule) !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact :is(.tsp-links > a, .tsp-links > span > a)::after {
        content: none;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-links > a[aria-current="page"] {
        box-shadow: inset 0 -2px #ffe600 !important;
    }
    html body .tsp-nav.tsp-nav-compact .tsp-links > span > button {
        width: 24px;
        min-width: 24px;
        min-height: 44px;
        padding-inline: 0;
        color: var(--tsp-nav-accent);
    }
    html body .tsp-nav.tsp-nav-compact .tsp-links > span > button:focus-visible,
    html body .tsp-nav.tsp-nav-compact :is(.tsp-links > a, .tsp-links > span > a):focus-visible {
        outline: 2px solid var(--tsp-nav-accent) !important;
        outline-offset: -3px !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-sports-menu:not([hidden]) a {
        min-height: 38px !important;
        justify-content: flex-start !important;
        padding: 8px 10px !important;
        color: #17242b !important;
        white-space: normal !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-sports-menu:not([hidden]) a:hover,
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-sports-menu:not([hidden]) a:focus-visible {
        background: #f1f3f4 !important;
        color: #17242b !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-sports-menu:not([hidden]) a::after {
        content: none;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact #tsp-departments #tsp-more-destinations .tsp-nav-overflow {
        display: none !important;
    }
    body.tsp-home-v3:has(.tsp-nav-compact) .v3-edition {
        padding-block: 4px 6px;
    }
}
@media (min-width: 1040px) {
    .tsp-nav-compact .nav-business-full {
        display: inline;
    }
    .tsp-nav-compact .nav-business-short {
        display: none;
    }
}
@media (min-width: 1400px) {
    body.tsp-home-v3:has(.tsp-nav-compact) .v3-site-layout {
        margin-top: 6px;
    }
}
@media (min-width: 761px) and (max-width: 1219px) {
    html body.tsp-editorial-navigation:has(> #tsp-mobile-masthead) .tsp-nav.tsp-nav-compact > .tsp-nav-inner { width: calc(100% - 24px) !important; }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact :is(.tsp-links > a, .tsp-links > span > a) {
        padding-left: 6px !important;
    }
}
@media (min-width: 761px) and (max-width: 983px) {
    html body .tsp-nav.tsp-nav-compact #tsp-departments:has([data-tsp-sports-nav="more"] > button:not([hidden])) > :is(.tsp-boxing-nav, [data-tsp-sports-nav="tennis"]) {
        display: none !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact #tsp-departments #tsp-more-destinations .tsp-nav-overflow {
        display: block !important;
    }
}
@media (min-width: 761px) and (max-width: 879px) {
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact :is(.tsp-links > a, .tsp-links > span > a) {
        padding-left: 3px !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact .tsp-links > a {
        padding-right: 5px !important;
    }
}
@media (min-width: 761px) and (max-width: 819px) {
    html body.tsp-editorial-navigation:has(> #tsp-mobile-masthead) .tsp-nav.tsp-nav-compact > .tsp-nav-inner {
        width: calc(100% - 16px) !important;
        gap: 4px !important;
    }
    html body .tsp-nav.tsp-nav-compact .nav-editorial > [data-tsp-sports-nav="desks"] {
        padding-inline: 0 !important;
    }
    html body.tsp-editorial-navigation .tsp-nav.tsp-nav-compact :is(.tsp-links > a, .tsp-links > span > a) {
        font-size: 11px !important;
    }
}

/* Size the wide Home lead against the published headlines. */
@media (min-width: 1100px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-opening:has(> .v3-latest):has(.v3-lead-photo) {
        align-items: stretch;
    }

    body.tsp-home-v3 #tsp-stories.v3-page .v3-opening:has(.v3-lead-photo) > .v3-latest {
        align-self: start;
    }

    body.tsp-home-v3 #tsp-stories.v3-page .v3-opening:has(> .v3-latest) article.v3-lead:has(> .v3-lead-photo) {
        display: grid !important;
        flex: 1;
        grid-template-rows: minmax(200px, 1fr) auto;
    }

    body.tsp-home-v3 #tsp-stories.v3-page .v3-opening:has(> .v3-latest) .v3-lead > .v3-lead-photo {
        align-self: stretch;
        aspect-ratio: auto;
    }

    body.tsp-home-v3 #tsp-stories.v3-page .v3-opening:has(> .v3-latest) .v3-lead-photo .tsp-lead-image {
        object-fit: cover !important;
        object-position: 50% 32%;
    }
}

@media (max-width: 760px) {
    body.tsp-home-v3.tsp-homepage main#tsp-stories.v3-page :is(.v3-opening, .v3-opening-primary) { gap: 8px !important; }
    body.tsp-home-v3 main#tsp-stories.v3-page .v3-opening > .v3-opening-primary { align-self: stretch; }
    body.tsp-home-v3.tsp-homepage .v3-site-layout > .v3-quick-links { display: none !important; }
    body.tsp-home-v3 main#tsp-stories.v3-page .v3-lead > .v3-lead-copy { padding: 12px 16px 14px; }
    body.tsp-home-v3 main#tsp-stories.v3-page .v3-lead-copy h1 {
        font-size: clamp(24px, 6.5vw, 30px);
        line-height: 1.15;
        overflow-wrap: anywhere;
    }
    body.tsp-home-v3 main#tsp-stories.v3-page .v3-band { padding: 12px; margin-top: 8px; }

    body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-heading { padding-block: 0 10px; margin-bottom: 8px; }
    body.tsp-homepage.tsp-department.tsp-league-newsroom main#tsp-stories .tsp-league-front { gap: 8px !important; }
    body.tsp-homepage.tsp-department.tsp-league-newsroom main#tsp-stories .tsp-lead:not(.tsp-section-live) .tsp-lead-copy {
        padding: 12px 14px 14px !important;
    }
    :root[data-typeface="clean"] body.tsp-homepage.tsp-department.tsp-league-newsroom main#tsp-stories .tsp-lead:not(.tsp-section-live) h2 {
        margin: 0 0 4px !important;
        line-height: 1.16 !important;
        overflow-wrap: anywhere;
    }
    body.tsp-homepage.tsp-department.tsp-league-newsroom main#tsp-stories .tsp-lead:not(.tsp-section-live) .tsp-deck {
        margin: 0 !important;
        line-height: 1.42 !important;
    }
    body.tsp-homepage.tsp-department.tsp-league-newsroom main#tsp-stories .tsp-league-headlines {
        padding: 12px 14px 4px !important;
    }
    body.tsp-homepage.tsp-department.tsp-league-newsroom main#tsp-stories .tsp-league-headlines .tsp-headline-link {
        min-height: 44px;
        padding: 7px 0 !important;
    }
    body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-supports { gap: 8px !important; }
    body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-supports .tsp-department-card > a {
        display: grid !important;
        grid-template-columns: clamp(80px, 27vw, 106px) minmax(0, 1fr) !important;
        gap: 10px !important;
        height: auto !important;
        align-items: start !important;
        padding: 9px !important;
    }
    body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-supports .tsp-department-media {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
    }
    body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-supports .tsp-department-media img {
        width: 100% !important;
        height: auto !important;
        max-height: 90px;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: left top;
    }
    body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-supports .tsp-department-copy {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: left;
    }
    :root[data-typeface="clean"] body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-supports .tsp-department-copy h3 {
        margin: 0 !important;
        font: 750 15px/1.28 'TSP Inter', Arial, sans-serif !important;
        overflow-wrap: anywhere;
    }
    body.tsp-homepage.tsp-department main#tsp-stories .tsp-department-supports .tsp-department-copy > p:not(.tsp-photo-credit) {
        margin: 4px 0 0 !important;
        font: 400 12px/1.38 'TSP Inter', Arial, sans-serif !important;
    }
}

/* Home cards use one cover frame and separate primary and secondary text styles. */
body.tsp-home-v3 #tsp-stories.v3-page {
    --v3-cover-ratio: 3 / 2;
    --v3-thumb-width: 84px;
    --v3-brand-red: #ac261b;
    --v3-brand-cream: #fff7e8;
    --v3-brand-ink: #241a17;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-cover {
    position: relative;
    display: block !important;
    width: 100%;
    min-width: 0;
    aspect-ratio: var(--v3-cover-ratio);
    align-self: start;
    order: 0 !important;
    grid-area: auto;
    overflow: hidden;
    border-radius: 4px;
    background: #edf0f2;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-cover img {
    display: block !important;
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border-radius: 0;
    object-fit: contain !important;
    object-position: center;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band { display: block; }
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-primary.v3-story-primary {
    display: grid !important;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: clamp(12px, 2vw, 22px);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-primary:not(:has(> .v3-story-cover)) {
    grid-template-columns: minmax(0, 1fr);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-copy {
    min-width: 0;
    grid-area: auto;
    overflow-wrap: anywhere;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-copy.v3-story-copy { padding: 0 !important; }
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-copy :is(h2, h3) {
    font-size: clamp(19px, 2vw, 25px);
    line-height: 1.22;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-copy > .v3-story-deck {
    margin: 7px 0 0;
    color: #52616b;
    font-size: 13px;
    line-height: 1.5;
}
body.tsp-home-v3 #tsp-stories.v3-page :is(.v3-band-related, .v3-business-related, .v3-fantasy-related) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
    gap: 0 16px;
    padding-top: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-related {
    margin-top: 12px !important;
    border: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-secondary {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #82929e42;
    border-radius: 0;
    background: none;
    box-shadow: none;
    overflow: visible;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-secondary > a {
    display: grid;
    grid-template-columns: var(--v3-thumb-width) minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-height: 44px;
    padding: 9px 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-secondary > a:not(:has(> .v3-story-cover)) {
    grid-template-columns: minmax(0, 1fr);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-secondary .v3-related-copy {
    min-width: 0;
    padding: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-story-secondary h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 1.32;
    overflow-wrap: anywhere;
}
body.tsp-home-v3 #tsp-stories.v3-page :is(#home-college-basketball-men, #home-college-basketball-women) .v3-band-related .v3-story-cover img {
    object-fit: cover !important;
    object-position: center 27%;
}

/* The Business desk pairs with the Ratings header and keeps its own editorial hierarchy. */
body.tsp-home-v3 #tsp-stories.v3-page .v3-business.v3-panel {
    --v3-business-inset: 16px;
    padding: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-mast {
    min-height: 48px;
    margin: 0;
    border-radius: 10px 10px 0 0;
    background: var(--tsp-business-band, #101010);
}
:root[data-typeface="clean"] body.tsp-home-v3 #tsp-stories.v3-page .v3-business-mast h2 {
    width: 100%;
    margin: 0;
    font: 750 clamp(16px, 1.45vw, 20px)/1.2 'TSP Inter', Arial, sans-serif;
    letter-spacing: -.02em;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-mast a {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    padding-inline: var(--v3-business-inset);
    border-radius: 10px 10px 0 0;
    color: var(--tsp-business-band-ink, #fff7e8);
    font: inherit;
    text-decoration: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-mast a img {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    object-fit: contain;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-mast a:hover {
    background: #fff7e81c;
    text-decoration: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-mast a:focus-visible {
    outline: 2px solid var(--v3-brand-cream);
    outline-offset: -4px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-news {
    padding: 14px var(--v3-business-inset) 8px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-primary .v3-story-copy h3 {
    font-size: clamp(21px, 2.1vw, 26px);
    line-height: 1.17;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-news > .v3-business-related:first-child { margin-top: 0 !important; }
body.tsp-home-v3 #tsp-stories.v3-page .v3-business .v3-business-related {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
    gap: 12px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-related .v3-story-secondary > a {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-related .v3-story-cover {
    aspect-ratio: 16 / 9;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-business-related .v3-story-cover img {
    object-fit: cover !important;
}
@media (min-width: 761px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-business.v3-panel {
        display: flex;
        flex-direction: column;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-business-news {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding-bottom: 12px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-business-ratings .v3-business-primary:has(> .v3-story-cover) {
        flex: 1;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(clamp(165px, 18vw, 225px), 1fr) auto;
        gap: 10px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-business-primary > .v3-story-cover {
        height: 100%;
        aspect-ratio: auto;
        align-self: stretch;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-business-primary > .v3-story-cover img {
        object-fit: cover !important;
        object-position: center 60%;
    }
}
@media (max-width: 760px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-business .v3-business-related {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Hang the archive photographs in matching instant-print frames. */
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-promotion {
    grid-template-columns: minmax(0, 1fr);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history.v3-panel {
    border: 1px solid #5c3a2e;
    border-top: 3px solid #a44e36;
    background: repeating-linear-gradient(117deg, #fff5df08 0 1px, transparent 1px 5px), #362720;
    color: var(--v3-brand-cream);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history .v3-section-head {
    margin-bottom: 18px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history .v3-section-head h2 {
    font: 700 clamp(25px, 3vw, 34px)/1 Georgia, serif;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history .v3-section-head h2 > a {
    font-family: Georgia, serif;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card {
    position: relative;
    min-width: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card::before {
    position: absolute;
    z-index: 1;
    top: -6px;
    left: 50%;
    width: clamp(32px, 4vw, 54px);
    height: 12px;
    background: #d5b98bc9;
    content: "";
    pointer-events: none;
    transform: translateX(-50%) rotate(-4deg);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card:nth-child(even)::before {
    transform: translateX(-50%) rotate(4deg);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card > a {
    display: grid;
    align-content: start;
    height: 100%;
    gap: 9px;
    padding: clamp(7px, .8vw, 12px) clamp(7px, .8vw, 12px) clamp(12px, 1.3vw, 19px);
    background: #f6ecda;
    color: #33251e;
    box-shadow: 0 2px 5px #170f0a70;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card > a:hover {
    background: #fff7e8;
    text-decoration: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card .v3-story-cover {
    aspect-ratio: 5 / 4;
    border-radius: 1px;
    background: #392d29;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card .v3-story-cover img {
    object-fit: cover !important;
    object-position: center 35%;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history-card h3 {
    font: 700 clamp(14px, 1.4vw, 20px)/1.22 Georgia, serif;
    overflow-wrap: anywhere;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-history a:focus-visible {
    outline: 2px solid var(--v3-brand-cream);
    outline-offset: 3px;
}
@media (min-width: 761px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-history-rail {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(12px, 1.45vw, 21px);
    }
}

body.tsp-home-v3 #tsp-stories.v3-page .v3-closing-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0 12px;
    margin-bottom: 8px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-closing-heading > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--v3-brand-red);
    font-weight: 800;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-more-grid {
    display: grid;
    gap: 0 14px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 165px), 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-more-grid li > a {
    display: block;
    min-height: 44px;
    padding: 9px 0;
    border-top: 1px solid #d3d9dd;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.32;
}
@media (max-width: 760px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-more-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    body.tsp-home-v3 #tsp-stories.v3-page :is(.v3-band[id], #home-college-basketball, #home-history, #more-stories, #home-other) {
        scroll-margin-top: 52px;
    }
}

/* Featured stories have their own larger cover treatment and a text-only fallback. */
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    gap: 12px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid .v3-story-secondary {
    border: 1px solid #dce3e7;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid .v3-story-secondary > a {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
    padding: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid .v3-story-cover {
    aspect-ratio: 16 / 9;
    border-radius: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid .v3-story-cover img {
    object-fit: cover !important;
    object-position: center var(--v3-featured-focus, 50%);
}
/* Keep the ball, basket and Erving’s face, and keep Rybakina’s full trophy in frame. */
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid [data-post-id="4102968"] { --v3-featured-focus: 8%; }
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid [data-post-id="3102748"] { --v3-featured-focus: 20%; }
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid .v3-related-copy {
    padding: 11px 13px 13px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid h3 {
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 1.24;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid a:focus-visible { outline-offset: -3px; }

/* Keep the lead and companion stories together as one compact package. */
body.tsp-home-v3 #tsp-stories.v3-page .v3-band > .v3-section-head {
    margin-bottom: 10px;
    padding-bottom: 9px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-editorial {
    display: grid;
    gap: 9px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-articles { min-width: 0; }
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-articles .v3-band-primary { display: block !important; }
body.tsp-home-v3 #tsp-stories.v3-page .v3-band .v3-band-photo {
    min-height: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band .v3-band-related {
    margin-top: 6px !important;
    border: 0;
    padding-top: 0;
    gap: 0 12px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-related .v3-story-secondary > a {
    padding-block: 6px;
}
/* The league story package and its native score surface are independent panels. */
body.tsp-home-v3 #tsp-stories.v3-page .v3-band.v3-league-band {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-league-stories {
    min-width: 0;
    padding: clamp(12px, 1.4vw, 18px);
    border: 1px solid #dce3e7;
    border-radius: 9px;
    background: #fff;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-league-stories > .v3-section-head {
    margin: 0 0 12px;
    padding: 0 0 8px;
    border-bottom: 1px solid #dce3e7;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-league-band > :is([data-hs-league-section], [data-cf-surface="home-band"], [data-score-home-band]) {
    min-width: 0;
    margin: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-college-basketball-area,
body.tsp-home-v3 #tsp-stories.v3-page .v3-college-basketball-area + .v3-paired-bands {
    margin-top: clamp(10px, 1.3vw, 20px);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-college-basketball-area {
    display: grid;
    gap: clamp(10px, 1.3vw, 20px);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-college-basketball-area > .v3-band {
    margin: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-league-band > [data-cf-surface="home-band"] {
    border: 1px solid #e4e8eb;
    border-radius: 8px;
}
@media (min-width: 761px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-league-band:has(> :is([data-hs-league-section], [data-cf-surface="home-band"], .v3-league-stories + [data-score-home-band])) {
        grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
        gap: clamp(12px, 1.6vw, 20px);
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-womens-basketball-pair {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(12px, 1.6vw, 20px);
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-womens-basketball-pair > .v3-band {
        align-items: stretch;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-unrivaled :is(.v3-league-stories, .v3-band-editorial, .v3-band-articles) {
        display: grid;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-unrivaled .v3-league-stories {
        grid-template-rows: auto 1fr;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-unrivaled .v3-band-related {
        grid-auto-rows: 1fr;
    }
}
@media (min-width: 761px) and (max-width: 1023px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-league-band .v3-band-editorial:has(> .v3-band-photo) {
        grid-template-columns: minmax(0, 1fr);
    }
}

body.tsp-home-v3 #tsp-stories.v3-page .v3-jump {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 13px;
    margin-top: 13px;
    padding: 0 12px;
    border: 0;
    background: var(--v3-brand-red);
    color: var(--v3-brand-cream);
    overflow-x: auto;
    scrollbar-width: none;
    font-size: 11px;
    line-height: 1.2;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-jump strong {
    color: inherit;
    padding-inline-end: 11px;
    border-inline-end: 1px solid #fff7e880;
    font-size: 9px;
    letter-spacing: .045em;
    white-space: nowrap;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-jump a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    white-space: nowrap;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-jump a:focus-visible {
    outline: 2px solid var(--v3-brand-cream);
    outline-offset: -2px;
}

body.tsp-home-v3 #tsp-stories.v3-page .v3-fantasy { margin-top: 12px; }

body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming {
    align-self: start;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce3e7;
    border-radius: 8px;
    background: #fff;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 12px;
    min-height: 44px;
    padding-inline: 12px;
    border-bottom: 1px solid #dce3e7;
    background: #171717;
    color: #ffe600;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming h3 {
    font-size: 15px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming-guides {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming-guides a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-inline: 10px;
    border: 6px solid transparent;
    border-radius: 10px;
    background: #ffe600 padding-box;
    color: #171717;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming-guides a:hover {
    background-color: #fff196;
    text-decoration: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming-guides a:focus-visible {
    outline: 2px solid #fff196;
    outline-offset: -4px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming ul {
    margin: 0;
    padding: 0 12px;
    list-style: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming li + li {
    border-top: 1px solid #dde5e9;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming li > a {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: baseline;
    gap: 8px;
    min-height: 44px;
    padding-block: 7px;
    font-size: 13px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming-date {
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    color: #353739;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-sport-upcoming-location {
    display: block;
    margin-top: 2px;
    color: #50616c;
    font-size: 12px;
}

body.tsp-home-v3 #tsp-stories.v3-page .v3-band.v3-home-tv-guide {
    display: grid;
    grid-template-columns: minmax(180px, 27%) minmax(0, 1fr);
    padding: 0;
    overflow: hidden;
    border: 1px solid #e5cdbb;
    border-radius: 8px;
    background: var(--v3-brand-cream);
    scroll-margin-top: 52px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 16px clamp(16px, 2vw, 24px);
    border-inline-start: 5px solid #e74726;
    background: var(--v3-brand-red);
    color: var(--v3-brand-cream);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast :is(p, span) {
    color: inherit;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast h2 > a {
    color: inherit;
    font: italic 900 clamp(35px, 3.5vw, 52px)/1 'TSP Home Inter', Arial, sans-serif;
    letter-spacing: -.04em;
    text-transform: uppercase;
    text-wrap: balance;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast a:focus-visible {
    outline: 2px solid var(--v3-brand-cream);
    outline-offset: 2px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-listings {
    display: grid;
    align-content: center;
    gap: 11px;
    padding: 12px clamp(13px, 1.7vw, 20px);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-tv-guide-intro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 12px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-tv-guide-intro h3 {
    font-size: clamp(17px, 1.5vw, 22px);
    color: var(--v3-brand-ink);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-listings p {
    margin-top: 3px;
    color: #5b4136;
    font-size: 13px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-tv-guide-browse {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-inline: 12px;
    border-radius: 4px;
    background: var(--v3-brand-red);
    color: var(--v3-brand-cream);
    font-size: 12px;
    font-weight: 800;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-listings ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 108px), 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e5cdbb;
    border-radius: 4px;
    background: #e5cdbb;
    list-style: none;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-listings li > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 4px 12px;
    background: #fffdf8;
    color: var(--v3-brand-red);
    font-size: 13px;
    font-weight: 750;
    overflow-wrap: anywhere;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-listings li > a:hover {
    background: #f9e7d8;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-listings li > a:focus-visible {
    outline-offset: -3px;
}
@media (max-width: 760px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band.v3-home-tv-guide {
        grid-template-columns: minmax(0, 1fr);
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: baseline;
        column-gap: 9px;
        padding-block: 12px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast h2 {
        grid-column: 1 / -1;
        grid-row: 2;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast h2 > a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-mast span {
        grid-column: 2;
        grid-row: 1;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-tv-guide-browse {
        display: none;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-home-tv-guide-listings ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 761px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-editorial:has(> .v3-band-photo) {
        grid-template-columns: min(40%, 320px) minmax(0, 1fr);
        gap: 16px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page :is(.v3-fantasy, .v3-promotion) .v3-story-deck {
        color: #c7d5dc;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-fantasy:has(> .v3-fantasy-photo) {
        display: grid;
        grid-template-columns: min(40%, 320px) minmax(0, 1fr);
        grid-template-rows: auto auto 1fr;
        margin-top: 20px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-fantasy > header { grid-column: 1 / -1; }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-fantasy > .v3-fantasy-photo {
        grid-column: 1;
        grid-row: 2 / span 2;
        align-self: center;
        margin: 12px 0 12px 12px;
        width: calc(100% - 12px);
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-fantasy-photo ~ :is(.v3-fantasy-copy, .v3-fantasy-related) {
        grid-column: 2;
    }
}
@media (max-width: 760px) {
    body.tsp-home-v3 #tsp-stories.v3-page {
        --v3-thumb-width: 78px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-business-primary.v3-story-primary {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-featured-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    body.tsp-home-v3 #tsp-stories.v3-page :is(#home-featured, #tsp-business-promo-heading) { scroll-margin-top: 52px; }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-jump a { min-height: 44px; }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-jump a:last-child { padding-right: 12px; }
    body.tsp-home-v3 #tsp-stories.v3-page :is(.v3-band-related, .v3-business-related, .v3-fantasy-related, .v3-featured-grid) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* The paired desks share a row on desktop and use the full width on phones. */
body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-bands {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-sport {
    display: grid;
    gap: 10px;
    min-width: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-sport > .v3-band {
    min-width: 0;
    margin-top: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-bands :is(.v3-band-tennis, .v3-band-boxing) .v3-band-editorial:has(> .v3-band-photo) {
    grid-template-columns: minmax(0, 1fr);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-bands :is(.v3-band-tennis, .v3-band-boxing) .v3-band-photo img {
    height: auto;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-boxing .v3-band-photo img {
    object-fit: cover !important;
    object-position: 50% 44%;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-mlb:not(.v3-band-compact) {
    border-top: 3px solid #35566e;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-mlb:not(.v3-band-compact) .v3-band-copy h3 {
    font-size: clamp(23px, 2.4vw, 30px);
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-unrivaled .v3-band-related {
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 0 !important;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-womens-basketball-pair .v3-section-head {
    min-height: 34px;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-unrivaled-heading h2 > a {
    display: flex;
    align-items: center;
    min-height: 25px;
    padding-inline: 7px;
    border-radius: 3px;
    background: #141414;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-unrivaled .v3-band-related article > a {
    height: 100%;
    min-height: 38px;
    align-items: center;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-band-unrivaled .v3-band-related article:first-child {
    border-top: 0;
}
body.tsp-home-v3 #tsp-stories.v3-page .v3-unrivaled-wordmark {
    display: block;
    width: clamp(107px, 10vw, 126px);
    height: auto;
}
@media (max-width: 760px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-unrivaled-heading {
        position: relative;
        min-height: 44px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-unrivaled-heading a::before {
        position: absolute;
        inset: 0;
        content: "";
    }
}
@media (min-width: 761px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-mlb:not(.v3-band-compact) .v3-band-editorial:has(> .v3-band-photo) {
        grid-template-columns: min(40%, 420px) minmax(0, 1fr);
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-mlb:not(.v3-band-compact) .v3-band-editorial:has(> .v3-band-photo) .v3-band-related {
        grid-template-columns: minmax(0, 1fr) !important;
        margin-top: 10px;
    }
}
@media (min-width: 960px) {
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-bands {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: clamp(10px, 1.3vw, 18px);
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-sport {
        grid-row: span 4;
        grid-template-rows: subgrid;
        align-self: stretch;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-sport > .v3-band {
        display: grid;
        grid-row: span 3;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: subgrid;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-sport .v3-band-editorial {
        grid-row: span 2;
        grid-template-rows: subgrid;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-sport .v3-band-articles {
        display: contents;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-sport .v3-band-related {
        grid-row: 2;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-mlb .v3-band-photo {
        min-height: 170px;
        height: auto;
        aspect-ratio: auto;
        align-self: stretch;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-mlb .v3-band-photo img {
        object-fit: cover !important;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-band-mlb .v3-band-related article:last-child > a {
        padding-bottom: 0;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-bands :is(.v3-band-tennis, .v3-band-boxing) .v3-band-editorial:has(> .v3-band-photo) {
        grid-template-columns: min(39%, 215px) minmax(0, 1fr);
        gap: 10px 13px;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-bands :is(.v3-band-tennis, .v3-band-boxing) .v3-band-editorial:has(> .v3-band-photo) > .v3-band-articles {
        display: contents;
    }
    body.tsp-home-v3 #tsp-stories.v3-page .v3-paired-bands :is(.v3-band-tennis, .v3-band-boxing) .v3-band-related {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 10px;
    }
}

/* Title-only Home packages keep their companions beside the cover on wide screens. */
@media (min-width: 1024px) {
    body.tsp-home-v3 #tsp-stories.v3-page :is(.v3-band-nfl, .v3-band-nba, .v3-band-nhl, .v3-band-epl, .v3-band-college-football, .v3-band-college-basketball-men, .v3-band-college-basketball-women) .v3-band-editorial:has(> .v3-band-photo) .v3-band-related {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    body.tsp-home-v3 #tsp-stories.v3-page :is(.v3-band-nfl, .v3-band-nba, .v3-band-nhl, .v3-band-epl, .v3-band-college-football, .v3-band-college-basketball-men, .v3-band-college-basketball-women) .v3-band-editorial > .v3-band-photo img {
        object-fit: cover !important;
    }
}

/* Section fronts share Home's editorial cards without restyling tools or archives. */
body.tsp-homepage.tsp-editorial-front {
    --tsp-front-paper: #fff;
    --tsp-front-page: #edf0f2;
    --tsp-front-ink: #17242b;
    --tsp-front-rule: #dce3e7;
    --tsp-front-cream: #fff7e8;
    --tsp-front-red: #ac261b;
    --tsp-front-radius: 10px;
    background: var(--tsp-front-page);
}
body.tsp-homepage.tsp-department.tsp-editorial-front main.tsp-department-main#tsp-stories {
    box-sizing: border-box;
    width: 100%;
    max-width: 1248px !important;
    padding: 18px 26px 42px;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories > .tsp-department-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 14px;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border: 0;
    border-bottom: 1px solid var(--tsp-front-rule);
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-department-heading h1 {
    margin: 0;
    font-size: clamp(25px, 3vw, 38px);
    line-height: 1.14;
    font-weight: 850;
    letter-spacing: -.045em;
    text-transform: none;
    overflow-wrap: anywhere;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-department-heading .tsp-section-all {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid var(--tsp-front-rule);
    border-radius: 5px;
    background: var(--tsp-front-paper);
    color: var(--tsp-front-ink);
    font-weight: 750;
    text-decoration: none;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-department-heading .tsp-section-all:hover {
    background: var(--tsp-front-cream);
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: none;
    gap: clamp(12px, 1.6vw, 20px) !important;
    align-items: start !important;
    min-width: 0;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening > * {
    grid-area: auto;
    min-width: 0;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-lead {
    align-self: stretch;
    margin: 0;
    border: 1px solid var(--tsp-front-rule) !important;
    border-radius: var(--tsp-front-radius) !important;
    background: var(--tsp-front-paper);
    color: var(--tsp-front-ink);
    overflow: hidden;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-lead > .tsp-lead-link {
    display: block !important;
    position: static;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-lead .tsp-lead-media {
    background: var(--tsp-front-page);
    aspect-ratio: 16 / 9 !important;
    position: relative;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-lead .tsp-lead-media img.tsp-lead-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    position: absolute !important;
    inset: 0;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-lead .tsp-lead-copy {
    box-sizing: border-box;
    padding: clamp(13px, 1.6vw, 20px) !important;
    border: 0 !important;
}
:root[data-typeface="clean"] body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-lead .tsp-lead-copy h2 {
    margin: 0 !important;
    font: 850 clamp(24px, 2.45vw, 35px)/1.13 'TSP Inter', Inter, Arial, sans-serif !important;
    letter-spacing: -.047em;
    overflow-wrap: anywhere;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-lead > a:hover h2,
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-card > a:hover h3 {
    color: var(--tsp-front-red) !important;
    text-decoration: none;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening > .tsp-league-headlines {
    box-sizing: border-box;
    border: 1px solid var(--tsp-front-rule) !important;
    border-radius: var(--tsp-front-radius);
    padding: 14px 16px 4px !important;
    background: var(--tsp-front-paper);
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening .tsp-headline-link {
    min-height: 44px !important;
    padding: 8px 0 !important;
    text-decoration: none;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening .tsp-headline-link:hover {
    background: #f5f7f8;
    color: var(--tsp-front-red);
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening .tsp-headline-link:hover h3 {
    text-decoration: none;
}
:root[data-typeface="clean"] body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening .tsp-headline-link h3 {
    font: 720 15px/1.32 'TSP Inter', Inter, Arial, sans-serif !important;
    overflow-wrap: anywhere;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-featured {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 185px), 1fr)) !important;
    gap: clamp(10px, 1.2vw, 16px) !important;
    margin: 0 !important;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-featured .tsp-front-card {
    margin: 0;
    padding: 0;
    border: 1px solid var(--tsp-front-rule);
    border-radius: 8px;
    background: var(--tsp-front-paper);
    overflow: hidden;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-featured .tsp-front-card > a {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0 !important;
    padding: 0 !important;
    color: inherit;
    text-decoration: none;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-featured .tsp-front-card .tsp-department-media {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    aspect-ratio: 16 / 9 !important;
    background: var(--tsp-front-page);
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-featured .tsp-front-card .tsp-department-media img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-featured .tsp-front-card .tsp-department-copy {
    box-sizing: border-box;
    width: 100% !important;
    padding: 12px 13px 14px !important;
}
:root[data-typeface="clean"] body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-featured .tsp-front-card h3 {
    margin: 0 !important;
    font: 800 clamp(16px, 1.48vw, 20px)/1.23 'TSP Inter', Inter, Arial, sans-serif !important;
    overflow-wrap: anywhere;
}
body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories :is(.tsp-front-lead, .tsp-front-card) > a:focus-visible {
    outline: 2px solid var(--tsp-front-red);
    outline-offset: -3px;
}

/* Story lists use one image column across all desks. Text-only stories have no reserved image space. */
body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    margin: 0 !important;
}
body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) > .tsp-front-card {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--tsp-front-rule) !important;
    border-radius: 7px !important;
    background: var(--tsp-front-paper) !important;
    overflow: hidden;
}
body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) > .tsp-front-card > a {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 0 !important;
    height: 100% !important;
    gap: 10px !important;
    padding: 9px !important;
}
body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) > .tsp-front-card-with-cover > a {
    grid-template-columns: clamp(84px, 12vw, 126px) minmax(0, 1fr) !important;
}
body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) > .tsp-front-card > a > .tsp-department-media {
    grid-column: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden;
    border-radius: 4px;
}
body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) > .tsp-front-card > a > .tsp-department-media > img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
}
body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) > .tsp-front-card > a > .tsp-department-copy {
    grid-column: -2 / -1 !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}
:root[data-typeface="clean"] body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) > .tsp-front-card h3 {
    margin: 0 !important;
    font: 760 15px/1.32 'TSP Inter', Inter, Arial, sans-serif !important;
    overflow-wrap: anywhere;
}
@media (max-width: 760px) {
    body.tsp-homepage.tsp-department.tsp-league-newsroom.tsp-editorial-front main#tsp-stories :is(#more-stories, #section-topic, .tsp-department-archive) :is(.tsp-more-grid, .tsp-department-grid):not(.tsp-front-featured, .tsp-guide-listings) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
@media (min-width: 761px) {
    body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening:has(> .tsp-league-headlines):has(> :not(.tsp-league-headlines)) {
        grid-template-columns: minmax(0, 1.66fr) minmax(250px, 1fr);
    }
}
@media (min-width: 1040px) {
    body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening:has(> .tsp-front-lead .tsp-lead-media) > .tsp-league-headlines:has(li:nth-child(5)) {
        align-self: stretch;
    }
    body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening:has(> .tsp-league-headlines li:nth-child(5)) .tsp-front-lead > a:has(.tsp-lead-media) {
        display: grid !important;
        height: 100% !important;
        grid-template-rows: minmax(clamp(215px, 22vw, 320px), 1fr) auto;
    }
    body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening:has(> .tsp-league-headlines li:nth-child(5)) .tsp-front-lead .tsp-lead-media {
        height: 100% !important;
        aspect-ratio: auto !important;
    }
}
@media (max-width: 760px) {
    body.tsp-homepage.tsp-department.tsp-editorial-front main.tsp-department-main#tsp-stories {
        padding: 10px 10px 28px;
    }
    body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-department-heading .tsp-section-all {
        min-height: 44px;
    }
    body.tsp-homepage.tsp-department.tsp-editorial-front main#tsp-stories .tsp-front-opening {
        gap: 10px !important;
    }
}