/* ------------------------------------------------------------------
   Clean dark death-metal chrome (rebuilt from scratch — the original
   Dead Congregation site was a single Flash-era splash GIF with no
   theme, no navigation and no content pages). Styles the rebuilt
   homepage, article template and blog catalog.
------------------------------------------------------------------ */

:root{
  --accent:#b3121b;      /* blood red */
  --accent-dim:#7c0d13;
  --ink:#e6e3df;         /* off-white body text */
  --head:#f4f1ec;        /* headings */
  --muted:#9a938c;
  --bg:#0b0b0d;          /* near black */
  --panel:#141416;       /* card / panel */
  --panel-2:#1b1b1e;
  --line:#2a2a2e;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  letter-spacing:.01em;
}
a{color:#e07a80;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{
  color:var(--head);
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.2;
}

/* ---- hero band ---- */
.rb-hero{
  position:relative;
  padding:88px 20px 78px;
  text-align:center;
  background:
    linear-gradient(180deg,rgba(11,11,13,.55) 0%,rgba(11,11,13,.92) 100%),
    radial-gradient(120% 120% at 50% 0%,#2a0508 0%,#0b0b0d 62%);
  border-bottom:3px solid var(--accent);
}
.rb-hero-inner{max-width:820px;margin:0 auto;}
.rb-hero h1{
  margin:0 0 16px;
  font-size:2.7rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-shadow:0 2px 24px rgba(179,18,27,.35);
}
.rb-hero p{margin:0;color:var(--muted);font-size:1.12rem;}

/* ---- layout wrappers ---- */
.rb-wrap{max-width:1160px;margin:0 auto;padding:0 20px;}
.rb-home{max-width:1160px;margin:0 auto;padding:46px 20px 20px;}
.rb-intro{
  max-width:820px;margin:0 auto 30px;
  color:var(--muted);font-size:1.06rem;text-align:center;
}

/* ---- article page layout ---- */
.rb-article{max-width:1160px;margin:0 auto;padding:40px 20px 20px;display:flex;gap:40px;align-items:flex-start;}
.rb-article .rb-main{flex:1 1 auto;min-width:0;}
.rb-article .rb-sidebar{flex:0 0 300px;position:sticky;top:20px;}
@media(max-width:900px){
  .rb-article{flex-direction:column;}
  .rb-article .rb-sidebar{flex-basis:auto;width:100%;position:static;}
}
.rb-entry{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:4px;
  padding:34px 38px;
}
@media(max-width:700px){.rb-entry{padding:24px 20px;}}
.rb-entry h1{font-size:2rem;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;}
.rb-entry .rb-rule{height:3px;width:64px;background:var(--accent);margin:0 0 22px;border:0;}

/* sidebar widget */
.rb-widget{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:4px;
  padding:20px 22px;
}
.rb-widget h2{
  font-size:1.02rem;text-transform:uppercase;letter-spacing:.08em;
  margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);
  color:var(--head);
}
.rb-widget ul{list-style:none;margin:0;padding:0;}
.rb-widget li{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--line);}
.rb-widget li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.rb-widget a{color:var(--ink);font-size:.95rem;line-height:1.45;font-weight:600;}
.rb-widget a:hover{color:var(--accent);}

/* ---- footer ---- */
.site-footer.rebuilt{
  margin-top:60px;
  background:#08080a;
  border-top:3px solid var(--accent);
  padding:46px 20px 40px;
}
.rb-foot-inner{max-width:1160px;margin:0 auto;text-align:center;}
.rb-foot-brand{
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size:1.6rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:var(--head);
}
.rb-foot-tag{color:var(--muted);margin:6px 0 22px;letter-spacing:.1em;font-size:.86rem;text-transform:uppercase;}
.rb-foot-copy{color:#5f5a55;font-size:.8rem;margin-top:22px;letter-spacing:.04em;}

/* sitewide/showlinks links visible on dark bg */
.romlifooter a,.romlidata a{color:#e07a80;}
.romlifooter a:hover,.romlidata a:hover{color:#fff;}