.rcs-blog {
    --rcs-blog-blue: #005599;
    --rcs-blog-light-blue: #66CCFF;
    --rcs-blog-white: #FFFFFF;
    --rcs-blog-text: #152033;
    --rcs-blog-muted: #607084;
    width: 100%;
}

.rcs-blog-standalone {
    display: block;
    width: 100%;
    min-height: 55vh;
    padding: 0 0 56px;
}

.rcs-blog-standalone-inner {
    width: calc(100% - 40px);
    max-width: 1200px;
    margin: 0 auto;
}

.rcs-blog-standalone-page #content-wrap {
    padding-top: 40px;
}

.rcs-blog-standalone-page #primary,
.rcs-blog-standalone-page #content,
.rcs-blog-standalone-page .content-area,
.rcs-blog-standalone-page .site-content {
    width: 100%;
    max-width: none;
}

.rcs-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.rcs-blog-category-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 22px;
}

.rcs-blog-category-filter a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid rgba(0, 85, 153, 0.14);
    border-radius: 999px;
    background: rgba(102, 204, 255, 0.22);
    color: var(--rcs-blog-blue);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

.rcs-blog-category-filter a:hover,
.rcs-blog-category-filter a:focus,
.rcs-blog-category-filter a:focus-visible,
.rcs-blog-category-filter a.is-active {
    border-color: var(--rcs-blog-blue);
    background: var(--rcs-blog-blue);
    color: #fff;
    text-decoration: none !important;
}

.rcs-blog-category-filter a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    min-height: 21px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--rcs-blog-blue);
    font-size: 11px;
    line-height: 1;
}

.rcs-blog-cols-1 .rcs-blog-grid {
    grid-template-columns: 1fr;
}

.rcs-blog-cols-2 .rcs-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcs-blog-cols-4 .rcs-blog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rcs-blog-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid rgba(0, 85, 153, 0.14);
    border-radius: 8px;
    background: var(--rcs-blog-white);
    box-shadow: 0 8px 24px rgba(0, 28, 70, 0.08);
    overflow: hidden;
}

.rcs-blog-cover {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    background: var(--rcs-blog-blue);
    overflow: hidden;
    text-decoration: none !important;
}

.rcs-blog-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rcs-blog-video {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}

.rcs-blog-video iframe,
.rcs-blog-video video,
.rcs-blog-video object,
.rcs-blog-video embed {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    border: 0;
}

.rcs-blog-video > div,
.rcs-blog-video > .wp-video,
.rcs-blog-video > .wp-video-shortcode {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}

.rcs-blog-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12%;
    background: var(--rcs-blog-blue);
}

.rcs-blog-placeholder img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rcs-blog-match,
.rcs-blog-summary {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 38px 16px;
    background: linear-gradient(rgba(0, 35, 72, 0.4), rgba(0, 49, 89, 0.9));
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    opacity: 1;
    transition: opacity 180ms ease;
}

.rcs-blog-cover:hover .rcs-blog-match,
.rcs-blog-cover:hover .rcs-blog-summary,
.rcs-blog-cover:focus .rcs-blog-match,
.rcs-blog-cover:focus .rcs-blog-summary,
.rcs-blog-cover:focus-visible .rcs-blog-match,
.rcs-blog-cover:focus-visible .rcs-blog-summary {
    opacity: 0;
}

.rcs-blog-cover-date {
    font-size: calc(var(--rcs-blog-match-font-size, 16px) * 0.65);
    font-weight: 500;
    line-height: 1.15;
}

.rcs-blog-match-teams {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    width: 100%;
    font-size: var(--rcs-blog-match-font-size, 16px);
    line-height: 1.15;
}

.rcs-blog-match-teams strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.rcs-blog-match-teams > span {
    color: var(--rcs-blog-light-blue);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.rcs-blog-match-score {
    color: #fff;
    font-size: calc(var(--rcs-blog-match-font-size, 16px) * 1.5625);
    font-family: "Big Shoulders Display", "Arial Narrow", Arial, sans-serif;
    font-weight: 900;
    line-height: 1;
}

.rcs-blog-summary-title {
    max-width: 100%;
    color: #fff;
    font-size: var(--rcs-blog-match-font-size, 16px);
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.rcs-blog-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px;
}

.rcs-blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.rcs-blog-categories a {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(102, 204, 255, 0.22);
    color: var(--rcs-blog-blue);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

.rcs-blog-categories a:hover,
.rcs-blog-categories a:focus,
.rcs-blog-categories a:focus-visible {
    background: var(--rcs-blog-blue);
    color: #fff;
    text-decoration: none !important;
}

.rcs-blog-excerpt {
    margin: 0 0 16px;
    color: var(--rcs-blog-muted);
}

.rcs-blog-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 8px;
    margin-top: auto;
}

.rcs-blog-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 14px;
    border-radius: 6px;
    background: var(--rcs-blog-blue);
    color: var(--rcs-blog-white);
    font-weight: 900;
    text-decoration: none !important;
}

