/* Scarame Scroll Blog 001 — extend existing theme variables and card language. */
.scarame-blog-section,
.scarame-blog-archive { position: relative; }
.scarame-blog-section-header {
    display: flex; align-items: end; justify-content: space-between;
    gap: 24px; margin: 0 0 25px;
}
.scarame-blog-kicker {
    display: inline-block; margin-bottom: 7px; color: var(--scarame-accent);
    letter-spacing: .17em; text-transform: uppercase; font-weight: 750; font-size: .75rem;
}
.scarame-blog-section-header h1,
.scarame-blog-section-header h2 {
    margin: 0; font-size: clamp(1.75rem, 4vw, 3rem);
    line-height: 1.13; letter-spacing: -.035em;
}
.scarame-blog-all,
.scarame-blog-read { color: var(--scarame-accent); font-size: .92rem; font-weight: 700; }
.scarame-blog-all { padding: 10px 0; white-space: nowrap; }
.scarame-blog-grid {
    display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
    gap: clamp(14px, 2vw, 24px);
}
.scarame-blog-card { display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
.scarame-blog-card-cover {
    display: grid; aspect-ratio: 16 / 10; overflow: hidden;
    border-bottom: 1px solid var(--scarame-border);
    background: var(--scarame-surface-deep);
}
.scarame-blog-card-cover img { width:100%; height:100%; object-fit:cover; transition: transform 500ms ease; }
.scarame-blog-card:hover .scarame-blog-card-cover img { transform:scale(1.035); }
.scarame-blog-card-placeholder {
    align-self:center; justify-self:center; color: var(--scarame-muted);
    opacity:.6; font-size: clamp(1.2rem,3vw,2rem); font-weight: 750;
    letter-spacing: .12em; text-align:center; padding:20px;
}
.scarame-blog-card-body { display:flex; flex:1; flex-direction:column; padding:clamp(18px,2vw,28px); }
.scarame-blog-card-meta { color:var(--scarame-muted); font-size:.8rem; letter-spacing:.035em; }
.scarame-blog-card h3 { font-size:clamp(1.23rem,2vw,1.7rem); line-height:1.23; margin:12px 0; letter-spacing:-.026em; }
.scarame-blog-card p { color:var(--scarame-muted); line-height:1.6; margin: 0 0 24px; }
.scarame-blog-read { margin-top:auto; align-self:flex-start; }
.scarame-blog-grid-featured:has(> :first-child:nth-last-child(3)) .scarame-blog-card:first-child { grid-column:span 2; }
.scarame-blog-grid-featured:has(> :first-child:nth-last-child(3)) .scarame-blog-card:first-child .scarame-blog-card-cover { aspect-ratio: 2 / 1; }
.scarame-blog-archive { margin-top: 8px; }
.scarame-blog-archive-desc { color:var(--scarame-muted); max-width:75ch; }
.scarame-blog-pagination { margin:30px 0; }
.scarame-blog-single-wrap { max-width:min(100% - 32px, 1000px); }
.scarame-blog-close-row { display:flex; justify-content:flex-end; margin-bottom:14px; }
.scarame-blog-close {
    display:grid; place-items:center; width:48px; height:48px;
    border:1px solid var(--scarame-border); background:var(--scarame-surface);
    border-radius:50%; font-size:1.9rem; line-height:1;
}
.scarame-blog-close:hover,.scarame-blog-close:focus-visible { background:var(--scarame-accent-soft); border-color:var(--scarame-border-strong); }
.scarame-blog-single { padding:clamp(24px,5vw,72px); }
.scarame-blog-single-head { max-width:760px; margin:0 auto 30px; }
.scarame-blog-single h1 { font-size:clamp(2rem,5.5vw,4.5rem); line-height:1.1; letter-spacing:-.05em; margin:12px 0 18px; overflow-wrap:break-word; }
.scarame-blog-intro { color:var(--scarame-muted); font-size:clamp(1.02rem,2vw,1.35rem); line-height:1.55; }
.scarame-blog-single-image { margin:0 0 clamp(25px,4vw,60px); }
.scarame-blog-single-image img { width:100%; height:auto; border-radius:calc(var(--scarame-radius) * .6); }
.scarame-blog-single-content { max-width:760px; margin:0 auto; overflow-wrap:break-word; }
.scarame-blog-single-content :is(h2,h3,h4) { line-height:1.2; margin:1.65em 0 .6em; }
.scarame-blog-single-content :is(p,ul,ol,blockquote) { margin:0 0 1.3em; }
.scarame-blog-single-content img { border-radius:calc(var(--scarame-radius) * .4); }
.scarame-blog-single-content :is(pre,table,iframe) { max-width:100%; }
.scarame-blog-single-content pre,.scarame-blog-single-content table { overflow-x:auto; }
.scarame-blog-single-content a { color:var(--scarame-accent); text-decoration:underline; }
.scarame-blog-tags { margin:30px auto 0; max-width:760px; display:flex; flex-wrap:wrap; gap:8px; }
.scarame-blog-tags a { display:inline-flex; border:1px solid var(--scarame-border); border-radius:999px; padding:5px 12px; }
.scarame-blog-comments { margin-top:25px; padding:clamp(20px,4vw,48px); }
.scarame-scroll-wp-page .scarame-page-card { width:100%; }

/* One actual WordPress footer — its positioning is configurable, not duplicated. */
@media (min-width:901px) {
  body.scarame-footer-fixed { padding-bottom:var(--scarame-fixed-footer-height,0px); }
  body.scarame-footer-fixed .scarame-site-footer {
    position:fixed; left:0; right:0; bottom:0; z-index:55;
    margin-top:0; max-height:36vh; overflow-y:auto;
    box-shadow:0 -12px 40px rgba(0,0,0,.4);
  }
  body.scarame-footer-fixed .scarame-site-footer .scarame-footer-shell { padding-top:18px; padding-bottom:14px; gap:18px; }
}

/* Two optional layers using normal WordPress Media Library images. */
.scarame-scroll-stage { pointer-events:none; }
.scarame-front-page-flow { position:relative; z-index:2; }
.scarame-scroll-object {
    position:fixed; width:min(var(--scarame-scroll-size),90vw); height:min(var(--scarame-scroll-size),75vh);
    pointer-events:none; z-index:25; opacity:var(--scarame-scroll-opacity,.75); transition:opacity 110ms linear;
    display:flex; align-items:center; justify-content:center;
    will-change:opacity;
}
.scarame-scroll-object img { width:100%;height:100%;object-fit:contain; user-select:none; }
.scarame-scroll-object--background {
    z-index:1; width:min(var(--scarame-scroll-size),92vw);height:min(var(--scarame-scroll-size),85vh);
    top:50%;left:50%;transform:translate(-50%,-50%);
}
.scarame-scroll-object--center { top:50%;left:50%;transform:translate(-50%,-50%); }
.scarame-scroll-object--top-left { top:clamp(90px,12vh,145px);left:3vw; }
.scarame-scroll-object--top-right { top:clamp(90px,12vh,145px);right:3vw; }
.scarame-scroll-object--bottom-left { bottom:4vh;left:3vw; }
.scarame-scroll-object--bottom-right { bottom:4vh;right:3vw; }
.scarame-scroll-object--edge-left { top:50%;left:1vw;transform:translateY(-50%); }
.scarame-scroll-object--edge-right { top:50%;right:1vw;transform:translateY(-50%); }

@media (max-width:900px) {
  .scarame-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .scarame-blog-grid-featured .scarame-blog-card:first-child { grid-column:auto!important; }
  .scarame-scroll-object { width:min(var(--scarame-scroll-size),38vw);height:min(var(--scarame-scroll-size),38vh); }
  .scarame-scroll-object--background { width:min(var(--scarame-scroll-size),70vw);height:min(var(--scarame-scroll-size),65vh); }
}
@media (max-width:600px) {
  .scarame-blog-grid { grid-template-columns:1fr; }
  .scarame-blog-section-header { align-items:flex-start; flex-direction:column;gap:8px; }
  .scarame-blog-grid-featured .scarame-blog-card:first-child { grid-column:auto!important; }
  .scarame-blog-single { padding:24px 18px; }
  .scarame-blog-single-wrap { max-width:calc(100% - 24px); }
  .scarame-blog-single-content { font-size:1rem; }
  .scarame-scroll-object:not(.scarame-scroll-object--background) { width:min(var(--scarame-scroll-size),32vw);height:min(var(--scarame-scroll-size),30vh); }
}
@media (prefers-reduced-motion:reduce) {
  .scarame-scroll-object,.scarame-scroll-object img,.scarame-blog-card-cover img { transition:none!important; }
}
@media print {
  .scarame-scroll-stage,.scarame-blog-close { display:none!important; }
  body.scarame-footer-fixed .scarame-site-footer { position:static!important; }
}

/* ========================================================================
 * V1_003 — CINEMATIC SCROLL ROLE
 * All rules are scoped to .scarablog-cinema. Existing EmbedSection styles,
 * Section Order, ordinary WordPress pages and shop layouts remain untouched.
 * ======================================================================== */
html { scroll-padding-top: 96px; }
.scarablog-cinema { --scarablog-gutter: clamp(24px,5.6vw,96px); }
.scarablog-cinema .scarame-main { position:relative; z-index:1; padding:0; overflow:visible; }
.scarablog-cinema .scarame-site-header {
    position:sticky; top:0; z-index:70;
    border-bottom:1px solid color-mix(in srgb,var(--scarame-accent) 20%,transparent);
    background:color-mix(in srgb,var(--scarame-bg) 82%,transparent);
    backdrop-filter:blur(22px) saturate(1.2);
}
.scarablog-atmosphere { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;
    background:radial-gradient(ellipse 70% 65% at 82% 18%,color-mix(in srgb,var(--scarame-accent) 13%,transparent),transparent 85%),
    radial-gradient(ellipse 62% 80% at 8% 87%,rgba(78,48,96,.24),transparent 80%);
}
.scarablog-atmosphere .scarablog-mesh { position:absolute; inset:0; opacity:.28;
    background-image:radial-gradient(color-mix(in srgb,var(--scarame-text) 18%,transparent) .6px,transparent .8px);
    background-size:29px 29px;
    mask-image:linear-gradient(90deg,transparent,#000 20%,#000 75%,transparent);
}
.scarablog-halo { position:absolute; width:85vmax; aspect-ratio:1; right:-40vmax;top:4%;
    border:1px solid color-mix(in srgb,var(--scarame-accent) 17%,transparent);
    border-radius:50%; box-shadow:0 0 110px rgba(255,129,22,.075),inset 0 0 120px rgba(255,138,43,.04);
    transform:translate3d(var(--scarablog-shift,0px),0,0) rotate(-27deg) scaleX(.78);
}
.scarablog-halo::after { content:"";position:absolute;inset:9%;border:1px dashed color-mix(in srgb,var(--scarame-text) 10%,transparent);border-radius:50%; }
.scarablog-progress { position:fixed;z-index:100;top:0;left:0;right:0;height:3px;pointer-events:none;background:transparent; }
.scarablog-progress span { display:block;width:100%;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--scarame-accent),#fff0b7);
    box-shadow:0 0 19px color-mix(in srgb,var(--scarame-accent) 70%,transparent); }
.scarablog-cinema .scarame-front-page-flow { position:relative;z-index:2;isolation:isolate; }
.scarablog-opening { position:relative;min-height:max(690px,calc(100svh - 82px));padding:clamp(96px,14vh,170px) 0 110px;
    display:flex;align-items:center; isolation:isolate; overflow:hidden;
    background:radial-gradient(ellipse 75% 78% at 80% 32%,color-mix(in srgb,var(--scarame-accent) 16%,transparent),transparent 70%),
    linear-gradient(150deg, color-mix(in srgb,var(--scarame-surface) 50%,transparent), transparent 75%);
}
.scarablog-opening::before { position:absolute;content:"";z-index:0;inset:0;pointer-events:none;
    background:linear-gradient(90deg,var(--scarame-bg) 0%,color-mix(in srgb,var(--scarame-bg) 72%,transparent) 37%,transparent 90%);
}
.scarablog-opening::after,.scarablog-scene::after { content:"";position:absolute;bottom:0;left:var(--scarablog-gutter);right:var(--scarablog-gutter);height:1px;
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--scarame-accent) 35%,transparent),transparent);pointer-events:none; }
.scarablog-opening-lines { position:absolute;z-index:0;right:2vw;top:5%;width:min(63vw,900px);aspect-ratio:1;transform:rotate(-12deg);pointer-events:none; }
.scarablog-opening-lines span { position:absolute;inset:10%;border:1px solid rgba(255,180,86,.13);border-radius:50%;transform:scaleX(.7); }
.scarablog-opening-lines span:nth-child(2) { inset:22%;transform:scaleX(.82) rotate(55deg);border-style:dashed;opacity:.8; }
.scarablog-opening-lines span:nth-child(3) { inset:2%;transform:scaleX(.6) rotate(-41deg);opacity:.5; }
.scarablog-opening-content { position:relative;z-index:3;width:min(100% - 2 * var(--scarablog-gutter),var(--scarame-max-width));margin-inline:auto; }
.scarablog-eyebrow { margin:0 0 clamp(22px,3vw,38px);text-transform:uppercase;color:var(--scarame-accent);font-size:.72rem;letter-spacing:.24em;font-weight:800; }
.scarablog-eyebrow::before { content:"";display:inline-block;vertical-align:middle;margin-right:13px;width:34px;height:1px;background:currentColor; }
.scarablog-title { font-size:clamp(4.1rem,9.4vw,10.8rem);letter-spacing:-.088em;line-height:.91;max-width:min(11ch,800px);margin:0 0 30px;
    font-weight:850;text-wrap:balance;color:var(--scarame-text);
    text-shadow:0 12px 35px rgba(0,0,0,.2); }
