/*
 * HTML Visual Depth Chart board (standalone page) plus story/update CTA button.
 * Turf: sampled olive from dcunc art plus tiled grass grain. Selected tab: orange fill, white text.
 * Story CTA: orange fill, white text (beats #story_body a).
 */

.vdc {
    --vdc-orange: #f56600;
    --vdc-ink: #f1f5f9;
    --vdc-muted: #d5e0d8;
    --vdc-yard: 52px;
    --vdc-turf: #1d2b13;
    margin: 20px 0 24px;
    border: 1px solid #121c0d;
    border-radius: 14px;
    overflow: hidden;
    background: var(--vdc-turf);
}

.vdc-tabs {
    display: flex;
    gap: 4px;
    padding: 10px 12px 0;
    background: var(--vdc-turf);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.vdc-tab {
    appearance: none;
    margin: 0 0 -1px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: transparent;
    padding: 11px 16px;
    color: #c5d4c9;
    cursor: pointer;
    font: 800 13px/1 Arial, Helvetica, sans-serif;
}

.vdc-tab:hover,
.vdc-tab:focus-visible {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    outline: 0;
}

.vdc-tab.is-active,
.vdc-tab[aria-selected="true"],
.vdc-tab.is-active:hover,
.vdc-tab.is-active:focus-visible,
.vdc-tab[aria-selected="true"]:hover,
.vdc-tab[aria-selected="true"]:focus-visible {
    border-color: var(--vdc-orange);
    background: var(--vdc-orange);
    color: #fff;
}

.vdc-panel[hidden] {
    display: none;
}

.vdc-field {
    position: relative;
    z-index: 0;
    padding: 22px 28px 26px;
    background-color: var(--vdc-turf);
    background-image:
        repeating-linear-gradient(
            to bottom,
            rgba(245, 248, 240, .42) 0 5px,
            transparent 5px var(--vdc-yard)
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(245, 248, 240, .42) 0 5px,
            transparent 5px var(--vdc-yard)
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(245, 248, 240, .28) 0 1px,
            transparent 1px var(--vdc-yard)
        ),
        repeating-linear-gradient(
            to bottom,
            rgba(255, 255, 255, .035) 0 var(--vdc-yard),
            rgba(0, 0, 0, .08) var(--vdc-yard) calc(var(--vdc-yard) * 2)
        ),
        url("data:image/png;base64,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");
    background-size:
        12px var(--vdc-yard),
        12px var(--vdc-yard),
        100% var(--vdc-yard),
        100% calc(var(--vdc-yard) * 2),
        220px 220px;
    background-position:
        12px 0,
        calc(100% - 12px) 0,
        0 0,
        0 0,
        0 0;
    background-repeat: repeat-y, repeat-y, repeat-y, repeat-y, repeat;
    box-shadow: inset 0 0 120px rgba(0, 0, 0, .48);
}

.vdc-field--offense {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: 10px 8px;
    justify-items: center;
    align-items: start;
}

.vdc-slot--offense-lt { grid-column: 2; grid-row: 1; }
.vdc-slot--offense-lg { grid-column: 3; grid-row: 1; }
.vdc-slot--offense-c { grid-column: 4; grid-row: 1; }
.vdc-slot--offense-rg { grid-column: 5; grid-row: 1; }
.vdc-slot--offense-rt { grid-column: 6; grid-row: 1; }
.vdc-slot--offense-wr-left { grid-column: 1; grid-row: 2; }
.vdc-slot--offense-te { grid-column: 2; grid-row: 2; }
.vdc-slot--offense-rb { grid-column: 3; grid-row: 2; }
.vdc-slot--offense-qb { grid-column: 4; grid-row: 2; }
.vdc-slot--offense-wr-slot { grid-column: 6; grid-row: 2; }
.vdc-slot--offense-wr-right { grid-column: 7; grid-row: 2; }

.vdc-field--defense {
    display: grid;
    /* Six tracks, each the same 1fr as offense's 7-col grid (6/7 of the board). */
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: auto auto auto;
    gap: 10px 8px;
    width: calc(100% * 6 / 7);
    margin-inline: auto;
    justify-items: center;
    align-items: start;
}

.vdc-slot--defense-de-left { grid-column: 2; grid-row: 1; }
.vdc-slot--defense-dt-left { grid-column: 3; grid-row: 1; }
.vdc-slot--defense-dt-right { grid-column: 4; grid-row: 1; }
.vdc-slot--defense-de-right { grid-column: 5; grid-row: 1; }
.vdc-slot--defense-mlb { grid-column: 3; grid-row: 2; }
.vdc-slot--defense-wlb { grid-column: 4; grid-row: 2; }
.vdc-slot--defense-cb-left { grid-column: 1; grid-row: 3; }
.vdc-slot--defense-tiger { grid-column: 2; grid-row: 3; }
.vdc-slot--defense-rover { grid-column: 3 / 5; grid-row: 3; }
.vdc-slot--defense-fs { grid-column: 5; grid-row: 3; }
.vdc-slot--defense-cb-right { grid-column: 6; grid-row: 3; }

.vdc-field--special-teams {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 18px;
}

.vdc-slot {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    max-width: 104px;
    text-align: center;
}

.vdc-pos {
    margin: 0 0 12px;
    color: #fff;
    font: 800 11px/1 Arial, Helvetica, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

.vdc-card,
.vdc-card.utip {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 92px;
}

.vdc-card__link {
    display: block;
    width: 92px;
    text-decoration: none;
    color: inherit;
}

.vdc-card__photo {
    position: relative;
    display: block;
    width: 92px;
    overflow: hidden;
    background: #111;
    border-radius: 3px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
}

.vdc-card__mug {
    display: block;
    width: 92px;
    height: 118px;
    object-fit: cover;
    object-position: top center;
    border: 0;
    border-radius: 0;
    background: #1a1a1a;
}

.vdc-card__mug--empty {
    height: 118px;
}

.vdc-card__num {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    min-width: 22px;
    padding: 3px 5px;
    background: var(--vdc-orange);
    color: #fff;
    font: 800 11px/1 Arial, Helvetica, sans-serif;
    text-align: center;
}

.vdc-card__name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 4px 4px 5px;
    background: #fff;
    color: #111;
    font: 700 9px/1.15 Arial, Helvetica, sans-serif;
    text-shadow: none;
}

.vdc-or {
    margin: 5px 0 2px;
    color: var(--vdc-orange);
    font: 800 8px/1 Arial, Helvetica, sans-serif;
    letter-spacing: .1em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .55);
}

