/* Browser foundation and progressive enhancements for the approved design. */
:root { color-scheme:light dark; }
html { background:light-dark(#fffefa,#152238); }
body { margin:0; }
#sbc-site { max-width:1440px; margin:0 auto; padding:0.01px 0; }
#sbc-site main { outline-offset:-4px; }
#sbc-site img { max-width:100%; }
#sbc-site button,#sbc-site summary { cursor:pointer; }
#sbc-site a:focus-visible,#sbc-site button:focus-visible,#sbc-site summary:focus-visible {
  outline:3px solid #b87000; outline-offset:5px; border-radius:3px;
}
#sbc-site .sbc-header a:focus-visible,#sbc-site .sbc-header button:focus-visible,
#sbc-site .sbc-hero a:focus-visible,#sbc-site .sbc-footer a:focus-visible {
  outline-color:#ffde91;
}
.skip-link { position:absolute; z-index:10; left:18px; top:12px; transform:translateY(-160%); padding:12px 18px; background:#fffefa; color:#15233a; font:600 14px/1.5 Arial,sans-serif; }
.skip-link:focus { transform:translateY(0); }
#sbc-site .sbc-event-detail,#sbc-site #leaders { scroll-margin-top:28px; }
#sbc-site .sbc-page-head { margin-top:18px; }
#sbc-site .sbc-page-body.sbc-reading { max-width:1100px; }
#sbc-site .sbc-footer a { min-height:32px; }
/* Display the original artwork in white without its transparent canvas margins.
   Source: 1920×1080; visible artwork bounds: x353–1564, y191–831.
   The PNG and its alpha channel are unchanged; the filter only changes display color. */
#sbc-site .sbc-logo-brand { display:block; width:250px; padding:10px 12px; background:transparent; }
#sbc-site .sbc-logo-art { display:block; position:relative; width:100%; aspect-ratio:1211 / 640; overflow:hidden; }
#sbc-site .sbc-logo-art img { position:absolute; width:158.5467%; max-width:none; height:auto; left:-29.1495%; top:-29.8438%; filter:brightness(0) invert(1); }
#sbc-site .sbc-footer .sbc-logo-brand { display:block; padding:10px 12px; }
#sbc-site .sbc-hero { padding-top:211px; }
#sbc-site .sbc-wednesday { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 64px; padding:20px 0; border-bottom:1px solid var(--sbc-line); }
#sbc-site .sbc-wednesday h2 { font-family:var(--sbc-sans); font-size:13px; font-weight:700; letter-spacing:.02em; line-height:1.5; }
#sbc-site .sbc-wednesday p { font-size:14px; color:var(--sbc-muted); margin:0; }
#sbc-site .sbc-wednesday strong { color:var(--sbc-heading); font-weight:700; }
@container (max-width:820px) {
  #sbc-site .sbc-logo-brand { width:220px; }
  #sbc-site .sbc-hero { padding-top:194px; }
  #sbc-site .sbc-wednesday { margin:0 51px; align-items:start; flex-direction:column; gap:7px; }
  #sbc-site:not(.js-ready) .sbc-nav { display:flex; }
  #sbc-site:not(.js-ready)[data-view="home"] .sbc-header { position:relative; top:auto; left:auto; right:auto; margin:18px 18px 0; background:var(--sbc-night); }
  #sbc-site:not(.js-ready) .sbc-hero { padding-top:48px; }
}
@container (max-width:600px) {
  #sbc-site .sbc-logo-brand { width:190px; padding:8px 10px; }
  #sbc-site .sbc-hero { padding-top:185px; }
  #sbc-site .sbc-wednesday { margin:0 34px; padding:20px 0; }
  #sbc-site .sbc-wednesday p { font-size:13px; }
  #sbc-site .sbc-wednesday .sbc-midweek-separator { display:block; height:4px; font-size:0; }
  #sbc-site .sbc-footer .sbc-logo-brand { width:240px; max-width:100%; }
}
@container (max-width:350px) {
  #sbc-site .sbc-header { padding:12px; gap:8px; }
  #sbc-site .sbc-logo-brand { width:178px; }
  #sbc-site .sbc-hero { padding-top:172px; }
}
@media (pointer:coarse) {
  #sbc-site .sbc-footer a,#sbc-site .sbc-event-row>a { min-height:44px; }
}