/* Homepage structure. Shared shell, controls and tokens own visual defaults. */
.home-concept .ui-hero { display:grid; grid-template-columns:minmax(0,1fr) 360px; column-gap:var(--ui-space-7); align-content:start; }
.home-concept .ui-hero > .ui-eyebrow,.home-concept .ui-hero > h1,.home-concept .ui-hero > .ui-lead,.home-feature-meta,.home-feature-actions { grid-column:1; }
.home-concept .ui-hero h1 { white-space:pre-line; max-width:20ch; }
.home-feature-meta { display:grid; gap:var(--ui-space-1); margin-top:var(--ui-space-5); font-size:var(--ui-text-sm); color:var(--ui-on-dark); }
.home-feature-meta .ui-eyebrow { margin:0; }
.home-feature-actions { align-items:start; align-content:start; }
.home-feature-card { grid-column:2; grid-row:1 / span 5; display:grid; justify-items:center; gap:var(--ui-space-4); text-align:center; align-content:center; }
.home-feature-card > img { width:110px; height:135px; object-fit:contain; }
.home-feature-card h2 { font-size:var(--ui-h3); margin-top:var(--ui-space-3); }
.home-feature-deck { font-size:var(--ui-text-sm); margin:0; }
.home-feature-venue { font-size:.75rem; color:var(--ui-muted); }
.home-feature-date { font-size:var(--ui-h2); font-weight:700; margin-block:var(--ui-space-3); }
.home-feature-date span { display:block; font-size:var(--ui-text-sm); font-weight:400; color:var(--ui-muted); }
.home-score { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:var(--ui-space-2); align-items:center; margin-block:var(--ui-space-4); }
.home-score > div { display:grid; justify-items:center; gap:var(--ui-space-2); min-width:0; }
.home-score strong { font-size:var(--ui-h1); line-height:1; font-variant-numeric:tabular-nums; }
.home-score .result-label { font-size:.75rem; padding:var(--ui-space-1) var(--ui-space-2); min-height:32px; }
.home-example-note { font-size:.75rem; margin-top:var(--ui-space-3); color:var(--ui-muted); }
.home-season .ui-section-head { align-items:center; }
.home-season .ui-section-head .ui-muted { margin-top:var(--ui-space-2); }
.home-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ui-space-4); list-style:none; margin:0; padding:0; }
.home-stop { min-width:0; position:relative; }
.home-stop-track { display:flex; align-items:center; gap:var(--ui-space-3); padding-bottom:var(--ui-space-4); font-weight:600; }
.home-stop-track::after { content:''; flex:1; height:2px; background:var(--ui-line); }
.home-stop-track > span { display:grid; place-items:center; width:32px; height:32px; border-radius:var(--ui-radius-pill); background:var(--ui-soft); color:var(--ui-muted); font-size:var(--ui-text-sm); }
.home-stop--featured .home-stop-track > span { background:var(--brand-olive); color:var(--brand-navy); }
.home-stop article { display:flex; flex-direction:column; align-items:start; gap:var(--ui-space-2); padding:var(--ui-space-4); border:1px solid var(--ui-line); border-radius:var(--ui-radius-sm); height:calc(100% - 48px); }
.home-stop--featured article { border-color:var(--brand-olive-deep); background:var(--ui-positive-bg); }
.home-stop-identity { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--ui-space-2); width:100%; }
.home-stop-identity img { width:40px; height:48px; object-fit:contain; }
.home-stop h3 { max-width:18ch; }
.home-stop p { font-size:var(--ui-text-sm); }
.home-stop article > a,.home-stop-next { margin-top:auto; display:flex; align-items:center; min-height:var(--ui-control-height); font-size:var(--ui-text-sm); }
.home-season-note { border-top:1px solid var(--ui-line); padding-top:var(--ui-space-4); margin-top:var(--ui-space-5); font-size:var(--ui-text-sm); }
.home-story-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--ui-space-5); }
.home-story h2 { max-width:30ch; }
.home-story-previous { display:block; width:fit-content; margin-top:var(--ui-space-3); min-height:var(--ui-control-height); align-content:center; }
.home-beyond li a { display:flex; align-items:center; min-height:var(--ui-control-height); }
.home-live-matches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ui-space-5); }
.home-live-matches article { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--ui-space-3); }
.home-live-matches h3 { font-size:var(--ui-text-base); }
.home-live-matches p { margin:var(--ui-space-1) 0 0; font-size:var(--ui-text-sm); }
.home-live-matches strong { white-space:nowrap; }
.home-design-note { color:var(--ui-on-dark); font-size:var(--ui-text-sm); }
.home-design-note summary { cursor:pointer; min-height:var(--ui-control-height); align-content:center; }
.home-design-note p { max-width:var(--ui-reading-width); }
@media(max-width:1000px) {
 .home-concept .ui-hero { grid-template-columns:minmax(0,1fr) 300px; gap:0 var(--ui-space-5); }
 .home-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .home-concept .ui-hero { display:block; }
 .home-concept .ui-hero h1 { max-width:18ch; }
 .home-feature-meta { display:none; }
 .home-feature-meta > .ui-eyebrow { display:none; }
 .home-feature-meta > span:last-child { font-size:.75rem; }
 .home-feature-actions { margin-top:var(--ui-space-4); gap:var(--ui-space-2); }
 .home-feature-card { display:grid; grid-template-columns:64px minmax(0,1fr); text-align:left; margin-top:var(--ui-space-4); gap:var(--ui-space-3); align-items:start; justify-items:stretch; }
 .home-feature-card > img { width:64px; height:78px; }
 .home-feature-card h2 { margin-top:var(--ui-space-2); }
 .home-feature-date { margin-block:var(--ui-space-2); }
 .home-feature-deck { display:none; }
 .home-score { margin-block:var(--ui-space-3) 0; }
 .home-score strong { font-size:var(--ui-h2); }
 .home-score .result-label { font-size:.6875rem; padding:var(--ui-space-1); }
 .home-feature-card .home-example-note { margin-bottom:0; }
 .home-timeline { grid-template-columns:1fr; gap:0; }
 .home-stop { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:var(--ui-space-2); }
 .home-stop-track { flex-direction:column; gap:var(--ui-space-2); padding:var(--ui-space-4) 0 0; font-size:.75rem; text-align:center; }
 .home-stop-track::after { width:2px; height:auto; min-height:var(--ui-space-4); }
 .home-stop article { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; height:auto; margin-bottom:var(--ui-space-2); padding:var(--ui-space-3); gap:var(--ui-space-1) var(--ui-space-2); }
 .home-stop-identity img { display:none; }
 .home-stop-identity { grid-column:2; grid-row:1; width:auto; margin:0; }
 .home-stop h3 { grid-column:1; grid-row:1; max-width:none; font-size:var(--ui-text-base); }
 .home-stop p { grid-column:1; grid-row:2; margin:0; }
 .home-stop article > a { grid-column:2; grid-row:2; justify-self:end; margin:0; }
 .home-stop-next { display:none; }
 .home-stop .event-coverage { grid-column:1 / -1; margin-top:0; padding-top:0; border-top:0; }
 .home-stop .event-coverage-label { display:none; }
 .home-season .ui-section-head { gap:var(--ui-space-3); }
 .home-story-grid,.home-live-matches { grid-template-columns:1fr; gap:var(--ui-space-4); }
 .home-live-matches article + article { padding-top:var(--ui-space-4); border-top:1px solid var(--ui-line); }
}
@media(max-width:360px) {
 .home-stop { grid-template-columns:32px minmax(0,1fr); column-gap:var(--ui-space-1); }
 .home-stop article { padding:var(--ui-space-2); column-gap:var(--ui-space-1); }
}