.story-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#4f6fd8) 18%,var(--panel,#fff)),var(--panel,#fff));border:1px solid var(--line,#d8e0ec);border-radius:22px;padding:28px;margin-bottom:20px}.story-flow{display:grid;gap:14px}.story-step{border:1px solid var(--line,#d8e0ec);border-radius:16px;background:var(--panel,#fff);overflow:hidden}.story-step summary{cursor:pointer;padding:17px 20px;font-weight:800;display:flex;gap:12px;align-items:center}.story-step summary::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent,#4f6fd8);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent,#4f6fd8) 16%,transparent)}.story-body{padding:0 20px 20px}.story-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.story-meta>div{padding:12px;border-radius:12px;background:var(--bg,#f4f7fb)}.story-meta b{display:block;margin-bottom:5px}.story-controls{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.story-map{width:100%;height:auto;max-height:260px}.story-map .node{fill:color-mix(in srgb,var(--accent,#4f6fd8) 15%,var(--panel,#fff));stroke:var(--accent,#4f6fd8);stroke-width:2}.story-map text{fill:var(--text,#172033);font:600 14px system-ui}.story-decision{border-left:5px solid #8b5cf6}.story-question{border-left:5px solid #d97706}.story-progress{height:10px;background:var(--line,#d8e0ec);border-radius:99px;overflow:hidden}.story-progress span{display:block;height:100%;background:var(--accent,#4f6fd8);width:0;transition:width .25s}.story-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:760px){.story-meta,.story-index-grid{grid-template-columns:1fr}.story-hero{padding:20px 16px}}