.story-progress{margin:52px 0 18px;padding:13px 16px;border:1px solid #66552d;background:#d6ad470d;display:flex;justify-content:space-between;gap:18px;color:#d7dbe0;font-size:13px}
.story-progress strong{color:var(--gold)}
.revealed-chapter{margin:14px 0 34px;padding:30px;border:1px solid #66552d;background:linear-gradient(145deg,#14171d,#0b0f15)}
.revealed-chapter h2{margin-top:7px}
.revealed-chapter p:last-of-type{margin-bottom:30px}
.chapter-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 0!important;padding:14px!important}
.chapter-images div{min-width:0;background:#080b10;display:grid;place-items:center}
.chapter-images img{width:100%;height:100%;max-height:560px;object-fit:contain}
.chapter-images figcaption{grid-column:1/-1;margin:0!important}
.locked-chapter{position:relative;display:grid;grid-template-columns:46px 1fr;gap:18px;align-items:center;margin:14px 0;padding:23px;border:1px solid var(--line);background:linear-gradient(135deg,#111720,#0b0f15);overflow:hidden}
.locked-chapter:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff08 48%,transparent 70%);pointer-events:none}
.locked-chapter .lock{width:42px;height:42px;border:1px solid #615532;color:var(--gold);display:grid;place-items:center;font-size:27px;transform:rotate(-25deg)}
.locked-chapter h2{font-size:27px;margin:5px 0 6px;color:#d8dde4}
.locked-chapter p{margin:0;color:#939eac;font-size:14px}
.locked-chapter span{display:block;margin-top:10px;color:var(--gold);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:580px){.story-progress{align-items:flex-start;flex-direction:column;gap:2px}.revealed-chapter{padding:20px}.chapter-images{grid-template-columns:1fr}.chapter-images figcaption{grid-column:auto}.locked-chapter{grid-template-columns:38px 1fr;padding:18px;gap:13px}.locked-chapter .lock{width:36px;height:36px}.locked-chapter h2{font-size:23px}}