.scarablog-title::first-line { color:var(--scarame-text); }
.scarablog-lead { font-size:clamp(1.05rem,1.65vw,1.4rem);line-height:1.6;color:var(--scarame-muted);max-width:600px;margin:0 0 44px; }
.scarablog-featured-link { display:flex;flex-direction:column;align-items:flex-start;max-width:510px;
    padding:19px 24px;border-left:2px solid var(--scarame-accent);
    border-top:1px solid var(--scarame-border);border-right:1px solid var(--scarame-border);border-bottom:1px solid var(--scarame-border);
    border-radius:0 16px 16px 0;background:color-mix(in srgb,var(--scarame-surface) 75%,transparent);backdrop-filter:blur(10px);
    transition:background .25s,border-color .25s,transform .25s; }
a.scarablog-featured-link:hover { transform:translateY(-4px);border-color:var(--scarame-accent);background:var(--scarame-surface); }
.scarablog-featured-overline { font-size:.68rem;color:var(--scarame-accent);letter-spacing:.19em;text-transform:uppercase;font-weight:800; }
.scarablog-featured-name { display:flex;justify-content:space-between;gap:24px;align-items:center;width:100%;font-weight:750;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.25;margin-top:8px; }
.scarablog-featured-name span { color:var(--scarame-accent); }
.scarablog-featured-empty { opacity:.7; }
.scarablog-scroll-prompt { position:absolute;bottom:32px;left:var(--scarablog-gutter);z-index:4;color:var(--scarame-muted);display:flex;align-items:center;gap:15px;
    text-transform:uppercase;font-size:.65rem;font-weight:700;letter-spacing:.2em; }
