.journal{padding:36px 0 64px;background:linear-gradient(180deg,#24103c 0%,#160c24 28%)}
.journal h1{font-size:clamp(32px,5vw,52px);line-height:1.1}
.lead{max-width:640px;color:var(--muted);margin:12px 0 28px}
.spread{display:grid;grid-template-columns:1fr 200px;gap:36px;align-items:start}
.chapters{display:grid;gap:0}
.ch{
  display:grid;grid-template-columns:92px 1fr;gap:20px;
  padding:28px 0;border-top:1px solid var(--line);
}
.ch:nth-child(even){background:#1a0e26;margin:0 -18px;padding-left:18px;padding-right:18px}
.num{
  font-size:42px;line-height:1;font-weight:800;color:var(--coral);letter-spacing:-.04em;
}
.ch h2{font-size:22px;margin-bottom:8px}
.ch p{color:var(--muted);margin-bottom:10px}
.kpi{color:var(--amber);font-weight:800;font-size:14px}
.mid{
  grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;
  border:1px solid var(--gold);margin:8px 0 12px;
}
.mid .side{padding:18px}
.mid .side:first-child{background:linear-gradient(160deg,#e07848,#6e2a7a)}
.mid .side:last-child{background:#1c1028}
.mid .lang{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;margin-bottom:8px;color:var(--gold)}
.toc{
  position:sticky;top:76px;background:#12081c;padding:16px;
  border-left:3px solid var(--coral);
}
.toc a{display:block;padding:7px 0;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.toc a:hover{color:var(--gold)}
@media(max-width:800px){
  .spread,.ch,.mid{grid-template-columns:1fr}
  .toc{position:static}
  .num{font-size:28px}
}