:root{
  --brass:#b58921;
  --copper:#d37546;
  --ozone-blue:#5bc0de;
  --blueprint:#0b1521;
  --aged-paper:#f4e8d1;
  --ink:#1b2430;
  --ink-soft:#344255;
  --rule:#d8c7aa;
  --rule-strong:#c8b28c;
}

body{
  margin:0;
  font-family:"Courier New", Courier, monospace;
  background: var(--blueprint);
  color: var(--aged-paper);
}

/* NAV (optional, matches your site vibe) */
nav{
  background:#111;
  border-bottom:2px solid var(--brass);
  padding:15px 0;
  text-align:center;
}
.nav-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:24px;
}
.nav-links a{
  color:var(--aged-paper);
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:2px;
  font-size:0.9em;
}
.nav-links a:hover{ color:var(--ozone-blue); }

.container{
  max-width: 980px;
  margin: 60px auto;
  padding: 0 18px;
}

/* LEDGER PAGE */
.ledger-page{
  background: var(--aged-paper);
  color: var(--ink);
  border:1px solid #d7c7ab;
  box-shadow: 10px 10px 30px rgba(0,0,0,0.7), inset 0 0 120px rgba(0,0,0,0.08);
  position: relative;
  padding: 54px 54px 40px 54px;
  overflow:hidden;
}

/* Ruled lines */
.ledger-page::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0px,
      rgba(0,0,0,0) 30px,
      rgba(216,199,170,0.65) 31px
    );
  opacity:0.55;
  pointer-events:none;
}

/* Subtle paper stains / vignette */
.ledger-page::after{
  content:"";
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(circle at 15% 10%, rgba(181,137,33,0.10), transparent 40%),
    radial-gradient(circle at 85% 30%, rgba(211,117,70,0.09), transparent 45%),
    radial-gradient(circle at 50% 120%, rgba(0,0,0,0.12), transparent 55%);
  pointer-events:none;
}

.ledger-header{
  position:relative;
  z-index:2;
  bo