.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}
.teaser-image{margin:30px 0 0!important;padding:12px!important;background:#080b10;border:1px solid var(--line)}
.teaser-image img{display:block;width:100%;height:auto;max-height:980px;object-fit:contain}
.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}.locked-chapter{grid-template-columns:38px 1fr;padding:18px;gap:13px}.locked-chapter .lock{width:36px;height:36px}.locked-chapter h2{font-size:23px}}