/* SAMF championships pages (W16/W17). Tokens only (samf-tokens.css); logical properties keep RTL/LTR correct.
   Breakpoints 1728 / 1024 / 375: tabs and the table scroll inside their own box, never the page. */
.samf-championship {
  --_primary: var(--samf-color-primary);
  --_on-primary: var(--samf-color-on-primary);
  --_surface: var(--samf-color-surface);
  --_text: var(--samf-color-text);
  --_muted: var(--samf-color-muted);
  --_radius: var(--samf-radius-lg);
  color: var(--_text);
  font-family: var(--samf-font-body);
}
.samf-championship :is(h1, h2, h3, h4) { font-family: var(--samf-font-display); }
.samf-championship img { max-inline-size: 100%; block-size: auto; }
.samf-championship-hero { background: var(--samf-color-page); border-block-end: 1px solid var(--samf-color-border); }
.samf-championship-hero__title { font-size: var(--samf-fs-h2); line-height: var(--samf-lh-h2); font-weight: 700; margin: 0; overflow-wrap: anywhere; }
.samf-championship .nav-tabs { border-block-end: 1px solid var(--samf-color-border); overflow-x: auto; flex-wrap: nowrap; gap: .5rem; }
.samf-championship .nav-tabs .nav-link { display: inline-flex; align-items: center; min-block-size: 44px; color: var(--_muted); font-weight: 700; white-space: nowrap; border: 0; border-block-end: 3px solid transparent; }
.samf-championship .nav-tabs .nav-link:hover { color: var(--_primary); }
.samf-championship .nav-tabs .nav-link.active { color: var(--_primary); border-block-end-color: var(--_primary); background: transparent; }
.samf-selector { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-block-end: 1rem; }
.samf-selector__label { color: var(--_muted); font-weight: 600; margin-inline-end: .25rem; }
.samf-selector a { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; justify-content: center; border: 1px solid var(--_primary); border-radius: var(--samf-radius-pill); padding-inline: 1rem; color: var(--_primary); text-decoration: none; font-weight: 600; }
.samf-selector a.is-active { background: var(--_primary); color: var(--_on-primary); }
.samf-table-wrap { overflow-x: auto; max-inline-size: 100%; border: 1px solid var(--samf-color-border); border-radius: var(--_radius); background: var(--_surface); }
.samf-table { margin: 0; min-inline-size: 32rem; color: var(--_text); --bs-table-bg: transparent; --bs-table-color: var(--_text); --bs-table-border-color: var(--samf-color-border); }
.samf-table thead th { background: var(--samf-color-services); color: var(--samf-color-text); font-weight: 700; white-space: nowrap; }
.samf-table td, .samf-table th { padding: .75rem 1rem; text-align: start; }
.samf-table .samf-num { font-variant-numeric: tabular-nums; unicode-bidi: isolate; }
.samf-championship-card { background: var(--_surface); border: 1px solid var(--samf-color-border); border-radius: var(--_radius); box-shadow: none; }
.samf-championship-card a { color: inherit; text-decoration: none; }
.samf-championship-empty { color: var(--_muted); }

/* Tablet (1024) */
@media (max-width: 1024px) {
  .samf-championship-hero__title { font-size: var(--samf-fs-h3); }
  .samf-table { min-inline-size: 28rem; }
}
/* Mobile (375) */
@media (max-width: 375px) {
  .samf-championship-hero__title { font-size: var(--samf-fs-h4); }
  .samf-table { min-inline-size: 24rem; }
  .samf-table td, .samf-table th { padding: .625rem .75rem; }
}

