html, body { overflow-x: hidden; }

#episodios-page{
  margin: 16px auto 28px;
}

#episodios-page > .page-title{
  margin: 0 0 6px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.epi-page-subtitle{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.5;
}

.epi-top.card,
.epi-picker.card,
.epi-detail-wrap.card,
.epi-filters.card{
  min-width: 0;
}

.epi-top.card{
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-1);
  background:
    radial-gradient(circle at top right, rgba(var(--brand-rgb,20,184,166), .10), transparent 28%),
    linear-gradient(180deg, rgba(var(--brand-rgb,20,184,166), .04), transparent 75%),
    var(--card);
}

.epi-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.epi-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background: color-mix(in oklab, var(--card) 92%, transparent);
  color: var(--muted);
  font-size:.82rem;
}

.epi-chip b{ color: var(--text); }

.epi-filters.card{
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--border);
  box-shadow: var(--shadow-1);
  background: var(--card);
}

.epi-filters-grid{
  display:grid;
  grid-template-columns: 1.1fr 1fr auto;
  gap:12px;
  align-items:end;
}

.epi-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.epi-field label{
  color:var(--muted);
  font-size:.85rem;
  font-weight:700;
}

.epi-field select{
  min-height:42px;
  border-radius:12px;
  border:1px solid var(--border);
  background: var(--card);
  color: var(--text);
  padding:0 12px;
  outline:none;
}

.epi-field select:focus{
  border-color: color-mix(in oklab, var(--brand) 40%, var(--border));
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--brand) 16%, transparent);
}

.epi-picker.card,
.epi-detail-wrap.card{
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:22px;
  background: var(--card);
  box-shadow: var(--shadow-1);
  min-width:0;
}

.epi-picker.card{
  padding:14px;
}

.epi-detail-wrap.card{
  padding:16px;
  overflow:hidden;
}

.epi-picker-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.epi-picker-sub{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.4;
}

.epi-toggle{
  flex:0 0 auto;
}

.epi-section-title{
  margin:0 0 6px;
  font-weight:800;
}

.epi-list{
  min-width:0;
}

.epi-list-inline{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:10px;
}

.epi-row{
  width:100%;
  text-align:left;
  border:1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb,20,184,166), .04), transparent 80%),
    var(--card);
  border-radius:18px;
  padding:12px;
  cursor:pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.epi-row:hover{
  transform: translateY(-1px);
  border-color: color-mix(in oklab, var(--brand) 34%, var(--border));
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.epi-row.is-active{
  border-color: color-mix(in oklab, var(--brand) 40%, var(--border));
  box-shadow:
    0 0 0 2px color-mix(in oklab, var(--brand) 10%, transparent) inset,
    0 10px 24px rgba(0,0,0,.10);
}

.epi-row-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:10px;
}

.epi-row-main{
  margin-bottom:8px;
}

.epi-row-title{
  font-size:1rem;
  font-weight:800;
  margin-bottom:4px;
}

.epi-row-range{
  color:var(--muted);
  font-size:.84rem;
}

.epi-row-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
}

.epi-row-meta b{
  color:var(--text);
}

.epi-family-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background: color-mix(in oklab, var(--card) 88%, transparent);
  color: var(--muted);
  font-size:.78rem;
  font-weight:800;
}

.epi-family-pill.big{
  min-height:30px;
  font-size:.82rem;
}

.epi-sev,
.epi-detail-sev{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--border);
  font-size:.78rem;
  font-weight:800;
}

.epi-sev.is-green, .epi-detail-sev.is-green{
  color:#15803d;
  background: rgba(34,197,94,.08);
  border-color: rgba(34,197,94,.28);
}
.epi-sev.is-amber, .epi-detail-sev.is-amber{
  color:#b45309;
  background: rgba(245,158,11,.10);
  border-color: rgba(245,158,11,.30);
}
.epi-sev.is-orange, .epi-detail-sev.is-orange{
  color:#c2410c;
  background: rgba(249,115,22,.10);
  border-color: rgba(249,115,22,.30);
}
.epi-sev.is-red, .epi-detail-sev.is-red{
  color:#dc2626;
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.30);
}

.epi-detail{
  min-width:0;
  overflow:hidden;
}

.epi-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
  padding:16px;
  border-radius:20px;
  border:1px solid var(--border);
  background:
    radial-gradient(circle at top right, rgba(var(--brand-rgb,20,184,166), .12), transparent 32%),
    linear-gradient(180deg, rgba(var(--brand-rgb,20,184,166), .05), transparent 70%),
    color-mix(in oklab, var(--card) 94%, transparent);
  overflow:hidden;
}

