/* Desk identities over the native front, ratings and fantasy renderers. */
#tsp-stories {
    --tsp-desk-ink: #241a17;
    --tsp-desk-red: #ac261b;
    --tsp-desk-edge: #e74726;
    --tsp-desk-cream: #fff7e8;
}

body[data-section="history"] #tsp-stories .tsp-league-support-heading:has(+ .tsp-front-featured) {
    margin: 20px 0 0;
    padding: 14px clamp(12px, 2vw, 22px) 9px;
    border-top: 3px solid var(--tsp-desk-edge);
    border-radius: 8px 8px 0 0;
    background: var(--tsp-desk-ink);
    color: var(--tsp-desk-cream);
}
body[data-section="history"] #tsp-stories .tsp-league-support-heading:has(+ .tsp-front-featured) h2 {
    color: inherit;
    font: 700 clamp(21px, 2.3vw, 30px)/1.1 Georgia, serif;
    text-transform: none;
}
body[data-section="history"] #tsp-stories .tsp-league-support-heading:has(+ .tsp-front-featured) .tsp-section-line {
    background: #a78168;
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px clamp(10px, 1.4vw, 20px) !important;
    margin: 0;
    padding: 10px clamp(12px, 2vw, 22px) clamp(16px, 2vw, 22px);
    border-radius: 0 0 8px 8px;
    background: var(--tsp-desk-ink);
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card {
    position: relative;
    min-width: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
}
body[data-section="history"] #tsp-stories .tsp-front-featured .tsp-front-card::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -6px;
    left: 50%;
    width: clamp(30px, 4vw, 54px);
    height: 12px;
    background: #d5b98bc9;
    pointer-events: none;
    transform: translateX(-50%) rotate(-4deg);
}
body[data-section="history"] #tsp-stories .tsp-front-featured .tsp-front-card:nth-child(even)::before {
    transform: translateX(-50%) rotate(4deg);
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card > a {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start;
    box-sizing: border-box;
    height: 100% !important;
    padding: clamp(6px, .8vw, 11px) clamp(6px, .8vw, 11px) 14px !important;
    background: #f6ecda;
    color: #33251e;
    text-decoration: none;
    box-shadow: 0 2px 5px #170f0a70;
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card > a:hover {
    background: var(--tsp-desk-cream);
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card > a:focus-visible {
    outline: 2px solid var(--tsp-desk-cream);
    outline-offset: 3px;
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card .tsp-department-media {
    aspect-ratio: 5 / 4 !important;
    background: #392d29;
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card .tsp-department-media img {
    max-height: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 35%;
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card .tsp-department-copy {
    padding: 8px 0 0 !important;
}
body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card h3,
:root[data-typeface="clean"] body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured .tsp-front-card h3 {
    color: #33251e;
    font: 700 clamp(14px, 1.4vw, 20px)/1.22 Georgia, serif !important;
    overflow-wrap: anywhere;
}
body[data-section="history"] #tsp-stories .tsp-section-link { color: var(--tsp-desk-red); }
@media (min-width: 961px) {
    body.tsp-homepage.tsp-department.tsp-editorial-front[data-section="history"] main#tsp-stories .tsp-front-featured {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Keep the Business reporting desk and numeric Ratings bank distinct within one area. */
body.tsp-business-newspaper #tsp-stories.tsp-business-main .tsp-business-heading {
    padding: clamp(16px, 2.5vw, 27px);
    border: 0;
    border-bottom: 3px solid var(--tsp-desk-edge);
    border-radius: 8px 8px 0 0;
    background: var(--tsp-desk-ink);
    color: var(--tsp-desk-cream);
}
body.tsp-business-newspaper #tsp-stories.tsp-business-main .tsp-business-heading h1 {
    color: inherit;
    font: 700 clamp(30px, 4vw, 48px)/1.08 Georgia, serif;
}
body.tsp-business-newspaper #tsp-stories.tsp-business-main .tsp-business-heading > p {
    color: #f4e1d4;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-topics {
    gap: 0 clamp(12px, 1.5vw, 22px);
    padding-block: 0;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-topics > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--tsp-desk-red);
    font-weight: 750;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-newspaper-front {
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 14px clamp(12px, 2vw, 24px);
    align-items: start;
    margin-block: 16px 20px;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-newspaper-lead {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 0;
    border: 0;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-newspaper-lead > .tsp-business-picture {
    grid-row: 1;
    aspect-ratio: 16 / 9;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-newspaper-lead h2 {
    font-size: clamp(23px, 3vw, 36px);
}
body.tsp-business-newspaper #tsp-stories .tsp-business-latest {
    grid-row: 1;
    padding-top: 9px;
    border-top: 3px solid var(--tsp-desk-red);
}
body.tsp-business-newspaper #tsp-stories .tsp-business-headline {
    display: block;
    padding-block: 9px;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-headline > .tsp-business-picture {
    display: none;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-newspaper-featured {
    border-top: 2px solid var(--tsp-desk-ink);
}
body.tsp-business-newspaper #tsp-stories .tsp-business-row:not(:has(> .tsp-business-picture)) {
    grid-template-columns: minmax(0, 1fr);
}
body.tsp-business-newspaper #tsp-stories .tsp-business-ratings-lane {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 14px clamp(12px, 2vw, 24px);
    margin-block: 16px 24px;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-ratings-lane > :is(.tsp-business-ratings-preview, .tsp-ratings-v8) {
    grid-area: auto;
    min-width: 0;
    margin: 0;
}
body.tsp-business-newspaper #tsp-stories .tsp-business-ratings-lane > .tsp-business-ratings-preview {
    padding: 0 13px;
    border: 1px solid #e3d7ce;
    border-top: 3px solid var(--tsp-desk-red);
    border-radius: 7px;
    background: #fffdf9;
}
@media (max-width: 760px) {
    body.tsp-business-newspaper #tsp-stories .tsp-business-newspaper-front {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    body.tsp-business-newspaper #tsp-stories .tsp-business-latest { align-self: stretch; }
    body.tsp-business-newspaper #tsp-stories .tsp-business-ratings-lane {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Keep the existing Fantasy and Pulse controls, states and dated source records. */
body.tsvx-fantasy #tsp-stories.tsp-fo-page .tsp-u-masthead,
body.tsvx-fantasy-pulse #tsp-stories .tsp-vp-heading {
    padding: clamp(14px, 2.2vw, 24px) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--tsp-desk-edge) !important;
    border-radius: 8px 8px 0 0;
    background: var(--tsp-desk-ink) !important;
    color: var(--tsp-desk-cream);
}
body.tsvx-fantasy #tsp-stories.tsp-fo-page .tsp-u-masthead h1,
body.tsvx-fantasy-pulse #tsp-stories .tsp-vp-heading h1 {
    color: var(--tsp-desk-cream) !important;
    font-family: Georgia, serif !important;
}
body.tsvx-fantasy-pulse #tsp-stories .tsp-vp-heading :is(.tsp-vp-eyebrow, .tsp-fr-intro) {
    color: #f4e1d4;
}
body.tsvx-fantasy #tsp-stories .tsp-fo-intro {
    margin: 10px 0 9px;
}
body.tsvx-fantasy #tsp-stories .tsp-fo-intro > p {
    margin: 0 0 4px;
    font-size: 17px;
}
body.tsvx-fantasy #tsp-stories .tsp-fo-intro > span { font-size: 14px; }
body.tsvx-fantasy #tsp-stories .tsp-fo-nav { padding-block: 6px; }
body.tsvx-fantasy #tsp-stories .tsp-fo-nav a[aria-current] {
    border-color: var(--tsp-desk-red);
    background: var(--tsp-desk-red);
    color: var(--tsp-desk-cream) !important;
}
body.tsvx-fantasy #tsp-stories .tsp-fo-pulse {
    border-color: var(--tsp-desk-ink) !important;
    background: var(--tsp-desk-ink) !important;
}
body.tsvx-fantasy #tsp-stories .tsp-fo-pulse h2 { color: var(--tsp-desk-cream) !important; }
body.tsvx-fantasy #tsp-stories :is(.tsp-fo-sport, .tsp-fo-archive) { border-top-color: var(--tsp-desk-red); }
@media (max-width: 760px) {
    body.tsvx-fantasy #tsp-stories .tsp-fo-nav { top: 44px; }
    body.admin-bar.tsvx-fantasy #tsp-stories .tsp-fo-nav { top: 90px; }
    body.tsvx-fantasy #tsp-stories .tsp-fo-pages {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: 6px;
        text-align: center;
    }
    body.tsvx-fantasy #tsp-stories .tsp-fo-pages button {
        min-height: 44px;
        min-width: 0;
        padding-inline: 6px;
    }
}

/* Keep the Ratings database controls and complete data on their native surface. */
#tsp-stories.v9-subpage .v9-db-intro {
    border-bottom: 3px solid var(--tsp-desk-edge);
    border-radius: 8px 8px 0 0;
    background: var(--tsp-desk-ink);
    color: var(--tsp-desk-cream);
}
#tsp-stories.v9-subpage .v9-db-intro h1 {
    color: inherit;
    font-family: Georgia, serif;
}
#tsp-stories.v9-subpage .v9-db-intro p { color: #f4e1d4; }
#tsp-stories.v9-subpage .v9-db-intro [data-v9-total] {
    border-color: #f4e1d4;
    background: transparent;
    color: inherit;
}