/* Shared compact banners for Dashboard, Discover, Matches, Following and Live Signal.
 * Specificity also covers the earlier mascot rules in WordPress Additional CSS. */
.ev-wrap .ev-slim-hero.ev-slim-hero {
  position:relative; isolation:isolate; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,1fr) 220px; grid-template-rows:auto;
  align-items:center; gap:12px 22px; min-height:152px;
  margin:0 0 20px; padding:16px 24px;
  border:1px solid #343b46; border-radius:16px;
  background:radial-gradient(circle at 85% -20%,rgba(225,38,53,.25),transparent 40%),linear-gradient(130deg,#1e2328,#0f1215 72%);
}
.ev-wrap .ev-slim-hero.ev-slim-hero::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--ev-red,#e12635); }
.ev-wrap .ev-slim-hero.ev-slim-hero > div { min-width:0; max-width:none; grid-column:1; grid-row:1; }
.ev-wrap .ev-slim-hero.ev-slim-hero h1 { margin:0 0 6px; font-size:30px; line-height:1.12; font-weight:800; overflow-wrap:anywhere; }
.ev-wrap .ev-slim-hero.ev-slim-hero p { margin:0; max-width:70ch; font-size:13px; line-height:1.4; color:#c2c6ca; }
.ev-wrap .ev-slim-hero.ev-slim-hero .ev-eyebrow,
.ev-wrap .ev-slim-hero.ev-slim-hero .ev-live__eyebrow { margin:0 0 8px; font-size:10px; line-height:1.3; letter-spacing:.12em; color:#f77480; }
.ev-wrap .ev-slim-hero.ev-slim-hero::after {
  content:""; display:block; position:relative; inset:auto; transform:none; margin:0;
  grid-column:2; grid-row:1; align-self:center; justify-self:end;
  width:100%; height:118px; max-height:118px; aspect-ratio:auto;
  background-position:center; background-size:contain; background-repeat:no-repeat;
  pointer-events:none; z-index:0;
}
.ev-wrap .ev-dash__head.ev-slim-hero::after { background-image:url("https://exposedvocals.com/wp-content/uploads/2026/10/exec-8878cee5-6b43-4155-81b0-187250d856bd-600x450.png"); }
.ev-wrap .ev-discover__hero.ev-slim-hero::after { background-image:url("https://exposedvocals.com/wp-content/uploads/2026/10/Left-Facing-Gorilla-Detective-Mascot1-768x288.png"); }
.ev-wrap .ev-matches__head.ev-slim-hero::after { background-image:url("https://exposedvocals.com/wp-content/uploads/2026/10/exec-cab7f488-d881-4b5a-b356-e541813ca392-600x450.png"); }
.ev-wrap .ev-following__hero.ev-slim-hero::after { background-image:url("https://exposedvocals.com/wp-content/uploads/2026/10/exec-e530d6c6-aae4-4f83-8e2e-cd5f45e3fcb2-600x351.png"); }
.ev-wrap .ev-slim-hero.ev-slim-hero--actions { grid-template-columns:minmax(0,1fr) auto 200px; }
.ev-wrap .ev-slim-hero.ev-slim-hero--actions::after { grid-column:3; }
.ev-wrap .ev-slim-hero.ev-slim-hero > .ev-btn { grid-column:2; grid-row:1; justify-self:start; width:fit-content; min-height:34px; padding:0 13px; font-size:12px; }
.ev-wrap .ev-slim-hero.ev-slim-hero .ev-matches__who { gap:12px; }
.ev-wrap .ev-slim-hero.ev-slim-hero .ev-matches__who > .ev-avatar { width:48px; height:48px; flex-shrink:0; }
.ev-wrap .ev-slim-hero.ev-slim-hero > .ev-stats { grid-column:2; grid-row:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; margin:0; }
.ev-wrap .ev-slim-hero.ev-slim-hero .ev-stats dt { font-size:10px; }
.ev-wrap .ev-slim-hero.ev-slim-hero .ev-stats dd { font-size:18px; margin:0; }
.ev-discover-page > .ev-discover-context { margin:0 0 18px; font-size:12px; }
.ev-discover-page > .ev-discover-context select { min-height:34px; padding:5px 8px; font-size:12px; }
.ev-discover-page > .ev-discover-context .ev-btn { min-height:34px; font-size:12px; }
@media (max-width:899px) {
  .ev-wrap .ev-slim-hero.ev-slim-hero { grid-template-columns:minmax(0,1fr) 130px; min-height:136px; padding:16px 20px; gap:10px 14px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero h1 { font-size:28px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero::after { grid-column:2; grid-row:1 / 3; height:104px; max-height:104px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero > .ev-btn,
  .ev-wrap .ev-slim-hero.ev-slim-hero > .ev-stats { grid-column:1; grid-row:2; }
  .ev-wrap .ev-slim-hero.ev-slim-hero > .ev-stats { display:flex; flex-wrap:wrap; gap:8px 16px; }
}
@media (max-width:560px) {
  .ev-wrap .ev-slim-hero.ev-slim-hero { grid-template-columns:minmax(0,1fr) 84px; min-height:126px; padding:16px; gap:10px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero h1 { font-size:25px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero::after { height:90px; max-height:90px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero .ev-matches__who > .ev-avatar { width:36px; height:36px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero .ev-matches__who { gap:8px; }
  .ev-wrap .ev-slim-hero.ev-slim-hero .ev-stats dd { font-size:16px; }
}