/* The Haunted Atlas — detail panel + static page shared styles (v3.1) */

/* ---- Case File: numbered dossier look (both detail panel & static pages) ---- */
.casefile {
  border: 1px solid var(--hairline, #2a2430);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.12));
  padding: 14px 16px 16px;
  margin: 14px 0 0;
}
.casefile > h2, .casefile > h3 {
  margin: 2px 0 10px;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-dim, #b9aec6);
}
.cf-index {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 0 0 12px;
  padding: 8px 10px;
  border: 1px dashed var(--hairline, #2a2430);
  border-radius: 8px;
  font-size: 12px;
}
.cf-index a { color: var(--accent, #e11d48); text-decoration: none; }
.cf-index a:hover { text-decoration: underline; }
.ev-col { margin: 0 0 14px; }
.ev-col:last-child { margin-bottom: 0; }
.ev-col h3, .ev-col h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: 14.5px;
  letter-spacing: .02em;
}
.cf-no {
  font: 600 10.5px/1.6 ui-monospace, "Cascadia Mono", Consolas, monospace;
  color: var(--accent, #e11d48);
  background: rgba(225,29,72,.10);
  border: 1px solid rgba(225,29,72,.35);
  border-radius: 4px;
  padding: 1px 7px;
  letter-spacing: .12em;
}
.ev-col.skeptic {
  border-top: 1px solid var(--hairline, #2a2430);
  padding-top: 12px;
  margin-top: 16px;
}
.ev-col.skeptic .cf-no {
  color: #9aa4b2;
  background: rgba(148,163,184,.10);
  border-color: rgba(148,163,184,.35);
}
.ev-col p { margin: 0; font-size: 13.5px; line-height: 1.62; color: var(--ink-soft, #cfc6d8); }

/* detail-panel-only tweaks */
#detail .casefile { padding: 12px 14px 14px; }
#detail .ev-col h4 .cf-no { flex: none; }