/* One continuous capsule lifecycle. The geometry is a process diagram. */
.paper-guide{position:relative;border:1px solid #cac0dd26;border-radius:26px;background:radial-gradient(ellipse at 78% 43%,#8876a010,transparent 62%),linear-gradient(125deg,#111019,#080910 76%);isolation:isolate;box-shadow:0 30px 100px #00000026,0 1px 0 #ffffff08 inset;overflow:hidden}
.paper-guide::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#c9b5e306 48%,transparent 60%);z-index:-1}
.paper-guide .guide-heading{padding:28px 34px 19px;gap:16px}.guide-heading .eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;color:#d3cadd}.guide-heading .guide-intro{font-size:14px;line-height:1.7;margin:8px 0 0;color:#a59dae}
.story-ready .story-tabs{grid-template-columns:repeat(6,minmax(0,1fr));padding:0 20px;background:transparent;border-top:0;border-bottom:1px solid #c2b3d51a;gap:8px}.story-tabs button{min-width:0;min-height:72px;padding:14px 13px;gap:6px;border-right:0;border-radius:10px 10px 0 0;color:#958b9f;font-size:14px;transition:color .6s,background .6s}.story-tabs button:hover{background:#d9c5f005;color:#eee9f6}.story-tabs button[aria-selected="true"]{color:#eee9f6;background:linear-gradient(0deg,#cfb4ea0a,transparent)}.story-tabs button::after{height:1px;left:13px;right:13px;background:linear-gradient(90deg,#e5d3f6,#a396b34d);box-shadow:0 0 14px #cdb1eb33}.story-tabs .tab-number{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1.5px;color:#81738c}.story-tabs button[aria-selected="true"] .tab-number{color:#d0bddc}
.paper-guide .guide-stage{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:12px;padding:24px 30px 20px;align-items:center;min-height:480px}.story-ready .story-copy{display:grid;align-items:center;min-height:280px;padding:10px 0 10px 8px}.story-ready .story-panel{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.7,.2,1),visibility .65s;pointer-events:none;border:0;padding:12px 0;animation:none!important}.story-ready .story-panel.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;animation:none}.story-panel h2{font-size:clamp(27px,2.55vw,37px);line-height:1.16;letter-spacing:-.04em;max-width:440px;margin-bottom:22px}.story-kicker{font-size:12px;letter-spacing:1.5px;color:#b9a5ca;margin-bottom:22px}.story-body{font-size:16px;line-height:1.8;max-width:440px;color:#bdb5c9;margin-bottom:22px}.story-note{font-size:14px;line-height:1.65;border-color:#b69bc540;max-width:430px;color:#93889e}.paper-guide .guide-visual{width:100%;max-width:none;align-self:center;min-width:0}.paper-guide .guide-visual>figcaption{font-size:12px;letter-spacing:.2px;color:#796f87;margin:15px 0 0;padding:0;text-align:center}.guide-source-scenes[hidden]{display:none!important}
.capsule-cinema{position:relative;isolation:isolate;width:100%;min-width:0}.cinema-svg{display:block;width:100%;height:auto;overflow:visible}.cinema-aura{position:absolute;inset:8% 1% 22%;background:radial-gradient(ellipse at 55% 45%,#ab8ed30d,transparent 70%);filter:blur(16px);pointer-events:none;z-index:-1}.cinema-orbits ellipse{fill:none;stroke:#c1add718;stroke-width:1}.cinema-orbits ellipse:nth-child(2){stroke:#c1add70e}.cinema-orbits ellipse:nth-child(3){stroke-dasharray:2 9;stroke:#c1add714}.cinema-orbit-points circle{fill:#d8c5e8;opacity:.68}.cinema-orbit-points circle:first-child{filter:drop-shadow(0 0 4px #c4a9e777)}.cinema-route{fill:none;stroke:#c6b6d61c;stroke-width:1;stroke-dasharray:3 7}.cinema-return{fill:none;stroke:url(#cinemaBeam);stroke-width:1.2;stroke-dasharray:12 88;opacity:0;transition:opacity 1.1s}.cinema-workspace{opacity:.4;transition:opacity 1.1s}.cinema-workspace>rect:first-child{stroke:#cfc0e04d;stroke-width:1}.cinema-corner{fill:none;stroke:#cfb6e657;stroke-width:1}.cinema-slot{fill:#e5d6f505;stroke:#d5c7e323;stroke-width:1;stroke-dasharray:3 5}.cinema-scan{stroke:url(#cinemaBeam);stroke-width:1.2;opacity:0}
.cinema-capsule rect{fill:#15131e;stroke:url(#cinemaSilver);stroke-width:1.2}.cinema-capsule path{fill:none;stroke:#b6a9c23b;stroke-width:1.5;stroke-linecap:round}.cinema-capsule circle{fill:#d8c9e6;opacity:.45}.cinema-copy rect{fill:#302537;stroke:#d8bfef;stroke-width:1.2}.cinema-copy path{fill:none;stroke:#e7d5f98a;stroke-width:1.5;stroke-linecap:round}.cinema-copy circle{fill:#efdcff}.cinema-working-copies{filter:drop-shadow(0 5px 12px #0008)}.cinema-core-halo{fill:none;stroke:#bd9fda20;stroke-dasharray:1 8;opacity:0;transition:opacity 1s}
.cinema-network{opacity:.16;transition:opacity 1.3s}.cinema-device circle{fill:#0e0e17;stroke:#b2a3c168;stroke-width:1}.cinema-device path,.cinema-device rect{fill:none;stroke:#d2c4e4;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.cinema-packets circle{fill:#e5d7f5;filter:drop-shadow(0 0 4px #cba9e060)}.cinema-validation{transition:opacity .9s}.cinema-validation circle{fill:#13131d;stroke:#d6cae578;stroke-width:1}.cinema-validation path{fill:none;stroke:#e4d8f0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.cinema-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:-24px;position:relative}.cinema-labels span{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:14px;line-height:1.4;color:#766a85;transition:color .8s}.cinema-labels i{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.cinema-caption{position:relative;min-height:24px;margin-top:28px;text-align:center;font-size:14px;letter-spacing:.2px;color:#bbb0c9}.cinema-caption span{animation:cinema-caption-in .8s ease-out}.capsule-cinema[data-cinema-phase="0"] [data-zone="0"],.capsule-cinema[data-cinema-phase="1"] [data-zone="0"],.capsule-cinema[data-cinema-phase="2"] [data-zone="1"],.capsule-cinema[data-cinema-phase="3"] [data-zone="1"],.capsule-cinema[data-cinema-phase="4"] [data-zone="2"],.capsule-cinema[data-cinema-phase="5"] [data-zone="2"]{color:#dbcee9}.capsule-cinema:is([data-cinema-phase="2"],[data-cinema-phase="3"],[data-cinema-phase="4"],[data-cinema-phase="5"]) .cinema-workspace{opacity:1}.capsule-cinema:is([data-cinema-phase="4"],[data-cinema-phase="5"]) .cinema-network{opacity:1}.capsule-cinema[data-cinema-phase="5"] .cinema-return{opacity:.8}.capsule-cinema[data-cinema-phase="1"] .cinema-core-halo{opacity:1}
.paper-guide .guide-progress{height:1px;background:#cab4df18}.guide-progress-fill{background:linear-gradient(90deg,#8f73a5,#dfcced);box-shadow:0 0 16px #dbb4ef55}.paper-guide .guide-footer{padding:20px 34px;min-height:70px;border-top:0}.step-controls{gap:18px}.step-button{width:38px;height:38px;border:1px solid #c7b3db28;transition:border-color .3s,background .3s}.step-button:hover{border-color:#d6b9ee66;background:#d6b9ee08}.step-counter{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1.3px;color:#a99ab9}
@keyframes cinema-caption-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:900px){.paper-guide .guide-stage{min-height:490px}}
@media(max-width:900px){.paper-guide .guide-stage{grid-template-columns:1fr;gap:0;padding:26px 30px 16px}.story-ready .story-copy{min-height:290px;padding:0}.story-panel h2{max-width:100%;font-size:32px}.story-body,.story-note{max-width:650px}.guide-visual{justify-self:center;max-width:590px!important}.cinema-labels{margin-top:-15px}.paper-guide .guide-visual>figcaption{margin-top:10px}.guide-heading .guide-intro{max-width:580px}}
@media(max-width:600px){.paper-guide{border-radius:20px}.paper-guide .guide-heading{padding:22px 20px 12px}.guide-heading .eyebrow{letter-spacing:1px;font-size:12px}.story-ready .story-tabs{padding:0 10px;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.story-tabs button{min-height:58px;padding:10px;flex-direction:row;align-items:center;gap:8px;font-size:14px;border-radius:7px}.story-tabs button::after{left:10px;right:10px}.tab-number{font-size:12px}.paper-guide .guide-stage{padding:20px 20px 14px}.story-ready .story-copy{min-height:250px}.story-panel h2{font-size:28px;margin-bottom:18px}.story-body{font-size:16px;line-height:1.75;margin-bottom:18px}.story-note{font-size:14px}.story-kicker{margin-bottom:17px}.cinema-labels{gap:8px;margin-top:-7px}.cinema-labels span{font-size:14px;display:block}.cinema-labels i{display:none}.cinema-caption{margin-top:22px}.paper-guide .guide-footer{padding:17px 20px}.guide-footer::after{font-size:12px;letter-spacing:.6px}.step-controls{gap:12px}.paper-guide .guide-visual>figcaption{font-size:12px;line-height:1.5;max-width:280px;margin:10px auto 0}}
@media(max-width:360px){.paper-guide .guide-stage{padding-inline:16px}.story-tabs button{font-size:13px;gap:5px}.guide-footer::after{display:none}.story-panel h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.paper-guide *{animation:none!important;transition:none!important}.story-ready .story-panel{transform:none}.cinema-return{display:none}}
@media print{.capsule-cinema,.guide-footer::after{display:none!important}.story-ready .story-copy{display:block!important}.story-ready .story-panel{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}.paper-guide{background:none;box-shadow:none}.guide-visual{display:none!important}}
.capsule-cinema:is([data-cinema-phase="2"],[data-cinema-phase="3"]) .cinema-scan{opacity:.4;animation:cinema-scan 5s ease-in-out infinite}.paper-guide[data-paused="true"] .capsule-cinema *{animation-play-state:paused!important}@keyframes cinema-scan{0%,100%{transform:translateX(0);opacity:0}15%,85%{opacity:.4}90%{transform:translateX(187px);opacity:0}}@media(prefers-reduced-motion:reduce){.cinema-scan{display:none}}

/* Stage numbers remain available to the printable guide. */
@media screen{.paper-guide .story-kicker{display:none}}