/* ============================================================
   DEAD RECKONING — Stats Bible ("The Navigator's Manual")
   Redesigned for readability
   ============================================================ */

.bible-header{padding:calc(var(--nav-height) + var(--space-xl)) 0 var(--space-lg)}
.bible-header h1{font-size:clamp(1.75rem,4vw,2.75rem);letter-spacing:.06em}
.bible-header .subtitle{
  font-family:var(--font-body);font-size:1rem;color:var(--silver-dim);
  font-weight:300;margin-top:var(--space-xs);text-transform:none;
}

.bible-layout{display:grid;grid-template-columns:180px 1fr;gap:var(--space-xl)}
@media(max-width:768px){.bible-layout{grid-template-columns:1fr}.bible-nav{display:none}}

.bible-nav{position:sticky;top:calc(var(--nav-height) + var(--space-lg));align-self:start}
.bible-nav-title{
  font-family:var(--font-display);font-size:.6rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.15em;color:var(--silver-dim);
  margin-bottom:var(--space-sm);padding-left:.75rem;
}
.bible-nav ul{list-style:none;display:flex;flex-direction:column;gap:1px}
.bible-nav a{
  display:block;padding:.35rem .75rem;border-radius:var(--radius-sm);
  font-family:var(--font-display);font-size:.75rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.06em;color:var(--silver-dim);
  transition:all .15s;border-left:2px solid transparent;
}
.bible-nav a:hover{color:var(--silver);background:rgba(255,255,255,.02)}
.bible-nav a.active{color:var(--amarillo);border-left-color:var(--amarillo);background:rgba(255,215,0,.04)}

.category-divider{
  font-family:var(--font-display);font-size:.85rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.15em;color:var(--nw-green-lt);
  padding:var(--space-sm) 0;margin-bottom:var(--space-md);
  border-bottom:1px solid var(--card-border-sub);
  scroll-margin-top:calc(var(--nav-height) + var(--space-lg));
}

.stat-entries{display:flex;flex-direction:column;gap:var(--space-md)}

.stat-entry{
  display:grid;grid-template-columns:1fr 200px;gap:var(--space-lg);
  background:var(--card-black);border:1px solid var(--card-border-sub);
  border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);
  scroll-margin-top:calc(var(--nav-height) + var(--space-lg));
  transition:border-color .2s;
}
.stat-entry:hover{border-color:var(--card-border)}
@media(max-width:640px){.stat-entry{grid-template-columns:1fr}}

.stat-name-row{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:.35rem}
.stat-entry-name{
  font-family:var(--font-display);font-size:1rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.03em;color:var(--white);
}
.stat-entry-abbr{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--amarillo)}

.stat-entry-def{font-size:.9rem;color:var(--silver);line-height:1.6;margin-bottom:.35rem}

.stat-formula{margin-bottom:.35rem}
.stat-formula summary{
  font-family:var(--font-mono);font-size:.65rem;color:var(--silver-dim);
  cursor:pointer;padding:.15rem 0;list-style:none;
}
.stat-formula summary::before{content:'▸ ';color:var(--nw-green-lt)}
.stat-formula[open] summary::before{content:'▾ '}
.stat-formula summary:hover{color:var(--silver)}
.stat-formula .formula-content{
  font-family:var(--font-mono);font-size:.7rem;color:var(--silver);
  background:rgba(12,44,86,.15);border-left:2px solid var(--nw-green);
  padding:var(--space-sm) var(--space-md);margin-top:var(--space-xs);line-height:1.5;
}

.stat-context{margin-top:.35rem}
.context-labels{
  display:flex;justify-content:space-between;
  font-family:var(--font-mono);font-size:.5rem;color:var(--silver-dim);
  letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;
}
.context-bar{height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--poor) 0%,var(--below) 25%,var(--average) 50%,var(--good) 75%,var(--elite) 100%);
}

.stat-sidebar{border-left:1px solid var(--card-border-sub);padding-left:var(--space-md)}
@media(max-width:640px){.stat-sidebar{border-left:none;padding-left:0;border-top:1px solid var(--card-border-sub);padding-top:var(--space-sm)}}
.stat-leaders-title{
  font-family:var(--font-mono);font-size:.5rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.12em;color:var(--silver-dim);
  margin-bottom:var(--space-xs);
}
.leader-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:.2rem 0;font-size:.75rem;
}
.leader-rank{font-family:var(--font-mono);font-size:.6rem;color:var(--silver-dim);width:14px}
.leader-name{color:var(--silver);font-weight:400;flex:1;margin:0 .5rem}
.leader-val{font-family:var(--font-mono);font-weight:600;color:var(--white)}