/* Story-only additions; typography, stage and actor positions use the existing terminal. */
[data-puxin-story] .story-clue{margin:10px 0;padding:10px;border:1px solid #dfcdb0;border-radius:6px}
[data-puxin-story] .story-clue p{margin:8px 0 0}
[data-puxin-story] .story-note{padding:12px 16px;border-left:3px solid #b48d4b;background:#f5f0e6;margin:12px 0}
[data-puxin-story] .story-note p{margin:6px 0;overflow-wrap:anywhere}
[data-puxin-story] .story-tip{margin:16px 0;padding-bottom:16px;border-bottom:1px solid #dfcdb0}
[data-puxin-story] .story-tip img{display:block;width:100%;height:auto;object-fit:contain}
[data-puxin-story] .story-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}
[data-puxin-story] .story-compare figure{margin:0;min-width:0}
[data-puxin-story] .story-compare img{width:100%;height:auto;object-fit:contain}
[data-puxin-story] .story-route{margin:12px 0;padding:12px;border:1px solid #dfcdb0;border-radius:6px}
[data-puxin-story] .story-route svg{width:100%;height:auto;max-height:180px;display:block}
[data-puxin-story] .story-route figcaption,[data-puxin-story] .story-observation{font-size:13px;color:#746b60}
[data-puxin-story] .story-trace{stroke-dasharray:1;animation:story-trace 2.4s ease-out}
[data-puxin-story] blockquote{border-left:3px solid #b48d4b;margin:14px 0;padding:10px 15px;background:#f4efe5}
[data-puxin-story] .plan-choice{padding:7px;border:1px solid #dccbb0;border-radius:6px;background:#fffcf6;text-align:left;min-width:0}
[data-puxin-story] .plan-choice img{display:block;width:100%;height:auto;object-fit:contain}
[data-puxin-story] :is(.dl-photo-wrap img,#c2-photo){animation:story-appear .35s ease-out}
[data-puxin-story] :is(.dl-intro-frame,.intro-frame) :is(#dl-intro-photo,#c2-intro-photo){object-fit:contain}
@keyframes story-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes story-appear{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){[data-puxin-story] *{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){[data-puxin-story] .story-compare{grid-template-columns:1fr}[data-puxin-story] .story-note{padding:10px}[data-puxin-story] .story-route{padding:5px}}

/* The same compact cause-and-effect reading is used by all eight commissions. */
:is([data-puxin-product-case],body[data-product-agency-terminal]) .story-cause{display:grid;gap:8px;margin:12px 0;padding:12px 14px;border:1px solid #d8c6a6;border-left:3px solid #ab8445;border-radius:6px;background:#fbf8f2;color:#514a40;text-align:left}
:is([data-puxin-product-case],body[data-product-agency-terminal]) .story-cause p{margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
:is([data-puxin-product-case],body[data-product-agency-terminal]) .story-cause p>b{display:block;color:#7c5d31;font-size:11px;line-height:1.6;margin-bottom:2px}
:is([data-puxin-product-case],body[data-product-agency-terminal]) .story-fit-note{margin:9px 0;padding:9px 11px;border-left:2px solid #c8b391;background:#f1ece3;color:#5f574b;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
:is([data-puxin-product-case],body[data-product-agency-terminal]) .story-focus-note{margin:8px 0;padding:8px 10px;border-left:3px solid #ab8445;background:#f5eddd;color:#675131;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
[data-puxin-story] .story-tray-focus{margin:10px 0 6px;padding:6px 10px;border:1px solid #dfcdb0;border-radius:6px;background:#fcf9f3}
[data-puxin-story] .story-tray-focus svg{display:block;width:100%;height:125px;max-width:100%}
[data-puxin-story] .story-tray-focus rect{fill:#eee8de;stroke:#a89c89;stroke-width:2}
[data-puxin-story] .story-tray-focus .story-focus-area{fill:#f1e1be;stroke:#97733b;stroke-width:3}
[data-puxin-story] .story-tray-focus text{text-anchor:middle;fill:#635744;font-size:17px}
[data-puxin-story] .story-key-focus{fill:#d9bc7e;stroke:#926b31;stroke-width:3}
[data-puxin-story] .story-tray-focus figcaption{font-size:11px;color:#756c60;line-height:1.6;margin-top:2px}
[data-puxin-story] .story-route{margin:10px 0 6px;padding:6px 10px}
[data-puxin-story] .story-route svg{max-height:130px}
[data-puxin-story] .story-finish-details{margin-top:12px;font-size:13px}
@media(min-width:1101px) and (min-height:640px){
 [data-puxin-product-case][data-puxin-story][data-story-stage="4"] :is(#dl-product-photo,#c2-photo){max-height:clamp(125px,22vh,210px);object-fit:contain}
}