/* BSB MECCA — CSS extracted from page-race-weekend-archive.php (Session 4) */

/* block 0 */
/* Design System v4 — editorial */
html, body { background: #F5F3EE !important; }
.rwa-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px 4rem; color: #1A1A1A; font-family: 'DM Sans', -apple-system, sans-serif; }

/* Breadcrumb */
.rwa-crumb { padding: 16px 0; color: #888; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-family: 'DM Sans', sans-serif; }
.rwa-crumb a { color: #888; text-decoration: none; }
.rwa-crumb a:hover { color: #C8102E; }
.rwa-crumb span { color: #1A1A1A; }

/* Hero */
.rwa-hero { text-align: center; padding: 1.5rem 0 2.5rem; border-bottom: 1px solid #1A1A1A; margin-bottom: 2rem; }
.rwa-kicker { font-family: 'Barlow Condensed', sans-serif; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #C8102E; }
.rwa-hero h1 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(2.25rem, 4.5vw, 4rem); font-weight: 400; line-height: 1.02; letter-spacing: -0.046875rem; margin: 0.75rem 0 0.5rem; }
.rwa-hero .rwa-dek { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.0625rem; color: #444; margin: 0; }

/* Filter bar */
.rwa-filters { display: flex; align-items: baseline; gap: 24px; flex-wrap: wrap; margin-bottom: 18px; }
.rwa-year-picker { display: flex; align-items: baseline; gap: 10px; }
.rwa-year-picker label { font-family: 'Barlow Condensed', sans-serif; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #666; }
.rwa-year-picker select { background: #fff; border: 1px solid #CCC; color: #1A1A1A; padding: 6px 10px; font: 0.9375rem/1.3 'DM Sans',sans-serif; outline: none; cursor: pointer; }
.rwa-year-picker select:focus { border-color: #C8102E; }
.rwa-meta { margin-left: auto; font-family: 'Barlow Condensed', sans-serif; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #888; }

/* Championship tabs */
.rwa-tabs { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-bottom: 28px; border-bottom: 1px solid #CCC; padding-bottom: 0; }
.rwa-tab {
    font-family: 'Barlow Condensed', sans-serif; font-size: 0.9375rem; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase; color: #666;
    text-decoration: none; padding: 10px 2px; position: relative; transition: color .15s;
}
.rwa-tab:hover { color: #C8102E; }
.rwa-tab.active { color: #1A1A1A; }
.rwa-tab.active::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #C8102E;
}

/* Weekend grid */
.rwa-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 32px; }
@media (max-width: 900px) { .rwa-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; } }
@media (max-width: 560px) { .rwa-grid { grid-template-columns: 1fr; gap: 24px; } }

.rwa-card { display: flex; flex-direction: column; text-decoration: none !important; color: #1A1A1A; }
.rwa-img { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #EFE9DC; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; }
.rwa-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s; }
.rwa-img .rwa-gray { filter: grayscale(1); mix-blend-mode: multiply; }
.rwa-img .rwa-color { opacity: 0; }
.rwa-card:hover .rwa-img .rwa-color { opacity: 1; }
.rwa-flag { font-size: 2.75rem; opacity: 0.4; }

.rwa-row1 { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 4px; }
.rwa-champ { font-family: 'Barlow Condensed', sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #C8102E; }
.rwa-round-num { font-family: 'Barlow Condensed', sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; color: #888; }
.rwa-round-name { font-family: 'Playfair Display', serif; font-size: 1.3125rem; font-weight: 400; line-height: 1.2; color: #1A1A1A; margin: 0 0 6px; transition: color .15s; }
.rwa-card:hover .rwa-round-name { color: #C8102E; }
.rwa-sub { font-family: 'DM Sans', sans-serif; font-size: 0.8125rem; color: #666; line-height: 1.4; margin-bottom: 10px; }

.rwa-winners { font-family: 'DM Sans', sans-serif; font-size: 0.8125rem; color: #444; line-height: 1.55; padding-top: 10px; background-image: linear-gradient(to right, #1A1A1A 24%, transparent 0%); background-position: top; background-size: 4px 1px; background-repeat: repeat-x; }
.rwa-winners b { color: #1A1A1A; font-weight: 500; }
.rwa-winners-label { font-family: 'Barlow Condensed', sans-serif; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #888; margin-right: 4px; }

/* Empty state */
.rwa-empty { padding: 4rem 2rem; text-align: center; font-family: 'Playfair Display', serif; font-style: italic; color: #888; font-size: 1.0625rem; }
.rwa-empty p { margin: 6px 0; }

/* Back-link in hero */
.rwa-back { display: inline-block; font-family: 'Barlow Condensed', sans-serif; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #666; text-decoration: none; margin-top: 12px; }
.rwa-back:hover { color: #C8102E; }