.epi-detail-title{
  margin:8px 0 4px;
  font-size:1.45rem;
  line-height:1.1;
}

.epi-detail-sub{
  color:var(--muted);
}

.epi-detail-sev{
  flex-direction:column;
  align-items:flex-start;
  min-height:auto;
  padding:10px 12px;
}

.epi-detail-sev b{
  font-size:1.25rem;
  line-height:1;
}

.epi-detail-block{
  margin-top:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background: color-mix(in oklab, var(--card) 96%, transparent);
  padding:14px;
  min-width:0;
  overflow:hidden;
}

.epi-detail-block h4{
  margin:0 0 12px;
  font-weight:800;
}

.epi-summary-text{
  font-size:.97rem;
  line-height:1.58;
}

.epi-summary-note{
  margin-top:8px;
  color:var(--muted);
  font-size:.84rem;
}

.epi-stats-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:10px;
}

.epi-stat-card{
  border:1px solid var(--border);
  border-radius:16px;
  padding:12px;
  background:var(--card);
  min-width:0;
}

.epi-stat-card .label{
  color:var(--muted);
  font-size:.78rem;
  margin-bottom:5px;
}
.epi-stat-card .value{
  font-size:1.02rem;
  font-weight:800;
  word-break:break-word;
}
.epi-stat-card .sub{
  margin-top:5px;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.35;
}

.epi-chart-wrap{
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--card);
  padding:10px 12px;
  overflow:hidden;
  min-width:0;
}

.epi-hourly-summary{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}

.epi-hourly-pill{
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  background: color-mix(in oklab, var(--card) 94%, transparent);
  min-width:0;
}

.epi-hourly-pill span{
  display:block;
  color:var(--muted);
  font-size:.78rem;
  margin-bottom:4px;
}

.epi-hourly-pill b{
  display:block;
  color:var(--text);
  font-size:.95rem;
  font-weight:800;
  word-break:break-word;
}

.epi-svg-chart{
  width:100%;
  height:280px;
  display:block;
  color: var(--text);
}

.epi-svg-bars text,
.epi-svg-hourly-bars text,
.epi-svg-line-clean text{
  font-family: inherit;
}

.epi-table-wrap{
  overflow:auto;
  max-width:100%;
}

.epi-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:760px;
}

.epi-table th,
.epi-table td{
  padding:10px 12px;
  border-bottom:1px solid var(--border);
  vertical-align:top;
  text-align:left;
  font-size:.88rem;
}

.epi-table th{
  position:sticky;
  top:0;
  background:var(--card);
  z-index:1;
  font-size:.8rem;
  color:var(--muted);
}

.epi-similar-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:10px;
}