.rcs-blog-button:hover,
.rcs-blog-button:focus,
.rcs-blog-button:focus-visible {
    background: #003f73;
    color: var(--rcs-blog-white);
    text-decoration: none !important;
}

.rcs-blog-button-secondary {
    border: 1px solid var(--rcs-blog-blue);
    background: var(--rcs-blog-white);
    color: var(--rcs-blog-blue);
}

.rcs-blog-button-secondary:hover,
.rcs-blog-button-secondary:focus,
.rcs-blog-button-secondary:focus-visible {
    background: #eaf7ff;
    color: var(--rcs-blog-blue);
}

.rcs-blog-edit-badge {
    position: absolute;
    z-index: 4;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 9px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    background: rgba(0, 85, 153, 0.94);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
}

.rcs-blog-edit-badge:hover,
.rcs-blog-edit-badge:focus,
.rcs-blog-edit-badge:focus-visible {
    background: #003f73;
    color: #fff !important;
    text-decoration: none !important;
}

.rcs-blog-empty {
    padding: 18px;
    border: 1px solid rgba(0, 85, 153, 0.16);
    border-radius: 8px;
    background: #f7fbff;
    color: var(--rcs-blog-blue);
    font-weight: 800;
}

.rcs-blog-pagination {
    margin-top: 28px;
}

.rcs-blog .rcs-blog-pagination > ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    list-style: none !important;
}

.rcs-blog .rcs-blog-pagination > ul.page-numbers > li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    list-style: none !important;
}

.rcs-blog .rcs-blog-pagination > ul.page-numbers > li > a.page-numbers,
.rcs-blog .rcs-blog-pagination > ul.page-numbers > li > span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 42px;
    height: 42px;
    margin: 0 !important;
    padding: 9px 14px !important;
    border: 1px solid var(--rcs-blog-blue) !important;
    border-radius: 6px !important;
    background: var(--rcs-blog-white) !important;
    box-shadow: none !important;
    color: var(--rcs-blog-blue) !important;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
}

.rcs-blog .rcs-blog-pagination .page-numbers.prev,
.rcs-blog .rcs-blog-pagination .page-numbers.next {
    width: auto;
    min-width: 96px;
    white-space: nowrap;
    letter-spacing: 0;
}

.rcs-blog .rcs-blog-pagination > ul.page-numbers > li > a.page-numbers:hover,
.rcs-blog .rcs-blog-pagination > ul.page-numbers > li > a.page-numbers:focus,
.rcs-blog .rcs-blog-pagination > ul.page-numbers > li > a.page-numbers:focus-visible {
    border-color: var(--rcs-blog-blue) !important;
    background: #eaf7ff !important;
    color: var(--rcs-blog-blue) !important;
    text-decoration: none !important;
}

.rcs-blog .rcs-blog-pagination > ul.page-numbers > li > span.page-numbers.current {
    border-color: var(--rcs-blog-blue) !important;
    background: var(--rcs-blog-blue) !important;
    color: var(--rcs-blog-white) !important;
}

@media (max-width: 980px) {
    .rcs-blog-grid,
    .rcs-blog-cols-3 .rcs-blog-grid,
    .rcs-blog-cols-4 .rcs-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .rcs-blog-standalone {
        padding-bottom: 36px;
    }

    .rcs-blog-standalone-inner {
        width: calc(100% - 24px);
    }

    .rcs-blog-standalone-page #content-wrap {
        padding-top: 24px;
    }

    .rcs-blog-grid,
    .rcs-blog-cols-2 .rcs-blog-grid,
    .rcs-blog-cols-3 .rcs-blog-grid,
    .rcs-blog-cols-4 .rcs-blog-grid {
        grid-template-columns: 1fr;
    }

    .rcs-blog-actions.has-photoalbum {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 380px) {
    .rcs-blog-actions.has-photoalbum {
        grid-template-columns: 1fr;
    }

    .rcs-blog .rcs-blog-pagination .page-numbers.prev,
    .rcs-blog .rcs-blog-pagination .page-numbers.next {
        min-width: 42px;
        padding-inline: 10px !important;
    }
}