/* Minimal, readable, no-nonsense */
:root { --bg:#0b0c0f; --card:#11131a; --ink:#e9e9ee; --muted:#a6a8b3; --line:#242737; }
* { box-sizing:border-box; }
body { margin:0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:var(--bg); color:var(--ink); }
a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.topbar { position:sticky; top:0; backdrop-filter:saturate(1.2) blur(10px); background:rgba(11,12,15,.75); border-bottom:1px solid var(--line); padding:12px 16px; display:flex; justify-content:space-between; align-items:center; }
.brand { font-weight:700; letter-spacing:.2px; }
.container { max-width: 980px; margin: 24px auto; padding: 0 16px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px; }
.hero { display:flex; gap:16px; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
h1 { margin:0; font-size: 28px; }
.slug { color: var(--muted); font-size: 13px; margin-top: 4px; }
.photo img { width: 140px; height: 140px; object-fit: cover; border-radius: 14px; border:1px solid var(--line); background:#000; }
.kv { width:100%; border-collapse:collapse; margin-top:16px; }
.kv th, .kv td { border-top:1px solid var(--line); padding:10px 8px; vertical-align:top; }
.kv th { width:220px; color: var(--muted); font-weight:600; text-align:left; }
h2 { margin-top: 22px; font-size: 18px; }
ul { margin: 10px 0 0 18px; }
li { margin: 6px 0; }
.muted { color: var(--muted); }

/* --- Mobile fix: wrap long URLs (Evidence & Sources) --- */
a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

li {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.kv td {
  overflow-wrap: anywhere;
  word-break: break-word;
}