.sheshi-events-page { padding: 42px 0 72px; color:var(--text-primary); background:var(--surface-page); }
.sheshi-events-page h1 { font-size:clamp(30px,4vw,46px); line-height:1.16; letter-spacing:-.035em; margin:0 0 18px; }
.sheshi-events-page h2,.sheshi-events-preview h2 { font-size:clamp(22px,2.5vw,29px); line-height:1.3; letter-spacing:-.025em; }
.sheshi-events-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; margin-bottom:32px; }
.sheshi-events-heading>div { max-width:680px; }
.sheshi-events-heading p { color:var(--text-secondary); max-width:720px; }
.sheshi-event-eyebrow,.sheshi-event-meta { color:var(--text-secondary); font-size:14px; }
.sheshi-events-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.sheshi-events-preview a:not(.sheshi-event-row),.sheshi-events-page a:not(.sheshi-button):not(.sheshi-event-row) { color:var(--accent-text); }
.sheshi-event-row { display:grid; grid-template-columns:64px minmax(0,1fr) 22px; gap:20px; align-items:start; padding:24px 0; border-bottom:1px solid var(--border); text-decoration:none!important; color:var(--text-primary)!important; }
.sheshi-event-row:hover .sheshi-event-row-title { text-decoration:underline; text-underline-offset:4px; }
.sheshi-event-date { display:flex; flex-direction:column; align-items:center; padding:9px 4px; border-radius:7px; background:var(--surface-sunken); color:var(--accent-text); }
.sheshi-event-date strong { font-size:28px; line-height:1.1; }
.sheshi-event-date span { font-size:11px; white-space:nowrap; }
.sheshi-event-row-copy { display:flex; flex-direction:column; gap:5px; min-width:0; overflow-wrap:anywhere; }
.sheshi-event-row-title { font-size:20px; line-height:1.35; font-weight:650; }
.sheshi-event-row .sheshi-event-row-title { color:var(--text-primary)!important; }
.sheshi-event-row-summary { margin-top:5px; color:var(--text-secondary); line-height:1.6; }
.sheshi-event-state,.sheshi-event-alert { background:var(--accent-bg); color:var(--text-primary); font-weight:600; padding:6px 10px; border-radius:5px; width:fit-content; }
.sheshi-event-filters { display:flex; flex-wrap:wrap; gap:14px; align-items:end; padding:20px 0; margin-bottom:8px; border-bottom:1px solid var(--border); }
.sheshi-event-filters label { display:flex; flex-direction:column; gap:6px; font-size:14px; color:var(--text-secondary); flex:1 1 165px; min-width:0; }
.sheshi-event-filters select { width:100%; min-height:46px; font:inherit; font-size:16px; background:var(--surface-card); color:var(--text-primary); border:1px solid var(--border-strong); border-radius:6px; padding:9px; }
/* The legacy shell still forces dark form fills; override only event controls. */
body.sheshi-shell .sheshi-event-filters select { background:var(--surface-card)!important; color:var(--text-primary)!important; border-color:var(--border-strong)!important; }
.sheshi-event-filters .sheshi-event-benefit { flex-direction:row; align-items:center; flex:0 1 auto; min-height:46px; }
.sheshi-event-benefit input { width:18px; height:18px; }
.sheshi-event-empty { padding:38px 0; max-width:680px; }
.sheshi-event-changes { margin-top:40px; }
.sheshi-event-pagination { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.sheshi-event-pagination a { padding:9px 15px; border:1px solid var(--border); border-radius:5px; }
.sheshi-event-pagination [aria-current] { background:var(--surface-sunken); font-weight:700; }
.sheshi-event-back { display:inline-block; padding:8px 0; margin-bottom:22px; }
.sheshi-event-heading { margin-bottom:28px; max-width:100%; }
.sheshi-event-heading .sheshi-page-tools { justify-content:space-between; }
.sheshi-event-detail { display:grid; grid-template-columns:minmax(0,1fr) 320px; grid-template-areas:"body facts"; gap:48px; align-items:start; }
.sheshi-event-body { grid-area:body; min-width:0; overflow-wrap:anywhere; }
.sheshi-event-body section { padding:0 0 25px; margin:0 0 28px; border-bottom:1px solid var(--border); }
.sheshi-event-body p { line-height:1.75; }
.sheshi-event-facts { grid-area:facts; background:var(--surface-sunken); border:1px solid var(--border); border-radius:10px; padding:25px; overflow-wrap:anywhere; position:sticky; top:100px; }
.sheshi-event-facts dl { margin:0; }
.sheshi-event-facts dt { color:var(--text-secondary); font-size:14px; margin-bottom:5px; }
.sheshi-event-facts dd { margin:0 0 22px; font-size:17px; font-weight:550; }
.sheshi-event-facts dd span,.sheshi-event-facts small { display:block; }
.sheshi-event-facts dd,.sheshi-event-facts dd>span { color:var(--text-primary); }
.sheshi-event-facts small { font-size:13px; font-weight:400; color:var(--text-secondary); margin-top:6px; }
.sheshi-event-facts .sheshi-button { display:flex; text-align:center; justify-content:center; white-space:normal; }
.sheshi-event-route { display:block; text-align:center; padding:13px 0 0; }
.sheshi-event-question { border-bottom:1px solid var(--border); padding:17px 0; }
.sheshi-event-question summary { cursor:pointer; font-weight:550; min-height:28px; }
.sheshi-event-question p { color:var(--text-secondary); }
.sheshi-event-submit { max-width:760px; }
.sheshi-event-submit li { margin:12px 0; }
.sheshi-event-submit .sheshi-event-meta { margin:16px 0 32px; overflow-wrap:anywhere; }
@media(max-width:900px) { .sheshi-event-detail { grid-template-columns:1fr; grid-template-areas:"facts" "body"; gap:30px; } .sheshi-event-facts { position:static; } }
@media(max-width:600px) { .sheshi-events-page { padding:24px 0 44px; } .sheshi-event-row { grid-template-columns:52px minmax(0,1fr); gap:13px; padding:20px 0; } .sheshi-event-row-title { font-size:18px; } .sheshi-event-arrow { display:none; } .sheshi-event-date strong { font-size:26px; } .sheshi-event-facts { padding:20px; } .sheshi-event-heading .sheshi-page-tools { flex-wrap:wrap; } .sheshi-events-heading .sheshi-secondary-cta { white-space:normal; } }
