/* Dense desktop SSF overview. Reuse the site's navy/cream palette and type. */
/* Three centres at 2/6, 3/6 and 4/6 of the page: outer gaps = 2 x inner gaps. */
.ssf-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 0 20px; padding:calc(10px - 4pt - 4px) 25%; gap:0; background:#1E304C; border-top:1px solid rgba(217,247,253,.2); border-bottom:1px solid rgba(217,247,253,.2); font-family:"Verdana Pro",Verdana,sans-serif; }
.ssf-summary-item { display:flex; flex-direction:column; gap:4px; min-width:0; color:var(--cream); text-decoration:none; padding:4px 8px; text-align:center; }
.ssf-summary-label { font-size:11px; opacity:.85; }
.ssf-summary-value { font-size:15px; font-weight:600; line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ssf-summary-event { display:grid; }
.ssf-summary-event > span { grid-area:1 / 1; }
/* The name stays out of the layout until hover/focus: a hidden-but-present
   two-line name made the bar three lines tall before anyone hovered. */
.ssf-event-name { display:none; }
.ssf-summary-event:hover .ssf-event-date, .ssf-summary-item:focus-visible .ssf-event-date { visibility:hidden; }
.ssf-summary-event:hover .ssf-event-name, .ssf-summary-item:focus-visible .ssf-event-name { display:block; }
.ssf-summary-item:hover .ssf-summary-label { text-decoration:underline; text-underline-offset:4px; }
.ssf-summary-item:focus-visible, .ssf-list-disclosure summary:focus-visible { outline:2px solid var(--cream); outline-offset:3px; }
.ssf-main [id^="ssf-"] { scroll-margin-top:16px; }
.ssf-main [id^="ssf-"][tabindex="-1"]:not(button):focus { outline:none; }
.ssf-list-disclosure { margin-top:5px; }
.ssf-list-disclosure summary { width:fit-content; cursor:pointer; color:inherit; font-size:11px; padding:3px 0; text-decoration:underline; text-underline-offset:3px; }
.ssf-list-disclosure summary::marker { font-size:9px; }
.ssf-list-disclosure > div { padding-top:4px; }
.ssf-list-disclosure[open] { display:flex; flex-direction:column; }
.ssf-list-disclosure[open] > summary { order:2; margin-top:4px; }
.ssf-list-disclosure[open] > div { order:1; }