/* 126696: section titles per Figma (Results / Standings / Events), update time, events list. */
.samf-championship-section-title { color: var(--_primary); font-size: var(--samf-fs-h3); line-height: var(--samf-lh-h3, 1.2); font-weight: 700; text-transform: uppercase; margin-block-end: 1.5rem; }
.samf-championship-meta { color: var(--_muted); }
.samf-championship .samf-badge { display: inline-block; border: 1px solid var(--_primary); color: var(--_primary); border-radius: var(--samf-radius-pill); padding-inline: .5rem; font-weight: 600; }
.samf-championship-events { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.samf-championship-events a { color: var(--_text); }
.samf-championship-events a:hover, .samf-championship-events a:focus-visible { color: var(--_primary); text-decoration: underline; }
@media (max-width: 375px) { .samf-championship-section-title { font-size: var(--samf-fs-h4); } }

/* ===== website-figma E (1105): Championship 579:8354 / results 581:9363 / standings 584:10863. Tokens only; glass colours are local (token request --samf-color-glass). ===== */
.samf-championship-page {
  --_glass: rgba(0, 0, 0, .15);
  --_glass-strong: rgba(0, 0, 0, .35);
  --_accent: var(--samf-color-performance);
  --_gutter: 1rem;
  padding-block-end: 5rem;
}
.samf-championship-page .samf-championship-hero {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; min-block-size: clamp(14rem, 23vw, 25rem); padding: 9rem var(--_gutter) 2.5rem; border: 0;
  background: radial-gradient(110% 100% at 85% 0%, var(--samf-color-services), transparent 62%), var(--samf-color-page);
}
.samf-championship-page .samf-championship-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to bottom, transparent 40%, var(--samf-color-page)); }
.samf-championship-hero__inner { inline-size: min(100%, 1420px); margin-inline: auto; }
.samf-championship-page .samf-championship-hero__title { font-size: var(--samf-fs-h2); line-height: var(--samf-lh-h2); letter-spacing: -.02em; font-weight: 500; max-inline-size: 55rem; }
:lang(ar) .samf-championship-hero__title, [dir="rtl"] .samf-championship-hero__title { letter-spacing: 0; }
.samf-championship-body { inline-size: min(100% - 2 * var(--_gutter), 1500px); margin-inline: auto; padding: 2rem 0 0; }
.samf-championship-body > .nav-tabs, .samf-championship-body > .tab-content { padding-inline: 2.5rem; }
.samf-championship-body > .nav-tabs { padding-inline: 2.5rem; margin-block-end: 3rem; }

