.story-main{max-width:1020px;margin:auto;padding:42px 24px 64px}.story-intro h1{font-size:calc(clamp(38px,6vw,68px) * var(--text-scale,1));margin:14px 0}.story-lead{font-size:calc(20px * var(--text-scale));max-width:760px}.story-back{display:inline-block;margin-bottom:24px}.story-family,.story-scene>img{width:100%;height:auto;display:block}.story-family{border-radius:14px}.story-cast{font-size:calc(16px * var(--text-scale));color:#76623e}.scene-index{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 40px;font-size:calc(15px * var(--text-scale))}.scene-index a{padding:8px 14px;border:1px solid #c8c3b2;border-radius:24px;text-decoration:none}.scene-index a:hover{background:#e9dfc9}.story-scene{margin:42px 0 64px;border:1px solid #d8d9ce;border-radius:14px;overflow:hidden;background:#fffdf8;scroll-margin-top:24px}.scene-heading{padding:24px 30px}.scene-number{font-size:calc(14px * var(--text-scale));color:#886529}.scene-heading h2{margin:5px 0 0;font-size:calc(29px * var(--text-scale))}.story-dialogue{padding:22px 30px 30px;max-width:830px;margin:auto}.story-line{font-size:calc(19px * var(--text-scale));line-height:1.95;margin:14px 0;padding:14px 18px;border-inline-start:3px solid #c6a15b;background:#f5f2e8;border-radius:6px}.story-line strong{display:block;font-size:calc(15px * var(--text-scale));color:#5e613c;margin-bottom:3px}.story-line.salem{border-color:#375c85}.story-line.ghayah{border-color:#527749}.story-line.sheikha{border-color:#b7757f}.story-line.hamad,.story-line.rashid{border-color:#899b96}.stage-direction{font-size:calc(16px * var(--text-scale));font-style:italic;text-align:center;color:#6b7168;margin:22px 0}.story-ending{text-align:center;border-block:1px solid #c6a15b;padding:42px 20px;background:#eee9dc;border-radius:14px}.story-ending p{font-size:calc(18px * var(--text-scale))}.story-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:24px 0}.story-actions button{font:inherit}.story-actions .secondary{background:transparent}.grandfather-card{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;border:1px solid #d8d9ce;border-radius:14px;padding:26px;background:#fffdf8}.grandfather-card img{width:100%;height:auto;display:block;border-radius:10px}.grandfather-card h3{font-size:calc(25px * var(--text-scale));margin:8px 0}.grandfather-card p{font-size:calc(18px * var(--text-scale))}.grandfather-card .story-tag{font-size:calc(14px * var(--text-scale));color:#886529}.grandfather-section{background:#eee9dc}html[data-theme=dark] :is(.story-scene,.grandfather-card){background:#1b2e25;border-color:#546858}html[data-theme=dark] :is(.story-ending,.grandfather-section){background:#172720}html[data-theme=dark] .story-line{background:#243a2e}html[data-theme=dark] :is(.story-line strong,.scene-number,.story-cast,.grandfather-card .story-tag){color:#dbc58e}html[data-theme=dark] .stage-direction{color:#cad5ca}html[data-theme=dark] .scene-index a:hover{background:#243a2e}@media(max-width:700px){.story-main{padding:26px 16px 40px}.scene-heading{padding:20px}.story-dialogue{padding:14px 16px 22px}.story-line{padding:12px 14px}.story-scene{margin:30px 0 42px}.grandfather-card{grid-template-columns:1fr;padding:18px;gap:20px}.scene-index{gap:8px}.story-actions .button{width:100%}}