/* V1 field studies: locked notebook palette; motion explains a process. */
.journal-figure{margin:24px 0;border:1px solid #bda477;background:#f6ebd2;padding:16px;border-radius:1px;box-shadow:3px 4px 0 #e8d8b5;min-width:0}
.journal-figure .journal-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #bda477;margin:0 0 12px;padding-bottom:10px;font-size:16px;color:#6a5336}
.journal-heading strong{font-family:var(--font-display);font-size:24px;font-weight:700;color:#3a2a1a;line-height:1.2}
.journal-viewport{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
.journal-viewport svg{display:block;width:100%;height:auto;min-width:0}
.journal-figure svg *{animation-play-state:paused!important}
.journal-figure[data-playing=true] svg *{animation-play-state:running!important}
.journal-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.journal-controls button{min-height:44px;padding:8px 12px;font:700 16px var(--font-body,Arial,sans-serif);color:#3a2a1a;background:#f6ebd2;border:1px solid #6a5336;border-radius:2px;cursor:pointer}
.journal-controls button[data-action=play]{background:#e8d8b5;border-color:#3a2a1a}
.journal-figure :focus-visible{outline:3px solid #136a62;outline-offset:3px}
.journal-figure figcaption,.journal-figure .journal-hint,.journal-figure .journal-status{font:400 16px/1.5 var(--font-body,Arial,sans-serif);color:#6a5336;margin:8px 0}
.journal-figure .journal-notes{font-size:17px;line-height:1.5;margin:12px 0;padding-left:24px}
.journal-figure .journal-notes li{margin:8px 0}
.journal-figure summary{font-size:17px;min-height:44px;cursor:pointer;padding:10px 0;font-weight:700}
.journal-figure [hidden]{display:none!important}
.journal-home .journal-viewport svg{min-width:760px}
.journal-home{align-self:center;margin:0}
.journal-home .journal-controls{gap:6px}
@media(min-width:900px){.journal-home .journal-viewport svg{min-width:900px}}
@media(max-width:700px){.journal-figure{padding:12px}.journal-figure .journal-heading{display:block}.journal-heading strong{display:block;margin-top:4px}.journal-controls button{flex:1 0 auto}.journal-home .journal-viewport svg{min-width:760px}}
@media(prefers-reduced-motion:reduce){.journal-figure svg *{animation:none!important}.journal-figure .journal-controls{display:none}}

/* A complete, legible first frame; playback changes only process indicators. */
.journal-figure[data-view=still] .flow,.journal-figure[data-view=still] .hold,.journal-figure[data-view=still] .burn,.journal-figure[data-view=still] .flame,.journal-figure[data-view=still] .warm,.journal-figure[data-view=still] .cool,.journal-figure[data-view=still] .pulse{opacity:1!important}
.journal-figure[data-view=still] .sed{transform:none!important}
.journal-figure[data-view=still] .hl3,.journal-figure[data-view=still] .hl4,.journal-figure[data-view=still] .hl5{opacity:0!important}
.notebook-study .hero-grid:has(.journal-home){grid-template-columns:1fr}
.journal-home{width:100%;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){.journal-figure .flow,.journal-figure .hold,.journal-figure .burn,.journal-figure .flame,.journal-figure .warm,.journal-figure .cool,.journal-figure .pulse{opacity:1!important}.journal-figure .sed{transform:none!important}}

/* Tutorial still view (bible S14 item 12): the .so group shows only while not in motion. */
.journal-figure .so{display:none}.journal-figure[data-view=still] .so{display:inline}