/* Tabs: 16/20 medium, 10x24, active green with 3px underline, others white with 1px rule */
.samf-championship-page .nav-tabs { border: 0; gap: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
.samf-championship-page .nav-tabs .nav-link {
  min-block-size: 2.75rem; padding: .625rem 1.5rem; border: 0; border-radius: 0; background: transparent; color: var(--samf-color-text);
  font-family: var(--samf-font-display); font-size: 1rem; line-height: 1.25; font-weight: 500;
  border-block-end: 1px solid var(--samf-color-text); margin: 0;
}
.samf-championship-page .nav-tabs .nav-link:hover, .samf-championship-page .nav-tabs .nav-link:focus-visible { color: var(--_primary); }
.samf-championship-page .nav-tabs .nav-link.active { color: var(--_primary); background: transparent; border-block-end: 3px solid var(--_primary); }
.samf-championship-page .nav-tabs::after { content: ""; flex: 1 0 1rem; border-block-end: 1px solid var(--samf-color-text); }

/* Section heading 46/50 semibold performance green */
.samf-championship-page .samf-championship-section-title { color: var(--_accent); font-family: var(--samf-font-display); font-size: var(--samf-fs-h3); line-height: 1.1; font-weight: 700; text-transform: uppercase; margin-block-end: 2rem; }
:lang(ar) .samf-championship-section-title, [dir="rtl"] .samf-championship-section-title { text-transform: none; letter-spacing: 0; }
.samf-championship-lead { font-family: var(--samf-font-display); font-size: var(--samf-fs-h5); line-height: 1.17; font-weight: 500; max-inline-size: 50rem; margin-block-end: 1.5rem; }
.samf-championship-page .samf-championship-meta { font-size: var(--samf-fs-body); color: var(--_muted); margin-block-end: 1.5rem; }
.samf-championship-page .samf-badge { border-radius: var(--samf-radius-pill); margin-inline-start: .5rem; }

/* Season and category selectors: chips on the glass line */
.samf-championship-page .samf-selector { margin-block-end: 1.25rem; }
.samf-championship-page .samf-selector a { border: 1px solid var(--samf-color-border); border-radius: .5rem; background: var(--_glass); color: var(--samf-color-text); min-block-size: 2.75rem; font-size: var(--samf-fs-body); }
.samf-championship-page .samf-selector a:hover { border-color: var(--_primary); color: var(--_primary); }
.samf-championship-page .samf-selector a.is-active { background: var(--_primary); border-color: var(--_primary); color: var(--_on-primary); }

/* Table: glass, 16px radius, green header row 14/20 semibold, 52px rows */
.samf-championship-page .samf-table-wrap { background: var(--_glass); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid var(--samf-color-border); border-radius: 1rem; margin-block-start: 2rem; }
.samf-championship-page .samf-table { --bs-table-bg: transparent; --bs-table-border-color: var(--samf-color-border); font-size: var(--samf-fs-body); line-height: 1.43; }
.samf-championship-page .samf-table thead th { background: var(--_glass-strong); color: var(--_accent); font-weight: 600; border-block-end: 1px solid var(--samf-color-border); }
.samf-championship-page .samf-table td, .samf-championship-page .samf-table th { padding: 1rem 1.25rem; vertical-align: middle; background-color: transparent; }
.samf-championship-page .samf-table tbody tr:last-child td { border-block-end: 0; }
.samf-championship-page .samf-round-lines td { padding-block: .5rem; }
.samf-championship-page .samf-round-lines summary { cursor: pointer; color: var(--_primary); min-block-size: 2.75rem; display: flex; align-items: center; }
.samf-championship-page .table-sm th, .samf-championship-page .table-sm td { padding: .5rem 1rem; }

/* Events pane and championship list: glass cards, date in green above the title (Figma event-details block) */
.samf-championship-page .samf-championship-events, .samf-championship-list { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); padding: 0; margin: 0; list-style: none; }
.samf-championship-page .samf-championship-card { position: relative; background: var(--_glass); border: 1px solid var(--samf-color-border); border-radius: 1rem; box-shadow: 0 4px 20px rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.samf-championship-event { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem; min-block-size: 8rem; justify-content: flex-end; transition: border-color .2s; }
.samf-championship-event:hover, .samf-championship-event:focus-within { border-color: var(--_primary); }
.samf-championship-event__date { color: var(--_primary); font-size: var(--samf-fs-small); line-height: 1rem; }
.samf-championship-event > a, .samf-championship-event__title { color: var(--samf-color-text); font-size: 1rem; line-height: 1.25; font-weight: 500; margin: 0; font-family: var(--samf-font-display); text-decoration: none; }
.samf-championship-event__title a { color: var(--samf-color-text); text-decoration: none; }
.samf-championship-event > a:hover, .samf-championship-event__title a:hover { color: var(--_primary); }

/* Empty / unavailable: dashed glass panel (our design) */
.samf-championship-state { max-inline-size: 40rem; margin: 1rem auto; padding: 2.5rem 1.5rem; text-align: center; background: var(--_glass); border: 1px dashed var(--samf-color-border-strong); border-radius: 2rem; }

@media (max-width: 1024px) {
  .samf-championship-body > .nav-tabs, .samf-championship-body > .tab-content { padding-inline: 1rem; }
  .samf-championship-page .samf-championship-hero__title { font-size: var(--samf-fs-h3); }
}
@media (max-width: 640px) {
  .samf-championship-page { padding-block-end: 3rem; }
  .samf-championship-page .samf-championship-hero { padding-block-start: 6rem; }
  .samf-championship-page .nav-tabs .nav-link { padding-inline: 1rem; }
  .samf-championship-body > .nav-tabs { margin-block-end: 2rem; }
  .samf-championship-page .samf-table td, .samf-championship-page .samf-table th { padding: .75rem; }
  .samf-championship-page .samf-championship-events, .samf-championship-list { grid-template-columns: 1fr; }
}

.samf-championship-page .samf-table td { white-space: nowrap; }
.samf-championship-page .samf-table td:nth-child(2) { white-space: normal; }
.samf-championship-page .samf-round-lines td { white-space: normal; }

/* ===== website-figma E2 (1105): exact measured match, Championship 579:8354 / 581:9363 / 584:10863 (1728 frames). Fluid below 1100. =====
   TOKEN REQUESTS (local until T2): --samf-header-h, --samf-color-black / glass, family name '29LT Bukra VF'. */
.samf-championship-page {
  --_bukra: var(--samf-font-display);
  --_header-h: 76px;
  font-family: var(--_bukra);
}
.samf-championship-page :is(h1, h2, h3, h4) { font-family: var(--_bukra); }

/* Page header (579:8354 Page Header): 400 tall under the transparent header, 155 top padding, title 64/68 medium, column 879 */
.samf-championship-page .samf-championship-hero { margin-block-start: calc(-1 * var(--_header-h)); box-sizing: border-box; min-block-size: clamp(16rem, 23.1481vw, 400px); padding: 155px var(--_gutter) 0; }
.samf-championship-page .samf-championship-hero__inner { inline-size: min(100%, 1420px); }
.samf-championship-page .samf-championship-hero__title { font-size: var(--samf-fs-h2); line-height: var(--samf-lh-h2); letter-spacing: -.02em; font-weight: 500; max-inline-size: 879px; }
:lang(ar) .samf-championship-page .samf-championship-hero__title, [dir="rtl"] .samf-championship-page .samf-championship-hero__title { letter-spacing: 0; }

/* Body: 80 below the header, tabs row 1420 wide */
.samf-championship-page .samf-championship-body { padding-block: 80px 0; }
.samf-championship-page .nav-tabs { box-sizing: border-box; }
.samf-championship-body > .nav-tabs { margin-block-end: 40px; }
.samf-championship-page .nav-tabs .nav-link { box-sizing: border-box; block-size: 40px; min-block-size: 0; padding: 10px 24px; font-family: var(--_bukra); font-size: var(--samf-fs-h6); line-height: var(--samf-lh-h6); font-weight: 500; letter-spacing: 0; }
.samf-championship-page .nav-tabs .nav-link.active { border-block-end-width: 3px; }

/* Tab panes */
.samf-championship-page .samf-championship-section-title { font-family: var(--_bukra); line-height: var(--samf-lh-h3); letter-spacing: 0; font-weight: 600; margin-block-end: 32px; }
.samf-championship-page #pane-results, .samf-championship-page #pane-standings { padding-block-start: 16px; }
.samf-championship-page .tab-content > #pane-results.active, .samf-championship-page .tab-content > #pane-standings.active {
  display: grid; grid-template-columns: 1fr auto auto; column-gap: 24px; row-gap: 32px; align-items: center;
}
#pane-results > .samf-championship-section-title, #pane-standings > .samf-championship-section-title { margin: 0; }
#pane-results > .samf-selector, #pane-standings > .samf-selector { margin: 0; }
#pane-results > :not(.samf-championship-section-title, .samf-selector), #pane-standings > :not(.samf-championship-section-title, .samf-selector) { grid-column: 1 / -1; }
#pane-results > .samf-championship-meta, #pane-standings > .samf-championship-meta { order: 5; margin: 0; }
.samf-championship-page #pane-overview { max-inline-size: 698px; padding-inline-end: 40px; box-sizing: border-box; }
.samf-championship-page .samf-championship-lead { font-family: var(--_bukra); font-size: var(--samf-fs-h5); line-height: var(--samf-lh-h5); font-weight: 500; max-inline-size: none; margin-block-end: 20px; }

