/* Horizontal related-event recommendation displayed after a BCI news article. */
.bci-article-event {
  --bci-rel-bg: #fff;
  --bci-rel-ink: #141d5a;
  --bci-rel-muted: #5f6685;
  --bci-rel-accent: #7556a7;
  --bci-rel-border: #dfe2f0;
  display: grid;
  grid-template-columns: minmax(155px, 31%) minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
  min-height: 202px;
  margin: 38px 0 30px;
  border: 1px solid var(--bci-rel-border);
  border-radius: 11px;
  overflow: hidden;
  background: var(--bci-rel-bg);
  box-shadow: 0 9px 28px rgba(20,29,90,.065);
  color: var(--bci-rel-ink);
  font-family: 'Montserrat',Arial,sans-serif;
  box-sizing: border-box;
}
.bci-article-event *, .bci-article-event *::before, .bci-article-event *::after { box-sizing:border-box; }
.bci-article-event__visual { min-width:0; min-height:100%; background:#171d54; }
.bci-article-event__visual > a { display:block; width:100%; height:100%; min-height:202px; }
.bci-article-event__visual img { display:block; width:100%; height:100%; min-height:202px; object-fit:cover; object-position:center; }
.bci-article-event__fallback { display:grid; place-content:center; width:100%; min-height:202px; height:100%; background:linear-gradient(125deg,#141d5a,#675298); color:white; text-align:center; font:400 32px/1 'Cormorant Garamond',Georgia,serif; }
.bci-article-event__details { min-width:0; padding:22px 28px 22px 29px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.bci-article-event__eyebrow { display:block; color:var(--bci-rel-accent); font:600 10px/1.55 'Montserrat',Arial,sans-serif; letter-spacing:.15em; text-transform:uppercase; margin:0 0 7px; }
.bci-article-event .bci-article-event__details h2 { font:400 clamp(24px,2.8vw,35px)/1.08 'Cormorant Garamond',Georgia,serif !important; color:var(--bci-rel-ink) !important; margin:0 0 11px !important; padding:0 !important; letter-spacing:normal !important; text-transform:none !important; text-wrap:balance; }
.bci-article-event .bci-article-event__details h2 a { font:inherit; color:inherit !important; text-decoration:none !important; border:none; }
.bci-article-event .bci-article-event__details h2 a:hover { text-decoration:underline !important; text-underline-offset:4px; }
.bci-article-event__meta { display:flex; flex-wrap:wrap; gap:5px 16px; color:var(--bci-rel-muted); font:400 12px/1.5 'Montserrat',Arial,sans-serif; margin:0 0 13px; }
.bci-article-event .bci-article-event__cta { display:inline-flex; align-items:center; gap:8px; color:var(--bci-rel-accent) !important; font:600 11px/1.4 'Montserrat',Arial,sans-serif; letter-spacing:.045em; text-transform:uppercase; text-decoration:none !important; border:0; margin-top:3px; }
.bci-article-event__cta:hover { text-decoration:underline !important; text-underline-offset:4px; }
.bci-article-event a:focus-visible { outline:3px solid #a99be0; outline-offset:3px; }
/* The active WordPress theme owns the dark-mode switch. */
:is(html[data-bci-theme="dark"], html[data-theme="dark"], html[data-color-scheme="dark"], html.dark, html.dark-mode, body.dark, body.dark-mode, body.dark-theme) .bci-article-event {
  --bci-rel-bg: #202641;
  --bci-rel-ink: #eef2fc;
  --bci-rel-muted: #c3cbe0;
  --bci-rel-accent: #c0afea;
  --bci-rel-border: #3b4562;
  box-shadow:0 8px 24px rgba(0,0,0,.13);
}
@media(max-width:600px) {
  .bci-article-event { grid-template-columns:minmax(104px,35%) minmax(0,1fr); min-height:156px; margin:28px 0 24px; border-radius:8px; }
  .bci-article-event__visual > a, .bci-article-event__visual img, .bci-article-event__fallback { min-height:156px; }
  .bci-article-event__details { padding:14px 14px 13px 16px; }
  .bci-article-event .bci-article-event__details h2 { font-size:24px !important; line-height:1.08 !important; }
  .bci-article-event__meta { font-size:11px; gap:3px 8px; margin-bottom:9px; }
  .bci-article-event__eyebrow { font-size:9px; letter-spacing:.09em; }
  .bci-article-event .bci-article-event__cta { font-size:10px; }
}