.scarablog-scroll-prompt:hover {color:var(--scarame-accent);}
.scarablog-mouse { border:1px solid currentColor;border-radius:999px;width:25px;height:41px;display:grid;justify-items:center;padding-top:8px; }
.scarablog-mouse::after {content:"";width:3px;height:9px;border-radius:4px;background:var(--scarame-accent);animation:scarablog-scroll-cue 2.2s infinite;}
@keyframes scarablog-scroll-cue {0%,100%{transform:translateY(0);opacity:1}75%{transform:translateY(13px);opacity:.2}}
.scarablog-opening-counter { position:absolute;bottom:41px;right:var(--scarablog-gutter);font-size:.64rem;letter-spacing:.23em;color:var(--scarame-muted); }
/* Chapters use the original output unchanged inside the filmic presentation wrapper. */
.scarablog-scene { position:relative;isolation:isolate;min-height:84svh;padding:clamp(90px,12vh,155px) 0 clamp(100px,13vh,150px);
    display:flex;align-items:center;overflow:hidden; }
.scarablog-scene-content { position:relative;z-index:2;width:100%; }
.scarablog-scene-glow { position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.9; }
.scarablog-scene--1 .scarablog-scene-glow { background:radial-gradient(ellipse 75% 75% at 14% 50%,rgba(63,53,91,.21),transparent 70%); }
.scarablog-scene--2 .scarablog-scene-glow { background:radial-gradient(ellipse 68% 70% at 78% 38%,color-mix(in srgb,var(--scarame-accent) 9%,transparent),transparent 76%); }
.scarablog-scene--3 .scarablog-scene-glow { background:radial-gradient(ellipse 70% 70% at 12% 64%,rgba(27,70,80,.23),transparent 76%); }
.scarablog-scene .scarame-layout-block { margin-top:0;margin-bottom:0; }
.scarablog-scene .scarame-hero { padding:0; }
.scarablog-scene .scarame-embed-section-shell,.scarablog-scene .scarame-card,
.scarablog-scene .scarame-hero-card { backdrop-filter:blur(12px); }
.scarablog-scene .scarame-embed-section-shell { background-color:color-mix(in srgb,var(--scarame-surface) 64%,transparent); }
.scarablog-cinema .scarame-blog-section-header h2 { font-size:clamp(3.4rem,7vw,7.8rem);font-weight:820;letter-spacing:-.073em;line-height:1; }
.scarablog-cinema .scarame-blog-card { border:1px solid color-mix(in srgb,var(--scarame-border) 85%,transparent);border-radius:calc(var(--scarame-radius) * .8);
    background:color-mix(in srgb,var(--scarame-surface) 83%,transparent);box-shadow:0 22px 54px rgba(0,0,0,.19);
    transition:transform .33s,border-color .33s,box-shadow .33s; }
