#essay-six-step-storyboard .story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 2rem; }
#essay-six-step-storyboard section { min-width:0; }
#essay-six-step-storyboard .story-wide { grid-column:1 / -1; }
#essay-six-step-storyboard .story-wide h3 { min-height:0; }
#essay-six-step-storyboard h3 { margin:0 0 .6rem; min-height:3em; }
#essay-six-step-storyboard .story-scene { display:block; width:100%; }
#essay-six-step-storyboard .story-scene text { fill:var(--foreground); font-family:inherit; }
#essay-six-step-storyboard .story-scene .minor { fill:var(--muted-foreground); }
#essay-six-step-storyboard .story-scene .strong { font-weight:500; }
#essay-six-step-storyboard .outline { fill:var(--viz-series-1); fill-opacity:.05; stroke:var(--viz-series-1); stroke-opacity:.8; stroke-width:1.4; }
#essay-six-step-storyboard .contour { fill:none; stroke:var(--viz-series-1); stroke-width:1.5; opacity:.8; }
#essay-six-step-storyboard .active { fill:none; stroke:var(--viz-series-1); stroke-width:4; }
#essay-six-step-storyboard .semantic .outline { fill:var(--muted); stroke:var(--muted-foreground); stroke-opacity:.45; }
#essay-six-step-storyboard .semantic .contour { stroke:var(--muted-foreground); opacity:.4; stroke-width:1.2; }
#essay-six-step-storyboard .scope { fill:none; stroke:var(--viz-series-2); stroke-width:3.2; }
#essay-six-step-storyboard .candidate { stroke-dasharray:5 3; }
#essay-six-step-storyboard .decision-dot { fill:var(--background); stroke:var(--foreground); stroke-width:1.7; }
#essay-six-step-storyboard .hive-route { fill:none; stroke:var(--viz-series-2); stroke-width:3; }
#essay-six-step-storyboard .interaction { stroke-dasharray:5 4; }
#essay-six-step-storyboard .test-mask { fill:color-mix(in srgb, var(--foreground) 12%, var(--background) 88%); fill-rule:evenodd; }
#essay-six-step-storyboard .test-hole { fill:none; stroke:var(--foreground); stroke-opacity:.7; stroke-width:1; stroke-dasharray:2 3; }
#essay-six-step-storyboard .edge { fill:none; stroke:var(--muted-foreground); stroke-width:1.4; }
#essay-six-step-storyboard .feedback { stroke-dasharray:4 4; }
#essay-six-step-storyboard .boundary { fill:none; stroke:var(--foreground); stroke-width:1.7; stroke-dasharray:8 4 2 4; }
#essay-six-step-storyboard .node { fill:var(--background); stroke:var(--border); stroke-width:1.3; }
#essay-six-step-storyboard .point { fill:var(--background); stroke:var(--foreground); stroke-width:1.3; }
#essay-six-step-storyboard .risk { fill:var(--destructive); }
#essay-six-step-storyboard .gate { fill:none; stroke:var(--foreground); stroke-width:3; }
@media(max-width:680px) {
 #essay-six-step-storyboard .story-grid { grid-template-columns:1fr; gap:1.6rem; }
 #essay-six-step-storyboard h3 { min-height:0; }
}

/* Integration with the research site's existing typography and theme. */
#essay-six-step-storyboard { --foreground:var(--fg); --background:var(--bg); --muted-foreground:var(--muted); --viz-series-1:var(--diagram-blue); --viz-series-2:var(--diagram-amber); }
#essay-six-step-storyboard .story-figure { max-width:760px; margin:2.5rem auto; padding:1.4rem 0; border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; }
#essay-six-step-storyboard .story-figure h3 { min-height:0; margin:0; }
#essay-six-step-storyboard .story-scene { max-width:420px; margin:0 auto; font-size:14px; }
#essay-six-step-storyboard .story-scene[data-scene="boundary"] { max-width:640px; }
#essay-six-step-storyboard .story-scene .text-small { font-size:12px; }
#essay-six-step-storyboard .story-motion { display:block; }
#essay-six-step-storyboard .story-gif { display:block; width:100%; max-width:640px; height:auto; margin:0 auto; }
#essay-six-step-storyboard .anchor-alias { display:block; scroll-margin-top:1.5rem; }
#essay-six-step-storyboard .citation { white-space:nowrap; font-size:.72em; }
@media(max-width:679px) { #essay-six-step-storyboard .story-gif { max-width:420px; } }
@media(max-width:380px) { .wrapper { padding:1rem; } }