/* Shared stylesheet for the Archive's static per-record pages
   (/chronicles/, /dossiers/, /localities/, /screen-records/,
   /field-reference/, necronomicon.html). Deliberately lighter than the
   main index.html stylesheet — these pages exist to be read and crawled,
   not to reproduce every visual flourish (ink stamps, lightboxes) of the
   interactive Archive. Same palette and type family so a visitor doesn't
   feel like they've left the site. */
:root{
  --bg-deep:#060b09;
  --panel:#0e1c18;
  --parchment:#e9e1c9;
  --parchment-dim:#d9cfae;
  --ink:#201d16;
  --ink-soft:#4a4436;
  --fog:#c7d3cb;
  --fog-dim:#7f938a;
  --verdigris:#7fa08a;
  --verdigris-dim:#4d6a58;
  --rust:#8a3f2e;
  --gold:#b3903f;
  --line:rgba(199,211,203,0.14);
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg-deep);
  color:var(--fog);
  font-family:'Spectral', Georgia, serif;
  line-height:1.6;
}
.wrap{max-width:760px; margin:0 auto; padding:0 24px 80px;}
a{color:var(--verdigris);}
a:hover{color:var(--gold);}
header.rec-header{
  border-bottom:1px solid var(--line);
  padding:22px 0;
  margin-bottom:36px;
}
.rec-home-link{
  font-family:'Space Mono', monospace;
  font-size:12.5px;
  letter-spacing:0.4px;
  text-decoration:none;
  color:var(--fog-dim);
}
.rec-home-link:hover{color:var(--gold);}
.rec-kicker{
  font-family:'Space Mono', monospace;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--verdigris);
  margin:0 0 8px;
}
h1{
  font-family:'IM Fell English SC', Georgia, serif;
  font-size:clamp(28px,5vw,42px);
  line-height:1.15;
  margin:0 0 14px;
  color:var(--parchment);
}
.rec-meta{
  font-family:'Space Mono', monospace;
  font-size:12.5px;
  color:var(--fog-dim);
  margin:0 0 28px;
}
.rec-photo{
  width:100%;
  max-height:420px;
  object-fit:cover;
  border-radius:2px;
  margin:0 0 28px;
  border:1px solid var(--line);
}
dl.rec-fields{
  display:grid;
  grid-template-columns:max-content 1fr;
  gap:8px 18px;
  font-size:14.5px;
  margin:0 0 28px;
  padding:18px 20px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:2px;
}
dl.rec-fields dt{
  font-family:'Space Mono', monospace;
  font-size:11.5px;
  letter-spacing:0.5px;
  text-transform:uppercase;
  color:var(--fog-dim);
  margin:0;
}
dl.rec-fields dd{margin:0; color:var(--fog);}
.rec-body p{margin:0 0 18px; font-size:16.5px; color:var(--fog);}
.rec-body p:first-child{
  font-size:18px;
}
section.rec-crosslinks{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
section.rec-crosslinks h2{
  font-family:'Space Mono', monospace;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--verdigris);
  margin:0 0 12px;
}
.rec-xref-list{
  list-style:none;
  margin:0 0 22px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.rec-xref-list li a{
  display:inline-block;
  padding:6px 12px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  font-size:13.5px;
  text-decoration:none;
  color:var(--fog);
}
.rec-xref-list li a:hover{border-color:var(--verdigris); color:var(--gold);}
.rec-cta{
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.rec-cta a{
  display:inline-block;
  padding:12px 22px;
  background:var(--verdigris-dim);
  color:var(--parchment);
  text-decoration:none;
  border-radius:2px;
  font-family:'Space Mono', monospace;
  font-size:13px;
  letter-spacing:0.4px;
}
.rec-cta a:hover{background:var(--verdigris);}
footer.rec-footer{
  max-width:760px;
  margin:0 auto;
  padding:24px;
  text-align:center;
  font-family:'Space Mono', monospace;
  font-size:11.5px;
  color:var(--fog-dim);
}
footer.rec-footer a{color:var(--fog-dim);}
@media(max-width:480px){
  dl.rec-fields{grid-template-columns:1fr;}
}