/* Story reading redesign — 2026-10-11 */
.story-reading-page{max-width:1120px;padding-top:38px;padding-bottom:60px}
.reading-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:clamp(30px,5vw,76px);align-items:center;min-height:410px;padding:28px 45px 42px;border:1px solid #61404c;border-radius:22px;background:radial-gradient(circle at 84% 15%,#66394a55,transparent 55%),linear-gradient(140deg,#261721,#180f19);box-shadow:0 20px 60px #0004}
.reading-back{display:inline-block;color:#e8bb84;font-size:13px;margin-bottom:22px}
.reading-category{margin-bottom:14px}
.reading-hero .page-title{font-size:clamp(31px,3.5vw,46px);line-height:1.45;color:#f2c68f;margin:0 0 16px}
.reading-excerpt{line-height:2;color:#d9bdba;font-size:16px;max-width:590px;margin:0 0 20px}
.reading-byline{color:#c3a8ac;margin-bottom:25px}
.reading-byline strong{color:#f3d6b0}
.reading-cta{display:inline-flex}
.reading-hero-art{display:flex;justify-content:center;align-items:center}
.reading-hero-art img{display:block;width:min(100%,270px);max-height:370px;object-fit:contain;border-radius:12px;box-shadow:0 22px 50px #0009}
.reading-cover-placeholder{width:245px;aspect-ratio:3/4;background:linear-gradient(140deg,#693c52,#241423);border:1px solid #a17a62;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center;gap:25px}
.reading-cover-placeholder span{font-size:15px;color:#dfb582}.reading-cover-placeholder strong{font-size:24px;color:#f4d0a2;line-height:1.7}
.reading-content{max-width:870px;margin:36px auto 0}
.reading-content .story-share{margin:0 0 16px;padding:18px 20px;border:1px solid #5d3d4c;border-radius:13px;background:#23151f;justify-content:flex-start}
.reading-content>.actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px!important}
.reading-content>.actions .btn{font-size:14px}
.reading-content>#listen-status{margin-bottom:20px}
.reading-content .reader-toolbar,.reading-content .reader-paper{max-width:none;width:100%}
.reading-content .reader-toolbar{margin-top:22px;padding:13px 22px}
.reading-content .reader-paper{padding:clamp(24px,4vw,46px);background:#241820;border:1px solid #63424e;box-shadow:0 18px 42px #0003}
.reading-content .reader-paper p{font-size:19px;line-height:2.35;white-space:pre-line;overflow-wrap:anywhere;margin:0}
.reading-content .section{padding:36px 0}
.reading-content .section h2{font-size:25px;margin-bottom:22px}
.reading-content .section .paper{padding:23px;border-radius:14px}
.reading-content .section textarea.field{min-height:110px}
.reading-bottom-actions{margin:22px 0!important}
#reading-progress-panel{max-width:none;margin:26px 0!important;padding:20px 24px;border:1px solid #68424b;border-radius:14px}
#reading-progress-panel .btn{font-size:14px}
@media(max-width:740px){.story-reading-page{padding-top:16px}.reading-hero{grid-template-columns:1fr;gap:22px;padding:24px 19px;text-align:right}.reading-hero-art{grid-row:1}.reading-hero-art img{max-height:275px;width:auto;max-width:75%}.reading-cover-placeholder{width:180px}.reading-hero .page-title{font-size:29px}.reading-content{margin-top:22px}.reading-content .reader-paper{padding:20px}.reading-content .reader-paper p{font-size:17px;line-height:2.15}.reading-content .story-share{padding:15px}.reading-content .story-share .btn{flex:1;text-align:center}.reading-content>.actions .btn{flex:1}.reading-content .section{padding:26px 0}}