/* Table (Figma 777 table): 1420 wide, 16 radius, 1px rule, glass .15, header 52 green semibold, rows 52 light, gap 20 */
.samf-championship-page .samf-table-wrap { margin: 0; overflow: hidden; box-sizing: border-box; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.samf-championship-page .samf-table-wrap > .samf-table { margin: -1px; inline-size: calc(100% + 2px); max-inline-size: none; table-layout: fixed; min-inline-size: 0; font-family: var(--_bukra); font-size: var(--samf-fs-body); line-height: 20px; letter-spacing: 0; }
.samf-championship-page .samf-table th, .samf-championship-page .samf-table td { box-sizing: border-box; block-size: 52px; padding: 16px 0 16px 20px; line-height: 20px; font-weight: 300; color: var(--samf-color-text); overflow: hidden; text-overflow: ellipsis; border-block-end: 1px solid var(--samf-color-border); }
[dir="rtl"] .samf-championship-page .samf-table th, [dir="rtl"] .samf-championship-page .samf-table td { padding: 16px 20px 16px 0; }
.samf-championship-page .samf-table th:last-child, .samf-championship-page .samf-table td:last-child { padding-inline-end: 20px; }
.samf-championship-page .samf-table thead th { font-weight: 600; color: var(--samf-figma-light-green, #41F394); background: var(--_glass-strong); }
.samf-championship-page .samf-table th:first-child, .samf-championship-page .samf-table td:first-child { inline-size: 60px; }
.samf-championship-page .samf-table tbody tr:last-child td { border-block-end: 1px solid var(--samf-color-border); }
.samf-championship-page .samf-table .table-sm th, .samf-championship-page .samf-table .table-sm td { block-size: auto; }
.samf-championship-page .samf-round-lines td { block-size: auto; padding: 8px 20px; white-space: normal; }
.samf-championship-page .samf-table td { white-space: nowrap; }
.samf-championship-page #pane-standings .samf-table th:first-child, .samf-championship-page #pane-standings .samf-table td:first-child { inline-size: 80px; }

@media (max-width: 1100px) {
  .samf-championship-page .samf-championship-hero { padding-block-start: 8rem; }
  .samf-championship-page .tab-content > #pane-results.active, .samf-championship-page .tab-content > #pane-standings.active { grid-template-columns: 1fr; }
  .samf-championship-page #pane-overview { max-inline-size: none; padding-inline-end: 0; }
  .samf-championship-page .samf-table-wrap { overflow-x: auto; }
  .samf-championship-page .samf-table-wrap > .samf-table { min-inline-size: 36rem; }
}
@media (max-width: 640px) {
  .samf-championship-page .samf-championship-body { padding-block-start: 2rem; }
  .samf-championship-page .nav-tabs .nav-link { min-block-size: 44px; padding-inline: 1rem; }
  .samf-championship-page .samf-championship-section-title { margin-block-end: 1rem; }
}
/* E2: each tab carries the 1px white rule (Figma), the active one 3px green */
.samf-championship-page .nav-tabs .nav-link { border-block-end: 1px solid var(--samf-figma-white, #fff); color: var(--samf-figma-white, #fff); }
.samf-championship-page .nav-tabs .nav-link.active { border-block-end: 3px solid var(--_primary); color: var(--_primary); }
.samf-championship-page .samf-table tbody td { block-size: 51px; }
.samf-championship-page .samf-table tbody .samf-round-lines td { block-size: auto; }
.samf-championship-page .samf-table tbody td { block-size: auto; padding-block-end: 15px; } /* 16 + 20 + 15 + 1px rule = 52 */
.samf-championship-page .samf-table tbody .samf-round-lines td { padding-block-end: 8px; }
[dir="rtl"] .samf-championship-page .samf-table tbody td { padding-block-end: 15px; }
[dir="rtl"] .samf-championship-page .samf-table tbody .samf-round-lines td { padding-block-end: 8px; }

/* ui-web-pages-1105: hero title aligns with the body column (gutter + 2.5rem tab padding) and is not clipped at the hero's bottom edge */
.samf-championship-page .samf-championship-hero { padding-inline: 0; padding-block-end: 12px; }
.samf-championship-page .samf-championship-hero__inner { box-sizing: border-box; inline-size: min(100% - 2 * var(--_gutter), 1500px); padding-inline: 2.5rem; }
@media (max-width: 640px) {
  .samf-championship-page .samf-championship-hero__inner { padding-inline: 0; }
  .samf-championship-page .samf-championship-body > .nav-tabs, .samf-championship-page .samf-championship-body > .tab-content { padding-inline: 0; }
}

/* ui-web-pages-1105: Figma 777:24018 overview = text column left, two photos right (678 wide, radius 16, gap 24). The 698px cap on the pane squeezed the photo column to 0 on desktop. */
.samf-championship-page #pane-overview { max-inline-size: none; padding-inline-end: 0; }
.samf-championship-page .samf-cms-overview { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; }
.samf-championship-page .samf-cms-overview__text { max-inline-size: 640px; }
.samf-championship-page .samf-cms-photos { display: flex; flex-direction: column; gap: 24px; }
.samf-championship-page .samf-cms-photos img { inline-size: 100%; block-size: auto; aspect-ratio: 678 / 375; object-fit: cover; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
@media (max-width: 1024px) { .samf-championship-page .samf-cms-overview { grid-template-columns: 1fr; gap: 24px; } .samf-championship-page .samf-cms-overview__text { max-inline-size: none; } }

/* ui-web-pages-1105: photo sits under the transparent header (header is 125 tall incl. margin), the fade-to-page overlay is above the photo, listing cards share the title gutter */
.samf-championship-page .samf-championship-hero { margin-block-start: -125px; min-block-size: calc(clamp(16rem, 23.1481vw, 400px) + 49px); }
.samf-championship-page .samf-championship-hero > .samf-cms-hero-bg { z-index: -2; }
.samf-championship-page .samf-championship-hero::after { background: linear-gradient(to bottom, rgba(17, 31, 29, .35) 0%, rgba(17, 31, 29, .55) 55%, var(--samf-color-page) 100%); }
.samf-championship-body > .samf-championship-list, .samf-championship-body > .samf-championship-state { padding-inline: 2.5rem; box-sizing: border-box; }
@media (max-width: 640px) { .samf-championship-body > .samf-championship-list, .samf-championship-body > .samf-championship-state { padding-inline: 0; } }
/* ui-web-pages-1105: Figma mobile 777:21079 - hero title 32/36, lead 18/22, body 14/20, section title 28 */
@media (max-width: 640px) {
  .samf-championship-page .samf-championship-hero__title { font-size: 2rem; line-height: 2.25rem; }
  .samf-championship-page .samf-championship-lead { font-size: 1.125rem; line-height: 1.375rem; }
  .samf-championship-page .samf-championship-text { font-size: .875rem; line-height: 1.25rem; }
  .samf-championship-page .samf-championship-section-title { font-size: 1.75rem; }
}

/* ui-web-pages-1105 (kit consistency, no Figma frame for the list): the list header uses the same Porsche photo as /disciplines when the CMS gives no hero image */
.samf-championship-page .samf-championship-hero:not(:has(> .samf-cms-hero-bg)) {
  background: url("/media/events/championship-hero.jpg") center 30% / cover no-repeat, radial-gradient(110% 100% at 85% 0%, var(--samf-color-services), transparent 62%), var(--samf-color-page);
}

/* ui-web-pages-1105: tabs keep the Figma 40px look; the hit area reaches 44px */
.samf-championship-page .nav-tabs .nav-link { position: relative; }
.samf-championship-page .nav-tabs .nav-link::before { content: ""; position: absolute; inset-block: -2px; inset-inline: 0; }

/* ===== visual-fix-1108 (G3): championship details/list vs Figma 579:8354 / 777:24018 / mobile 777:21079 ===== */
/* Hero: Figma Page Header is 400 tall, starts at y=0 under the pill header (100px below 1400, 125px from 1400), title at the bottom.
   Replaces the stale 76px var and the +49px extra (live hero was 449). */
.samf-championship-page { --samf-header-h: 6.25rem; --_header-h: 6.25rem; }
@media (min-width: 1400px) { .samf-championship-page { --samf-header-h: 7.8125rem; --_header-h: 7.8125rem; } }
.samf-championship-page .samf-championship-hero { margin-block-start: calc(-1 * var(--samf-header-h)); block-size: 400px; min-block-size: 0; padding-block: 155px 0; box-sizing: border-box; }
@media (max-width: 1100px) { .samf-championship-page .samf-championship-hero { padding-block: 120px 0; } }
.samf-championship-page .samf-championship-hero__title { max-inline-size: 879px; }

/* Overview: two equal columns (698 / 698 at 1420 content, gap 24), text column keeps 40px end padding (658 text), photos 698x386 radius 16,
   border white .15, shadow 0 4px 20px .5, gap 32 (Figma 777:24380). */
.samf-championship-page .samf-cms-overview { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.samf-championship-page .samf-cms-overview__text { max-inline-size: none; padding-inline-end: 40px; box-sizing: border-box; }
.samf-championship-page .samf-cms-photos { gap: 32px; justify-content: center; }
.samf-championship-page .samf-cms-photos img { aspect-ratio: 698 / 386; border: 1px solid rgba(255, 255, 255, .15); box-shadow: 0 4px 20px rgba(0, 0, 0, .5); box-sizing: border-box; }
.samf-championship-page .samf-championship-text { font-size: var(--samf-fs-body); line-height: 20px; font-weight: 300; margin: 0 0 20px; }
.samf-championship-page .samf-championship-lead { margin-block-end: 20px; }
@media (max-width: 1024px) {
  .samf-championship-page .samf-cms-overview { grid-template-columns: 1fr; gap: 32px; }
  .samf-championship-page .samf-cms-overview__text { padding-inline-end: 0; }
}

/* Visit button = Figma Button/light: padding 15 20, 14/20 semibold, radius 8, #41f394 / ink text (live: 16/24, 44 tall) */
.samf-championship-page .samf-championship-actions { margin: 32px 0 0; }
.samf-championship-page .samf-championship-visit { display: inline-flex; align-items: center; gap: 12px; padding: 15px 20px; min-block-size: 0; border: 0; border-radius: 8px; font-size: var(--samf-fs-body); line-height: 20px; font-weight: 600; letter-spacing: 0; background: var(--samf-figma-light-green, #41F394); color: var(--samf-figma-racing-charcoal, #1A2F2B); }
.samf-championship-page .samf-championship-visit:hover, .samf-championship-page .samf-championship-visit:focus { background: var(--samf-color-primary-hover); color: var(--samf-figma-racing-charcoal, #1A2F2B); }

/* Events carousel (Figma 581:9324): 80 below the overview, heading 46/50, gap 40, three 16-radius cards 24 apart, arrows 62 centred on the edges.
   UNVERIFIED-MARKUP: Details.cshtml adds class samf-events-page to this <section> so it receives the events-page card/arrow rules; the page-level
   rules of .samf-events-page (flex column, 5rem padding, radial background) are neutralised here. */
.samf-championship-page .samf-events-section.samf-events-page { display: flex; flex-direction: column; align-items: stretch; gap: 40px; margin-block-start: 80px; padding: 0; background: none; inline-size: auto; }
.samf-championship-page .samf-events-section.samf-events-page .samf-events-section__head { margin: 0; }
.samf-championship-page .samf-events-section.samf-events-page .samf-events-section__track { position: relative; display: flow-root; }
.samf-championship-page .samf-events-section.samf-events-page .samf-event-card { aspect-ratio: auto; block-size: 520px; box-shadow: 0 4px 20px rgba(0, 0, 0, .5); } /* Figma cards are 457 x 520 */
@media (max-width: 640px) {
  .samf-championship-page .samf-events-section.samf-events-page { margin-block-start: 40px; gap: 20px; }
  .samf-championship-page .samf-events-section.samf-events-page .samf-carousel { margin: 0; padding: 8px 0 16px; scroll-padding-inline: 0; } /* the -24px bleed made the page scroll sideways by 4px */
}

/* Mobile (Figma 777:21079): hero 400, page padding 20 */
@media (max-width: 640px) {
  .samf-championship-page .samf-championship-hero { padding-block: 120px 0; }
  .samf-championship-page .samf-championship-hero__inner { inline-size: calc(100% - 40px); }
  .samf-championship-page .samf-championship-body { padding-block-start: 40px; }
  .samf-championship-page .samf-championship-body { inline-size: calc(100% - 40px); }
  .samf-championship-page .samf-cms-photos { gap: 16px; }
}
@media (min-width: 641px) and (max-width: 1100px) { .samf-championship-page .samf-championship-hero__inner { padding-inline: 1rem; } } /* title aligns with the tab/section column (32px from the edge) */