.epi-similar-card{
  width:100%;
  text-align:left;
  border:1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb,20,184,166), .04), transparent 80%),
    var(--card);
  border-radius:18px;
  padding:12px;
  cursor:pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.epi-similar-card:hover{
  transform: translateY(-1px);
  border-color: color-mix(in oklab, var(--brand) 34%, var(--border));
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.epi-similar-title{
  font-weight:800;
  margin-bottom:4px;
}
.epi-similar-range,
.epi-similar-days{
  color:var(--muted);
  font-size:.84rem;
}
.epi-similar-metric{
  margin:8px 0 6px;
  font-size:.9rem;
}

.epi-empty{
  border:1px dashed var(--border);
  border-radius:16px;
  padding:14px;
  color:var(--muted);
  background:var(--card);
}

.family-rain{ --epi-accent: #3b82f6; }
.family-heat{ --epi-accent: #f97316; }
.family-cold{ --epi-accent: #60a5fa; }
.family-wind{ --epi-accent: #14b8a6; }
.family-tropical{ --epi-accent: #ec4899; }
.family-torrid{ --epi-accent: #e11d48; }
.family-air{ --epi-accent: #8b5cf6; }
.family-uv{ --epi-accent: #f59e0b; }
.family-generic{ --epi-accent: var(--brand); }

.epi-row.family-rain,
.epi-detail-head.family-rain,
.epi-similar-card.family-rain{
  background:
    linear-gradient(180deg, rgba(59,130,246,.08), transparent 75%),
    var(--card);
}
.epi-row.family-heat,
.epi-detail-head.family-heat,
.epi-similar-card.family-heat{
  background:
    linear-gradient(180deg, rgba(249,115,22,.09), transparent 75%),
    var(--card);
}
.epi-row.family-cold,
.epi-detail-head.family-cold,
.epi-similar-card.family-cold{
  background:
    linear-gradient(180deg, rgba(96,165,250,.09), transparent 75%),
    var(--card);
}
.epi-row.family-wind,
.epi-detail-head.family-wind,
.epi-similar-card.family-wind{
  background:
    linear-gradient(180deg, rgba(20,184,166,.08), transparent 75%),
    var(--card);
}
.epi-row.family-tropical,
.epi-detail-head.family-tropical,
.epi-similar-card.family-tropical{
  background:
    linear-gradient(180deg, rgba(236,72,153,.08), transparent 75%),
    var(--card);
}
.epi-row.family-torrid,
.epi-detail-head.family-torrid,
.epi-similar-card.family-torrid{
  background:
    linear-gradient(180deg, rgba(225,29,72,.08), transparent 75%),
    var(--card);
}
.epi-row.family-air,
.epi-detail-head.family-air,
.epi-similar-card.family-air{
  background:
    linear-gradient(180deg, rgba(139,92,246,.08), transparent 75%),
    var(--card);
}
.epi-row.family-uv,
.epi-detail-head.family-uv,
.epi-similar-card.family-uv{
  background:
    linear-gradient(180deg, rgba(245,158,11,.08), transparent 75%),
    var(--card);
}

/* oscuro explícito */
html[data-theme="dark"] .epi-chip,
html[data-theme="dark"] .epi-family-pill,
html[data-theme="dark"] .epi-stat-card,
html[data-theme="dark"] .epi-chart-wrap,
html[data-theme="dark"] .epi-detail-block,
html[data-theme="dark"] .epi-table th,
html[data-theme="dark"] .epi-field select,
html[data-theme="dark"] .epi-empty,
html[data-theme="dark"] .epi-picker.card,
html[data-theme="dark"] .epi-detail-wrap.card,
html[data-theme="dark"] .epi-filters.card,
html[data-theme="dark"] .epi-hourly-pill,
body.dark .epi-chip,
body.dark .epi-family-pill,
body.dark .epi-stat-card,
body.dark .epi-chart-wrap,
body.dark .epi-detail-block,
body.dark .epi-table th,
body.dark .epi-field select,
body.dark .epi-empty,
body.dark .epi-picker.card,
body.dark .epi-detail-wrap.card,
body.dark .epi-filters.card,
body.dark .epi-hourly-pill{
  background: color-mix(in oklab, var(--card) 92%, rgba(255,255,255,.02));
}

html[data-theme="dark"] .epi-row,
html[data-theme="dark"] .epi-similar-card,
body.dark .epi-row,
body.dark .epi-similar-card{
  border-color: color-mix(in oklab, var(--border) 76%, rgba(255,255,255,.10));
}

html[data-theme="dark"] .epi-row:hover,
html[data-theme="dark"] .epi-similar-card:hover,
body.dark .epi-row:hover,
body.dark .epi-similar-card:hover{
  box-shadow: 0 12px 28px rgba(0,0,0,.24);
}

html[data-theme="dark"] .epi-sev.is-green,
html[data-theme="dark"] .epi-detail-sev.is-green,
body.dark .epi-sev.is-green,
body.dark .epi-detail-sev.is-green{
  color:#86efac;
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.34);
}
html[data-theme="dark"] .epi-sev.is-amber,
html[data-theme="dark"] .epi-detail-sev.is-amber,
body.dark .epi-sev.is-amber,
body.dark .epi-detail-sev.is-amber{
  color:#fcd34d;
  background: rgba(245,158,11,.16);
  border-color: rgba(245,158,11,.36);
}
html[data-theme="dark"] .epi-sev.is-orange,
html[data-theme="dark"] .epi-detail-sev.is-orange,
body.dark .epi-sev.is-orange,
body.dark .epi-detail-sev.is-orange{
  color:#fdba74;
  background: rgba(249,115,22,.16);
  border-color: rgba(249,115,22,.36);
}
html[data-theme="dark"] .epi-sev.is-red,
html[data-theme="dark"] .epi-detail-sev.is-red,
body.dark .epi-sev.is-red,
body.dark .epi-detail-sev.is-red{
  color:#fca5a5;
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.36);
}

/* oscuro automático real */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .epi-chip,
  html:not([data-theme="light"]) .epi-family-pill,
  html:not([data-theme="light"]) .epi-stat-card,
  html:not([data-theme="light"]) .epi-chart-wrap,
  html:not([data-theme="light"]) .epi-detail-block,
  html:not([data-theme="light"]) .epi-table th,
  html:not([data-theme="light"]) .epi-field select,
  html:not([data-theme="light"]) .epi-empty,
  html:not([data-theme="light"]) .epi-picker.card,
  html:not([data-theme="light"]) .epi-detail-wrap.card,
  html:not([data-theme="light"]) .epi-filters.card,
  html:not([data-theme="light"]) .epi-hourly-pill{
    background: color-mix(in oklab, var(--card) 92%, rgba(255,255,255,.02));
  }

  html:not([data-theme="light"]) .epi-row,
  html:not([data-theme="light"]) .epi-similar-card{
    border-color: color-mix(in oklab, var(--border) 76%, rgba(255,255,255,.10));
  }

  html:not([data-theme="light"]) .epi-row:hover,
  html:not([data-theme="light"]) .epi-similar-card:hover{
    box-shadow: 0 12px 28px rgba(0,0,0,.24);
  }

  html:not([data-theme="light"]) .epi-sev.is-green,
  html:not([data-theme="light"]) .epi-detail-sev.is-green{
    color:#86efac;
    background: rgba(34,197,94,.14);
    border-color: rgba(34,197,94,.34);
  }
  html:not([data-theme="light"]) .epi-sev.is-amber,
  html:not([data-theme="light"]) .epi-detail-sev.is-amber{
    color:#fcd34d;
    background: rgba(245,158,11,.16);
    border-color: rgba(245,158,11,.36);
  }
  html:not([data-theme="light"]) .epi-sev.is-orange,
  html:not([data-theme="light"]) .epi-detail-sev.is-orange{
    color:#fdba74;
    background: rgba(249,115,22,.16);
    border-color: rgba(249,115,22,.36);
  }
  html:not([data-theme="light"]) .epi-sev.is-red,
  html:not([data-theme="light"]) .epi-detail-sev.is-red{
    color:#fca5a5;
    background: rgba(239,68,68,.16);
    border-color: rgba(239,68,68,.36);
  }
}

@media (max-width: 1180px){
  .epi-list-inline{
    grid-template-columns: 1fr;
  }

  .epi-stats-grid{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 920px){
  .epi-toggle{
    display:inline-flex;
  }

  .epi-picker:not(.is-open) .epi-list{
    display:none;
  }

  .epi-picker.is-open .epi-list{
    display:grid;
  }

  .epi-filters-grid{
    grid-template-columns: 1fr 1fr;
  }
  .epi-filters-grid .btn{
    grid-column: span 2;
  }

  .epi-list-inline{
    grid-template-columns: 1fr;
  }
}

@media (min-width: 921px){
  .epi-toggle{
    display:none;
  }

  .epi-picker .epi-list{
    display:grid !important;
  }
}

@media (max-width: 760px){
  .epi-stats-grid,
  .epi-similar-grid,
  .epi-hourly-summary{
    grid-template-columns: 1fr;
  }

  .epi-detail-head{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 520px){
  .epi-svg-chart{
    height:240px;
  }

  .epi-filters-grid{
    grid-template-columns: 1fr;
  }
  .epi-filters-grid .btn{
    grid-column: auto;
  }
}



/* Ocultamos los indicadores numéricos de intensidad */
.epi-sev,
.epi-detail-sev{
  display:none !important;
}

.epi-row-top{
  justify-content:flex-start;
}

.epi-detail-head{
  justify-content:flex-start;
}

.epi-row.is-green,
.epi-detail-head.is-green,
.epi-similar-card.is-green{
  border-color: rgba(34,197,94,.30);
  box-shadow: 0 0 0 1px rgba(34,197,94,.10) inset;
  background:
    linear-gradient(180deg, rgba(34,197,94,.08), rgba(34,197,94,.03)),
    var(--card);
}

.epi-row.is-amber,
.epi-detail-head.is-amber,
.epi-similar-card.is-amber{
  border-color: rgba(245,158,11,.34);
  box-shadow: 0 0 0 1px rgba(245,158,11,.12) inset;
  background:
    linear-gradient(180deg, rgba(245,158,11,.10), rgba(245,158,11,.04)),
    var(--card);
}

.epi-row.is-orange,
.epi-detail-head.is-orange,
.epi-similar-card.is-orange{
  border-color: rgba(249,115,22,.36);
  box-shadow: 0 0 0 1px rgba(249,115,22,.13) inset;
  background:
    linear-gradient(180deg, rgba(249,115,22,.11), rgba(249,115,22,.045)),
    var(--card);
}

.epi-row.is-red,
.epi-detail-head.is-red,
.epi-similar-card.is-red{
  border-color: rgba(239,68,68,.38);
  box-shadow: 0 0 0 1px rgba(239,68,68,.14) inset;
  background:
    linear-gradient(180deg, rgba(239,68,68,.12), rgba(239,68,68,.05)),
    var(--card);
}

/* Hover manteniendo la intensidad */
.epi-row.is-green:hover,
.epi-similar-card.is-green:hover{
  border-color: rgba(34,197,94,.42);
}

.epi-row.is-amber:hover,
.epi-similar-card.is-amber:hover{
  border-color: rgba(245,158,11,.46);
}

.epi-row.is-orange:hover,
.epi-similar-card.is-orange:hover{
  border-color: rgba(249,115,22,.48);
}

.epi-row.is-red:hover,
.epi-similar-card.is-red:hover{
  border-color: rgba(239,68,68,.50);
}

/* Seleccionada: que siga mandando la intensidad */
.epi-row.is-active.is-green{
  border-color: rgba(34,197,94,.46);
  box-shadow:
    0 0 0 2px rgba(34,197,94,.12) inset,
    0 10px 24px rgba(0,0,0,.10);
}

.epi-row.is-active.is-amber{
  border-color: rgba(245,158,11,.50);
  box-shadow:
    0 0 0 2px rgba(245,158,11,.14) inset,
    0 10px 24px rgba(0,0,0,.10);
}

.epi-row.is-active.is-orange{
  border-color: rgba(249,115,22,.52);
  box-shadow:
    0 0 0 2px rgba(249,115,22,.15) inset,
    0 10px 24px rgba(0,0,0,.10);
}

.epi-row.is-active.is-red{
  border-color: rgba(239,68,68,.54);
  box-shadow:
    0 0 0 2px rgba(239,68,68,.16) inset,
    0 10px 24px rgba(0,0,0,.10);
}

/* Modo oscuro */
html[data-theme="dark"] .epi-row.is-green,
html[data-theme="dark"] .epi-detail-head.is-green,
html[data-theme="dark"] .epi-similar-card.is-green,
body.dark .epi-row.is-green,
body.dark .epi-detail-head.is-green,
body.dark .epi-similar-card.is-green{
  border-color: rgba(74,222,128,.34);
  box-shadow: 0 0 0 1px rgba(74,222,128,.14) inset;
  background:
    linear-gradient(180deg, rgba(34,197,94,.16), rgba(34,197,94,.05)),
    color-mix(in oklab, var(--card) 94%, rgba(255,255,255,.01));
}

html[data-theme="dark"] .epi-row.is-amber,
html[data-theme="dark"] .epi-detail-head.is-amber,
html[data-theme="dark"] .epi-similar-card.is-amber,
body.dark .epi-row.is-amber,
body.dark .epi-detail-head.is-amber,
body.dark .epi-similar-card.is-amber{
  border-color: rgba(251,191,36,.36);
  box-shadow: 0 0 0 1px rgba(251,191,36,.16) inset;
  background:
    linear-gradient(180deg, rgba(245,158,11,.18), rgba(245,158,11,.06)),
    color-mix(in oklab, var(--card) 94%, rgba(255,255,255,.01));
}

html[data-theme="dark"] .epi-row.is-orange,
html[data-theme="dark"] .epi-detail-head.is-orange,
html[data-theme="dark"] .epi-similar-card.is-orange,
body.dark .epi-row.is-orange,
body.dark .epi-detail-head.is-orange,
body.dark .epi-similar-card.is-orange{
  border-color: rgba(251,146,60,.38);
  box-shadow: 0 0 0 1px rgba(251,146,60,.17) inset;
  background:
    linear-gradient(180deg, rgba(249,115,22,.19), rgba(249,115,22,.065)),
    color-mix(in oklab, var(--card) 94%, rgba(255,255,255,.01));
}

html[data-theme="dark"] .epi-row.is-red,
html[data-theme="dark"] .epi-detail-head.is-red,
html[data-theme="dark"] .epi-similar-card.is-red,
body.dark .epi-row.is-red,
body.dark .epi-detail-head.is-red,
body.dark .epi-similar-card.is-red{
  border-color: rgba(248,113,113,.40);
  box-shadow: 0 0 0 1px rgba(248,113,113,.18) inset;
  background:
    linear-gradient(180deg, rgba(239,68,68,.20), rgba(239,68,68,.07)),
    color-mix(in oklab, var(--card) 94%, rgba(255,255,255,.01));
}