/* Cinematic section identities: illustration only, never a status or document. */
.ss-cinematic{height:clamp(155px,25vw,225px);position:relative;overflow:hidden;isolation:isolate;margin:clamp(20px,3vw,32px) 0 28px;background:radial-gradient(ellipse at 75% 55%,#20323c,#0e1922 58%,#0b151c);border:1px solid #344a4f;border-radius:2px;box-shadow:0 12px 35px #071b2019}
.ss-cinematic svg{display:block;width:100%;height:100%;overflow:hidden}.ss-cinematic [class^="ss-"]{vector-effect:non-scaling-stroke}.ss-door{fill:#101d21;stroke:#ad9572;stroke-width:1.5}.ss-door-inner{fill:#18282a;stroke:#bda779;stroke-opacity:.5}.ss-light-door{fill:#d2c8a7;fill-opacity:.17}.ss-beam{fill:#e8dbb8;opacity:.09;animation:ss-beam-breathe 9s ease-in-out infinite alternate}.ss-paper{fill:#f1e6cf;fill-opacity:.9;stroke:#d4bd8e;stroke-width:1}.ss-ink{fill:none;stroke:#5c5140;stroke-opacity:.68;stroke-width:1.2;stroke-dasharray:125;stroke-dashoffset:0;animation:ss-write 3s ease-out both}.ss-ink-1{animation-delay:.15s}.ss-ink-2{animation-delay:.3s}.ss-ink-3{animation-delay:.45s}.ss-ink-4{animation-delay:.6s}.ss-ink-5{animation-delay:.75s}.ss-ink-6{animation-delay:.9s}.ss-dust{fill:#f5e2b5;opacity:.3;animation:ss-dust 7s ease-in-out infinite alternate}.ss-dust-1{animation-delay:-2s}.ss-dust-2{animation-delay:-4s}.ss-dust-3{animation-delay:-6s}
.ss-cinematic[data-story-motion=press]{background:radial-gradient(ellipse at 65% 40%,#293c47,#101b24 60%,#090f17)}.ss-cinematic[data-story-motion=justice]{background:radial-gradient(ellipse at 50% 45%,#243b3a,#111e22 60%,#0b1519)}.ss-document{fill:#e2ded0;fill-opacity:.91;stroke:#d5c6a7;stroke-opacity:.8;stroke-width:1}.ss-document-0{transform:rotate(-4deg);transform-origin:162px 143px}.ss-document-2{transform:rotate(4deg);transform-origin:570px 158px}.ss-source-line{fill:none;stroke:#505f5a;stroke-width:1.4;opacity:.72}.ss-reveal{fill:#f2ead5;opacity:.05;animation:ss-light-reveal 12s ease-in-out infinite alternate}.ss-link{fill:none;stroke:#dfc69a;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 8;opacity:.65;animation:ss-link-flow 12s linear infinite}.ss-link-b{stroke:#9bc9c8;animation-direction:reverse}.ss-node{fill:#e7d4a8;animation:ss-node-breathe 5s ease-in-out infinite alternate}.ss-balance{fill:none;stroke:#d9c7a1;stroke-opacity:.7;stroke-width:1.2}
@keyframes ss-write{from{stroke-dashoffset:125;opacity:.3}to{stroke-dashoffset:0;opacity:.68}}@keyframes ss-beam-breathe{from{opacity:.05}to{opacity:.14}}@keyframes ss-dust{from{opacity:.1;transform:translateY(3px)}to{opacity:.5;transform:translateY(-3px)}}@keyframes ss-light-reveal{from{opacity:.025;transform:translateX(-25px)}to{opacity:.1;transform:translateX(30px)}}@keyframes ss-link-flow{to{stroke-dashoffset:-88}}@keyframes ss-node-breathe{from{opacity:.4}to{opacity:.9}}
@media(max-width:600px){.ss-cinematic{height:148px;margin:20px 0 24px}.ss-cinematic svg{width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){.ss-cinematic *{animation:none!important;transition:none!important}.ss-ink{stroke-dashoffset:0}.ss-beam{opacity:.08}.ss-reveal{opacity:.05}}
@media print{.ss-cinematic{display:none!important}}
/* Shared cinematic palette with the existing opening's locally served media. */
.ss-cinematic[data-story-motion=diary]{background-image:linear-gradient(90deg,#09151ef2,#10212cdb 47%,#101c26e8),url('/assets/journey/painter.webp');background-size:cover;background-position:center 42%}
.ss-cinematic[data-story-motion=press],.ss-cinematic[data-story-motion=justice]{background-image:linear-gradient(100deg,#09131deF,#172b33e6 60%,#101e25ed),url('/assets/journey/galaxy.webp');background-size:cover;background-position:center}

.ss-cinematic svg{pointer-events:none}.ss-motion-toggle{position:absolute;right:12px;bottom:12px;z-index:3;min-height:44px;padding:7px 12px;background:#0b1c25e8;color:#f0eadc;border:1px solid #c7b999b0;border-radius:2px;font:11px/1.35 system-ui,sans-serif;cursor:pointer}.ss-motion-toggle:focus-visible{outline:3px solid #f5d295;outline-offset:3px}.ss-motion-toggle:disabled{opacity:.8;cursor:default}.ss-cinematic[data-story-paused=true] svg *{animation-play-state:paused!important}
@media print{.ss-motion-toggle{display:none!important}}

.ss-reading-skip{position:absolute;z-index:3;left:12px;bottom:12px;display:inline-flex;align-items:center;min-height:44px;padding:7px 12px;background:#0b1c25e8;color:#f0eadc!important;border:1px solid #c7b999b0;border-radius:2px;text-decoration:none;font:11px/1.35 system-ui,sans-serif}.ss-reading-skip:focus-visible{outline:3px solid #f5d295;outline-offset:3px}.ss-reading-meter{position:fixed;z-index:25;top:0;right:0;width:3px;height:100dvh;pointer-events:none;background:#a58a4b16}.ss-reading-meter span{display:block;width:100%;height:100%;transform:scaleY(var(--ss-reading-progress,0));transform-origin:top;background:linear-gradient(#f0dcaf,#a2c3c5,#d4b178);box-shadow:0 0 8px #d4bb86}.ss-reading-meter[data-quiet=true]{display:none}@media(prefers-reduced-motion:reduce),print{.ss-reading-meter{display:none!important}}
.ss-support{margin:clamp(35px,6vw,75px) auto;padding:clamp(24px,4vw,50px);background:#101c25;color:#f4f1e6;border:1px solid #708282;font:15px/1.7 system-ui,sans-serif;max-width:1120px}.ss-support *{box-sizing:border-box}.ss-support-kicker{color:#d8bf91;font-size:10px;letter-spacing:.16em;font-weight:700}.ss-support h2{color:#f8f4e9;font:400 clamp(29px,4vw,48px)/1.15 Georgia,serif;max-width:700px}.ss-support>p{max-width:750px}.ss-support-image{margin:27px 0}.ss-support-image img{display:block;width:100%;height:auto;object-fit:contain;background:#111}.ss-support-image figcaption{color:#b7c8c8;font:12px/1.6 system-ui,sans-serif;margin-top:8px}.ss-support-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:30px 0;gap:1px;background:#849597}.ss-support-steps li{background:#162733;padding:22px;display:flex;flex-direction:column;gap:10px}.ss-support-steps strong{color:#e4cb9b}.ss-support-steps span{font-size:13px;color:#d2dedb}.ss-support-example{background:#eee9db;color:#25383b;padding:clamp(18px,3vw,28px);max-width:680px}.ss-support-example p{margin:0 0 8px}.ss-support-example details{margin-top:16px}.ss-support-example summary{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:#183c43;color:white;cursor:pointer;font-weight:600}.ss-support-example summary:focus-visible{outline:3px solid #ad6f31;outline-offset:3px}.ss-support-example details p{padding:12px 0 0;color:#315e47;font-weight:600}.ss-support-note{color:#c8d8d4;font-size:12px;margin-top:20px!important}@media(max-width:700px){.ss-support-steps{grid-template-columns:1fr}.ss-support-steps li{padding:17px}}
@media(prefers-reduced-motion:no-preference){.ss-support-steps li{animation:ss-support-arrive .8s ease both}.ss-support-steps li:nth-child(2){animation-delay:.12s}.ss-support-steps li:nth-child(3){animation-delay:.24s}@keyframes ss-support-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media print{.ss-support{background:white;color:black;border:1px solid #777}.ss-support h2,.ss-support-steps strong,.ss-support-steps span,.ss-support-note{color:black}.ss-support-steps li{background:white}}
