/* event-hub.css — Special Event Pages (live topic hubs).
   Namespace: .evh-  · loads over press.css + entry.css (dark site chrome).
   NOTE: .ev- belongs to the Q2 2026 registration page (event.css) — do not reuse. */

/* ── Hero ──────────────────────────────────────────────────────────────── */
/* Height scales with viewport WIDTH so a landscape hero shows fully on every
   screen instead of being cropped to a thin middle band on wide monitors. */
.evh-hero{position:relative;min-height:clamp(360px,42vw,660px);display:flex;align-items:flex-end;overflow:hidden;
  background:#0a0d17;border-bottom:1px solid rgba(156,180,255,.12)}
.evh-hero-noimg{min-height:clamp(220px,20vw,300px);
  background:radial-gradient(900px 420px at 50% -10%,rgba(68,241,255,.12) 0,#0a0d17 65%)}
.evh-hero-imgs{position:absolute;inset:0}
.evh-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity 1.6s ease-in-out;will-change:opacity}
.evh-hero-img.is-active{opacity:1}
/* Subtle Ken Burns drift on each slide as it fades in — life without distraction. */
.evh-hero-imgs[data-carousel] .evh-hero-img.is-active{animation:evhKen 9s ease-out both}
@keyframes evhKen{from{transform:scale(1.07)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .evh-hero-img{transition:none}
  .evh-hero-imgs[data-carousel] .evh-hero-img.is-active{animation:none}
}
.evh-hero-scrim{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,6,10,.25) 0%,rgba(4,6,10,.55) 55%,rgba(4,6,10,.92) 100%)}
.evh-hero-inner{position:relative;width:100%;max-width:1080px;margin:0 auto;padding:70px 22px 26px}
.evh-hero-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.evh-live{display:inline-flex;align-items:center;gap:6px;background:#d21c2e;color:#fff;
  font:800 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1em;
  border-radius:5px;padding:5px 9px}
.evh-live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:evhPulse 1.4s ease-in-out infinite}
@keyframes evhPulse{0%,100%{opacity:1}50%{opacity:.35}}
.evh-draft{display:inline-block;background:rgba(255,193,71,.18);color:#ffd68a;
  font:800 11px/1 sans-serif;letter-spacing:.08em;border-radius:5px;padding:5px 9px;
  border:1px solid rgba(255,193,71,.4)}
