/* Phase 62: compact story companion, no overlay on dialogue */
#storyStudio62{margin:18px 0 22px;padding:18px;border:1px solid #d8d9ed;border-radius:18px;background:#f7f7ff;color:#253056}
#storyStudio62 .jv62-kicker{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#6756a6}
#storyStudio62 h3{font-size:1.12rem;margin:6px 0 14px;color:#253056}
.jv62-track{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.jv62-act{border:1px solid #dddff1;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:.82rem;min-width:0}
.jv62-act strong{font-size:.76rem}.jv62-act.current{border-color:#735bd0;background:#ede8ff}.jv62-act.done{border-color:#5ba48b;background:#e6f5ed}.jv62-act.future{opacity:.65}
.jv62-character,.jv62-timeline{border-top:1px solid #dddff1;padding:10px 0}.jv62-character summary,.jv62-timeline summary{cursor:pointer;font-weight:700}.jv62-character p,.jv62-timeline p{line-height:1.55}.jv62-character blockquote{border-left:3px solid #7561be;margin:8px 0;padding-left:12px}
.jv62-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:12px 0}.jv62-step{font-size:.7rem;text-align:center;padding:8px 2px;border-radius:8px;background:#e6e7f1;color:#515875}.jv62-step.done{background:#dcf2e9;color:#245b49}.jv62-step.current{background:#dcd4fa;color:#443387;font-weight:800;outline:2px solid #7561be;outline-offset:1px}
.jv62-note{font-size:.8rem;color:#656d8a;margin:8px 0 0}
@media(max-width:580px){#storyStudio62{padding:12px}.jv62-track{grid-template-columns:1fr}.jv62-act{flex-direction:row;gap:10px}.jv62-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.jv62-step{font-size:.58rem;overflow-wrap:anywhere}}