.sp-container{width:min(var(--sp-max), calc(100% - (var(--sp-gutter) * 2))); margin-inline:auto}
.sp-shell{min-height:100vh; display:flex; flex-direction:column}
.sp-content{flex:1; padding-top:var(--sp-content-padding-top); padding-bottom:var(--sp-content-padding-bottom)}
.sp-main{width:100%}
.sp-section{margin-top:var(--sp-section-gap)}
.sp-section--split{margin-top:var(--sp-section-gap-small)}
.sp-section__head{display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:18px}
.sp-section__head h2,.sp-page-head h1{margin:0; font-family:var(--sp-font-display); letter-spacing:-.045em; line-height:1.02}
.sp-section__head h2{font-size:var(--sp-fs-section-title)}
.sp-section__head--compact{margin-bottom:14px}
.sp-page-head{margin-bottom:clamp(24px,4vw,42px); max-width:900px}
.sp-page-head h1{font-size:var(--sp-fs-page-title)}
.sp-page-head p{font-size:var(--sp-fs-body); color:var(--sp-muted); max-width:760px}
.sp-kicker,.sp-eyebrow{display:inline-flex; align-items:center; gap:8px; margin-bottom:10px; color:var(--sp-accent); font-size:var(--sp-fs-xs); line-height:var(--sp-line-height-tight); font-weight:var(--sp-fw-norm); letter-spacing:.12em; text-transform:uppercase}
.sp-kicker::before,.sp-eyebrow::before{content:""; width:8px; height:8px; border-radius:var(--sp-radius-pill); background:var(--sp-accent); box-shadow:0 0 18px var(--sp-accent-alpha-90)}
.sp-more{color:var(--sp-text-soft); font-weight:var(--sp-fw-medium); white-space:nowrap; opacity:.88}
.sp-more:hover{color:var(--sp-accent)}
.sp-card-grid{display:grid; gap:16px}
.sp-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-post-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.sp-match-list{display:grid; gap:12px}
.sp-team-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.sp-home__columns{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:18px; align-items:start}
.sp-skip-link{position:fixed; left:16px; top:16px; z-index:9999; transform:translateY(-140%); padding:10px 14px; border-radius:var(--sp-radius-control); background:var(--sp-accent); color:var(--sp-accent-contrast); font-weight:var(--sp-fw-heavy); transition:transform .2s var(--sp-ease)}
.sp-skip-link:focus{transform:translateY(0)}