.vdc-backup,
.vdc-backup.utip {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 92px;
    box-sizing: border-box;
    margin-top: 3px;
    padding: 3px 5px 4px;
    background: #111;
    color: #fff;
    border-radius: 3px;
    font: 600 9px/1.2 Arial, Helvetica, sans-serif;
}

.vdc-backup a {
    display: block;
    width: 100%;
    min-width: 0;
    color: #fff;
    text-decoration: none;
}

.vdc-backup__name {
    display: block;
    width: 100%;
    text-align: center;
}

.vdc-page {
    max-width: 1100px;
    margin: 0 auto 32px;
    padding: 0 12px;
}

.vdc-page__header {
    margin: 8px 0 16px;
}

.vdc-page__kicker {
    margin: 0 0 4px;
    color: #f56600;
    font: 800 11px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vdc-page h1 {
    margin: 0 0 6px;
    color: #15202b;
    font: 800 28px/1.15 Georgia, serif;
}

.vdc-page__meta {
    margin: 0 0 14px;
    color: #61707d;
    font: 14px/1.4 Arial, Helvetica, sans-serif;
}

.vdc-story-cta-wrap {
    margin: 18px 0;
}

a.vdc-story-cta,
a.vdc-story-cta:link,
a.vdc-story-cta:visited,
a.vdc-story-cta:hover,
a.vdc-story-cta:focus,
a.vdc-story-cta:focus-visible,
#story_body a.vdc-story-cta,
#story_body a.vdc-story-cta:link,
#story_body a.vdc-story-cta:visited,
#story_body a.vdc-story-cta:hover,
#story_body a.vdc-story-cta:focus,
#story_body a.vdc-story-cta:focus-visible,
#news-layout-body a.vdc-story-cta,
#news-layout-body a.vdc-story-cta:link,
#news-layout-body a.vdc-story-cta:visited,
#news-layout-body a.vdc-story-cta:hover,
#news-layout-body a.vdc-story-cta:focus,
#news-layout-body a.vdc-story-cta:focus-visible {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;
    max-width: 540px;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    border-radius: 10px;
    background: #f56600;
    color: #fff !important;
    font: 800 15px/1.2 Arial, Helvetica, sans-serif;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(245, 102, 0, .28);
}

a.vdc-story-cta:hover,
a.vdc-story-cta:focus-visible,
#story_body a.vdc-story-cta:hover,
#story_body a.vdc-story-cta:focus-visible,
#news-layout-body a.vdc-story-cta:hover,
#news-layout-body a.vdc-story-cta:focus-visible {
    background: #dc5c00;
    color: #fff !important;
}

a.vdc-story-cta .material-icons,
#story_body a.vdc-story-cta .material-icons,
#news-layout-body a.vdc-story-cta .material-icons {
    font-size: 20px;
    color: #fff !important;
}

#story_body .vdc .utip,
#story_body .vdc .vdc-card,
#news-layout-body .vdc .utip,
#news-layout-body .vdc .vdc-card {
    display: flex !important;
    flex-direction: column;
    width: auto;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}

#story_body .vdc .vdc-card,
#story_body .vdc .vdc-card.utip,
#news-layout-body .vdc .vdc-card,
#news-layout-body .vdc .vdc-card.utip {
    margin: 0 !important;
    width: 92px;
}