.scarablog-cinema .scarame-blog-card:hover { transform:translateY(-8px);border-color:var(--scarame-border-strong);box-shadow:0 32px 65px rgba(0,0,0,.3); }
.scarablog-cinema .scarame-blog-card-placeholder { background:radial-gradient(ellipse at 60% 30%,rgba(255,151,31,.15),transparent 65%);color:var(--scarame-accent); }
.scarablog-chapter-bottom { position:absolute;bottom:35px;left:var(--scarablog-gutter);right:var(--scarablog-gutter);display:flex;align-items:center;gap:20px;
    font-size:.65rem;color:var(--scarame-muted);letter-spacing:.23em; }
.scarablog-chapter-line {height:1px;flex:1;background:linear-gradient(90deg,var(--scarame-border),transparent);}
/* One delicate wayfinding rail, not a second header/footer. */
.scarablog-chapter-rail { position:fixed;z-index:60;right:clamp(12px,1.5vw,28px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px; }
.scarablog-chapter-rail a { position:relative;display:grid;place-items:center;width:25px;height:25px;color:var(--scarame-muted); }
.scarablog-chapter-rail a>span {width:6px;height:6px;border:1px solid currentColor;border-radius:50%;opacity:.55;transition:.24s;}
.scarablog-chapter-rail a[aria-current="location"]>span {width:9px;height:9px;background:var(--scarame-accent);border-color:var(--scarame-accent);opacity:1;box-shadow:0 0 18px var(--scarame-accent);}
.scarablog-chapter-rail em { position:absolute;right:32px;white-space:nowrap;background:var(--scarame-surface);border:1px solid var(--scarame-border);
    padding:5px 12px;border-radius:6px;font:600 .75rem system-ui,sans-serif;opacity:0;transform:translateX(5px);pointer-events:none;transition:.2s; }
.scarablog-chapter-rail a:hover em,.scarablog-chapter-rail a:focus-visible em {opacity:1;transform:none;}
/* Bundled transparent scroll-scrub motif: background on desktop, safely away from mobile body text. */
.scarablog-cinema .scarame-scroll-stage {position:fixed;inset:0;z-index:3;pointer-events:none;}
.scarablog-cinema .scarame-scroll-object--background {top:46%;left:82%;filter:drop-shadow(0 0 52px rgba(255,147,38,.23));}
.scarablog-cinema .scarame-scroll-object--demo { width:min(var(--scarame-scroll-size),64vw);height:min(var(--scarame-scroll-size),80vh); }
.scarablog-cinema .scarame-scroll-object--demo img {filter:drop-shadow(0 0 38px rgba(255,160,61,.25)); }
.scarablog-cinema .scarame-scroll-object--center {filter:drop-shadow(0 0 30px rgba(255,143,0,.3));}
.scarablog-editor-demo { min-height:80svh; }
.scarablog-demo-layout { position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw; }
.scarablog-demo-text h2 {font-size:clamp(2.9rem,6vw,6.2rem);line-height:1;letter-spacing:-.075em;margin:0 0 25px;}
.scarablog-demo-text>p:not(.scarablog-eyebrow) {color:var(--scarame-muted);font-size:1.08rem;max-width:54ch;}
.scarablog-demo-layout img {width:min(100%,560px);filter:drop-shadow(0 0 48px rgba(255,140,0,.18));justify-self:center;}
.scarablog-demo-layout--reverse .scarablog-demo-text {order:2;}
.scarablog-demo-layout--reverse img {order:1;}
.scarablog-demo-button {display:inline-flex;margin-top:24px;padding:12px 25px;border:1px solid var(--scarame-border-strong);border-radius:999px;color:var(--scarame-accent);}
/* No 'hidden' content if scripting fails; enhancement only after IO is available. */
.scarablog-js .scarablog-scene .scarablog-scene-content,
.scarablog-js .scarablog-editor-demo .scarablog-demo-layout {
    transition:opacity .82s ease,transform .95s cubic-bezier(.19,.67,.25,1);
    opacity:.42;transform:translate3d(0,42px,0);
}
.scarablog-js .scarablog-scene.scarablog-in-view .scarablog-scene-content,
.scarablog-js .scarablog-editor-demo.scarablog-in-view .scarablog-demo-layout {opacity:1;transform:translate3d(0,0,0);}
@media(max-width:900px) {
  .scarablog-opening {min-height:calc(100svh - 76px);padding-top:95px;}
  .scarablog-opening-content {width:calc(100% - 52px);}
  .scarablog-title {font-size:clamp(3.6rem,12vw,7rem);max-width:11ch;}
  .scarablog-cinema .scarame-scroll-object--demo {width:min(520px,60vw);height:min(520px,60vw);}
  .scarablog-cinema .scarame-scroll-object--background {left:76%;top:42%;}
  .scarablog-chapter-rail {right:7px;gap:10px;}
  .scarablog-demo-layout {grid-template-columns:1fr 1fr;}
}
@media(max-width:600px) {
  .scarablog-opening {min-height:calc(100svh - 66px);padding:95px 0 116px;align-items:center;}
  .scarablog-opening-content {width:calc(100% - 38px);}
  .scarablog-title {font-size:clamp(3.45rem,14.1vw,5.3rem);max-width:11ch;margin-bottom:20px;}
  .scarablog-lead {font-size:1rem;margin-bottom:28px;max-width:22ch;}
  .scarablog-eyebrow {font-size:.6rem;letter-spacing:.15em;}
  .scarablog-featured-link {max-width:90%;padding:14px 16px;}
  .scarablog-featured-name {font-size:1rem;}
  .scarablog-opening-counter {display:none;}
  .scarablog-scroll-prompt {bottom:28px;}
  .scarablog-cinema .scarame-scroll-object--demo {width:min(360px,78vw);height:min(360px,78vw);}
  .scarablog-cinema .scarame-scroll-object--background {left:76%;top:24%;}
  .scarablog-cinema .scarame-scroll-object--demo img {opacity:.54;}
  .scarablog-chapter-rail {display:none;}
  .scarablog-scene {min-height:65svh;padding:95px 0 100px;}
  .scarablog-cinema .scarame-blog-section-header h2 {font-size:clamp(2.5rem,10vw,4rem);}
  .scarablog-demo-layout {grid-template-columns:1fr;}
  .scarablog-demo-layout img {width:65vw;}
}
@media(prefers-reduced-motion:reduce) {
  .scarablog-js .scarablog-scene .scarablog-scene-content,
  .scarablog-js .scarablog-editor-demo .scarablog-demo-layout {opacity:1!important;transform:none!important;transition:none!important;}
  .scarablog-mouse::after {animation:none;}
  .scarablog-halo {transform:none;}
}
@media print {
 .scarablog-atmosphere,.scarablog-progress,.scarablog-chapter-rail,.scarablog-scroll-prompt {display:none!important;}
 .scarablog-opening,.scarablog-scene {min-height:auto;page-break-inside:avoid;}
}

/* V1_004: empty-role preview intentionally has enough scroll distance for image scrubbing. */
@media(max-width:600px){
 .scarablog-demo-layout--reverse .scarablog-demo-text {order:0;}
 .scarablog-demo-layout--reverse img {order:0;}
}