.evh-updated{font-size:12px;color:#b9c8e6}
/* Latest-headline pill in the hero meta — links to the newest matching story. */
.evh-latest{display:inline-flex;align-items:center;gap:8px;max-width:min(560px,78vw);min-width:0;
  text-decoration:none;color:#eaf2ff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  border-radius:20px;padding:3px 12px 3px 3px;transition:background .15s,border-color .15s}
.evh-latest:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.34)}
.evh-latest-tag{flex:none;font:800 9.5px/1 var(--nbs-sans,sans-serif);letter-spacing:.11em;text-transform:uppercase;
  color:#fff;background:#d21c2e;border-radius:20px;padding:5px 9px}
.evh-latest-hl{min-width:0;font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evh-title{margin:0;font-size:clamp(26px,5vw,44px);font-weight:850;line-height:1.1;
  letter-spacing:-.015em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.evh-sub{margin:10px 0 0;max-width:720px;font-size:clamp(14px,2vw,17px);line-height:1.5;color:#dbe6fb}

/* ── Main / sections ───────────────────────────────────────────────────── */
.evh-main{padding-top:14px}
.evh-desc{max-width:780px;color:#b9c8e6;font-size:14.5px;line-height:1.65;margin:14px 0 4px}
.evh-section{margin-top:34px;scroll-margin-top:calc(var(--header-h,56px) + 60px)}
.evh-h2{font-size:19px;font-weight:800;letter-spacing:-.2px;margin:0 0 4px;color:#eaf2ff;
  padding-left:10px;border-left:3px solid var(--evh-accent,#44f1ff)}

/* ── Share row ─────────────────────────────────────────────────────────── */
.evh-share{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}
.evh-share-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(120,150,210,.10);
  border:1px solid rgba(120,150,210,.22);color:#dbe6fb;border-radius:20px;padding:7px 14px;
  font:600 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;
  text-decoration:none;transition:border-color .15s,background .15s}
.evh-share-btn:hover{border-color:var(--evh-accent,#44f1ff);background:rgba(68,241,255,.08)}
.evh-share-btn.ok{border-color:#2fd17e;color:#7ef0b5}
.evh-follow.on{border-color:#ffc147;color:#ffd68a;background:rgba(255,193,71,.10)}

/* ── Sticky jump-nav ───────────────────────────────────────────────────── */
.evh-nav{position:sticky;top:calc(var(--header-h,56px) + var(--safe-top,0px));z-index:30;
  display:flex;gap:4px;margin:18px -22px 0;padding:10px 22px;overflow-x:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  background:rgba(4,6,10,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(120,150,210,.14)}
.evh-nav::-webkit-scrollbar{display:none}
.evh-nav a{flex:0 0 auto;color:#b9c8e6;text-decoration:none;font:700 12.5px/1 sans-serif;
  padding:8px 13px;border-radius:20px;white-space:nowrap}
.evh-nav a:hover{color:#fff;background:rgba(120,150,210,.12)}

/* ── Stock overview (primary ticker) ───────────────────────────────────── */
.evh-stock{margin:20px 0 6px;background:#0c1424;border:1px solid rgba(120,150,210,.16);
  border-radius:16px;padding:16px 18px}
.evh-stock-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  margin:0 0 10px;flex-wrap:wrap}
.evh-stock-name{font-size:18px;font-weight:750;letter-spacing:-.2px;color:#eaf2ff}
.evh-stock-sub{font-size:12.5px;color:#93a6c8;margin-top:2px}
.evh-stock-quote{display:flex;align-items:baseline;gap:10px}
.evh-stock-link{font-size:13px;font-weight:600;color:#44f1ff;text-decoration:none;white-space:nowrap}
.pr-stock-last{font-size:20px;font-weight:800;color:#eaf2ff}
.pr-stock-chg{font-size:13px;font-weight:800}
.pr-stock-chg.up{color:#2fd17e}.pr-stock-chg.dn{color:#ff5c77}

/* ── Ticker chip on news cards ─────────────────────────────────────────── */
.evh-tkr{display:inline-block;font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;
  color:#7ff0c8;border:1px solid rgba(127,240,200,.3);border-radius:5px;padding:2px 6px;margin-left:6px}

/* ── Client-rendered cards (notebooks / slides / videos) ───────────────── */
.evh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:18px}
.evh-card{display:flex;flex-direction:column;background:#0c1424;border:1px solid rgba(120,150,210,.14);
  border-radius:14px;overflow:hidden;text-decoration:none;color:#dbe6fb;
  transition:transform .15s,border-color .15s}
.evh-card:hover{transform:translateY(-2px);border-color:rgba(68,241,255,.4)}
.evh-card-cover{width:100%;aspect-ratio:16/9;background:#0a0d17 center/cover no-repeat;
  border-bottom:1px solid rgba(156,180,255,.08);position:relative}
.evh-card-cover .evh-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:34px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);background:rgba(0,0,0,.18)}
.evh-card-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:6px;flex:1}
.evh-card-kind{align-self:flex-start;font-size:.56rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#8ba0c4;border:1px solid rgba(120,150,210,.25);
  border-radius:5px;padding:3px 7px}
.evh-card-title{font-size:14.5px;font-weight:750;line-height:1.35;color:#eaf2ff}
.evh-card-sub{font-size:12.5px;color:#93a6c8;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.evh-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  font-size:11.5px;color:#8ba0c4;padding-top:6px}
.evh-prem{display:inline-flex;align-items:center;gap:4px;font:800 10px/1 sans-serif;
  letter-spacing:.06em;color:#ffd68a;background:rgba(255,193,71,.14);
  border:1px solid rgba(255,193,71,.4);border-radius:5px;padding:3px 7px}
.evh-note{grid-column:1/-1;padding:22px 16px;text-align:center;color:#8ba0c4;font-size:13.5px;
  background:rgba(120,150,210,.06);border:1px dashed rgba(120,150,210,.22);border-radius:12px}
.evh-note a{color:#44f1ff;text-decoration:none}

/* ── Empty state ───────────────────────────────────────────────────────── */
.evh-gathering{margin-top:36px;padding:48px 22px;text-align:center;color:rgba(255,255,255,.9);
  font-size:.95rem;background:rgba(120,150,210,.05);border:1px dashed rgba(120,150,210,.2);
  border-radius:16px}

/* ── Mobile ────────────────────────────────────────────────────────────── */
@media(max-width:640px){
  .evh-hero{min-height:clamp(300px,64vw,440px)}
  .evh-hero-inner{padding:56px 14px 18px}
  .evh-nav{margin:14px -14px 0;padding:8px 14px}
  .evh-cards{grid-template-columns:1fr;gap:13px}
  .evh-main{padding-left:14px;padding-right:14px}
}

/* "Read more" — Top Stories shows the first six; the rest hide until asked. */
.evh-morecard{display:none}
.evh-more-wrap{display:flex;justify-content:center;margin:20px 0 4px}
.evh-morebtn{background:rgba(120,150,210,.12);border:1px solid rgba(120,150,210,.30);color:#dbe6fb;
  border-radius:22px;padding:11px 24px;font:700 13px/1 sans-serif;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s}
.evh-morebtn:hover{background:rgba(68,241,255,.12);border-color:#44f1ff;color:#fff}

/* Latest pill now sits on its own line under the subtitle. */
.evh-latest-below{margin-top:14px;max-width:min(680px,90vw)}