#story_body .vdc a,
#story_body .vdc a:link,
#story_body .vdc a:visited,
#story_body .vdc a:hover,
#story_body .vdc a:focus,
#news-layout-body .vdc a,
#news-layout-body .vdc a:link,
#news-layout-body .vdc a:visited,
#news-layout-body .vdc a:hover,
#news-layout-body .vdc a:focus {
    color: #fff;
    text-decoration: none;
}

#story_body .vdc .vdc-card__name,
#news-layout-body .vdc .vdc-card__name {
    color: #111;
    background: #fff;
}

#story_body .vdc .vdc-backup,
#story_body .vdc .vdc-backup.utip,
#news-layout-body .vdc .vdc-backup,
#news-layout-body .vdc .vdc-backup.utip {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    gap: 4px;
    width: 92px;
    background: #111 !important;
    padding: 3px 6px 4px !important;
    border: 0 !important;
}

#story_body .vdc .vdc-backup a,
#story_body .vdc .vdc-backup a:link,
#story_body .vdc .vdc-backup a:visited,
#story_body .vdc .vdc-backup a:hover,
#story_body .vdc .vdc-backup a:focus,
#news-layout-body .vdc .vdc-backup a,
#news-layout-body .vdc .vdc-backup a:link,
#news-layout-body .vdc .vdc-backup a:visited,
#news-layout-body .vdc .vdc-backup a:hover,
#news-layout-body .vdc .vdc-backup a:focus {
    color: #fff;
}

html.dark-mode #story_body .vdc a,
html.dark-mode #story_body .vdc a:link,
html.dark-mode #story_body .vdc a:visited,
html.dark-mode #story_body .vdc a:hover,
html.dark-mode #story_body .vdc a:focus,
html.dark-mode #news-layout-body .vdc a,
html.dark-mode #news-layout-body .vdc a:link,
html.dark-mode #news-layout-body .vdc a:visited,
html.dark-mode #news-layout-body .vdc a:hover,
html.dark-mode #news-layout-body .vdc a:focus {
    color: #fff;
    text-decoration: none;
}

html.dark-mode #story_body .vdc .vdc-card__name,
html.dark-mode #news-layout-body .vdc .vdc-card__name {
    color: #111;
    background: #fff;
}

html.dark-mode #story_body .vdc .vdc-backup a,
html.dark-mode #story_body .vdc .vdc-backup a:link,
html.dark-mode #story_body .vdc .vdc-backup a:visited,
html.dark-mode #story_body .vdc .vdc-backup a:hover,
html.dark-mode #story_body .vdc .vdc-backup a:focus,
html.dark-mode #news-layout-body .vdc .vdc-backup a,
html.dark-mode #news-layout-body .vdc .vdc-backup a:link,
html.dark-mode #news-layout-body .vdc .vdc-backup a:visited,
html.dark-mode #news-layout-body .vdc .vdc-backup a:hover,
html.dark-mode #news-layout-body .vdc .vdc-backup a:focus {
    color: #fff;
}

html.dark-mode .vdc-page h1 {
    color: var(--dm-text-primary, #f1f5f9);
}

html.dark-mode .vdc-page__kicker {
    color: #f56600;
}

html.dark-mode .vdc-page__meta {
    color: var(--dm-text-secondary, #bbb);
}

html.dark-mode a.vdc-story-cta,
html.dark-mode a.vdc-story-cta:link,
html.dark-mode a.vdc-story-cta:visited,
html.dark-mode a.vdc-story-cta:hover,
html.dark-mode a.vdc-story-cta:focus,
html.dark-mode #story_body a.vdc-story-cta,
html.dark-mode #story_body a.vdc-story-cta:link,
html.dark-mode #story_body a.vdc-story-cta:visited,
html.dark-mode #story_body a.vdc-story-cta:hover,
html.dark-mode #story_body a.vdc-story-cta:focus,
html.dark-mode #news-layout-body a.vdc-story-cta,
html.dark-mode #news-layout-body a.vdc-story-cta:link,
html.dark-mode #news-layout-body a.vdc-story-cta:visited,
html.dark-mode #news-layout-body a.vdc-story-cta:hover,
html.dark-mode #news-layout-body a.vdc-story-cta:focus {
    color: #fff !important;
    background: #f56600;
}

html.dark-mode .vdc-pos {
    color: var(--dm-text-primary, #f1f5f9);
}

html.dark-mode .vdc-card__name {
    color: #111;
    background: #fff;
}

html.dark-mode .vdc-backup,
html.dark-mode .vdc-backup a {
    color: #fff;
}

@media (max-width: 800px) {
    .vdc-field--offense,
    .vdc-field--defense {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .vdc-slot {
        flex: 0 1 120px;
    }

    .vdc-tabs {
        overflow-x: auto;
    }

    .vdc-tab {
        flex: 0 0 auto;
    }
}

@media print {
    .vdc [role="tablist"] {
        display: none;
    }

    .vdc [role="tabpanel"][hidden] {
        display: none !important;
    }
}