.workflow{margin-top:65px;padding-top:40px;border-top:1px solid var(--border)}.workflow>h3{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:28px;font-weight:500;margin-bottom:36px}.workflow-route{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:28px}.workflow-step{position:relative;min-width:0}.workflow-step:not(:last-child)::after{content:'→';position:absolute;top:23px;right:-22px;color:var(--accent);font-size:24px}.workflow-icon{display:flex;width:68px;height:68px;align-items:center;justify-content:center;border:0;background:transparent;animation:step-glow 10s ease-in-out infinite;animation-delay:calc(var(--step)*2s)}.workflow-icon img{display:block;width:64px;height:64px;object-fit:contain}.record-archivist{flex-shrink:0;object-fit:contain}.record-icons{display:flex;justify-content:flex-end;gap:8px;margin-bottom:6px}.record-icons img{object-fit:contain}.workflow-step h3{font-size:20px;margin:20px 0 8px}.workflow-step p{font-size:16px;color:var(--text-2);max-width:180px}.record-loop{display:flex;justify-content:space-between;gap:20px;margin:30px 0 22px;padding-top:16px;border-top:1px dashed var(--border-strong);font-size:16px;color:var(--accent)}.office-record{display:flex;align-items:center;gap:18px;padding:24px 26px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}.office-record h3{font-size:20px}.office-record p{font-size:16px;color:var(--text-2)}.office-record .record-kinds{margin-left:auto;max-width:360px;text-align:right}
@keyframes step-glow{0%,18%,100%{opacity:.75}4%,12%{opacity:1;filter:brightness(1.12)}}
@media(prefers-reduced-motion:reduce){.workflow-icon{animation:none;box-shadow:none}}

.workflow{margin-top:0;padding-top:0;border-top:0}.workflow>h2{font-size:clamp(36px,4.6vw,62px);margin:20px 0 52px}.workflow-route{gap:36px}.workflow-step h3{font-weight:600}.workflow-step p{margin-top:0}.office-record{margin-top:20px}.office-record h3,.office-record p{margin:0}.record-loop{margin-top:36px}.office-record .record-kinds{font-size:16px}
@media(max-width:1000px){.workflow-route{gap:22px}.workflow-step h3{font-size:18px}}
@media(max-width:700px){.workflow>h2{margin-bottom:36px}.workflow-route{grid-template-columns:1fr;gap:24px}.workflow-step{padding-left:88px;min-height:86px}.workflow-icon{position:absolute;left:0;top:0}.workflow-step h3{font-size:20px;margin:0 0 5px}.workflow-step p{max-width:none}.workflow-step:not(:last-child)::after{content:'↓';top:66px;left:27px;right:auto;font-size:20px}.record-loop{flex-direction:column;gap:12px;margin-top:20px}.record-note{align-self:flex-end}.office-record{flex-wrap:wrap;padding:22px}.office-record .record-kinds{margin-left:0;max-width:none;text-align:left}}

@media(max-width:700px){.record-icons{justify-content:flex-start}}

/* Shared sample sizes; route blocks and their visible artwork share one axis. */
#story{--flow-icon-size:96px;--flow-sandbox-size:116px;--flow-step-title-size:28px;--flow-description-size:18px;--flow-section-title-size:64px;--flow-record-icon-size:80px}
#story .workflow>h2{font-size:var(--flow-section-title-size);line-height:1.2}
#story .workflow-route{gap:40px}
#story .workflow-step{padding:0;text-align:center;min-height:0}
#story .workflow-icon{position:relative;left:auto;top:auto;width:var(--flow-sandbox-size);height:var(--flow-sandbox-size);margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}
#story .workflow-icon img{width:var(--flow-icon-size);height:var(--flow-icon-size);object-fit:contain;transform:translate(var(--optical-x,0px),var(--optical-y,0px))}
#story .workflow-step:nth-child(3) .workflow-icon img{width:var(--flow-sandbox-size);height:var(--flow-sandbox-size)}
#story .workflow-step h3{font-size:var(--flow-step-title-size);line-height:1.35;margin:18px 0 8px;letter-spacing:0}
#story .workflow-step p{font-size:var(--flow-description-size);line-height:1.6;max-width:none;margin:0;text-wrap:balance}
#story .record-archivist,#story .record-icons img{width:var(--flow-record-icon-size);height:var(--flow-record-icon-size)}
#story .workflow-step::after{content:none}
#story .flow-arrow{position:absolute;font:24px/1 system-ui,sans-serif;color:var(--accent);transform:translate(-50%,-50%);pointer-events:none}
@media(min-width:701px) and (max-width:1000px){#story{--flow-step-title-size:26px;--flow-description-size:17px;--flow-section-title-size:52px}#story .workflow-route{gap:30px}}
@media(max-width:700px){#story{--flow-icon-size:80px;--flow-sandbox-size:96px;--flow-step-title-size:24px;--flow-description-size:16px;--flow-section-title-size:40px;--flow-record-icon-size:72px}#story .workflow-route{gap:64px}#story .workflow-step p{max-width:240px;margin:auto}#story .workflow>h2{margin-bottom:36px}#story .office-record{gap:14px}#story .office-record .record-kinds{width:100%}}

.zh-phrase{display:inline-block;white-space:nowrap}
.gallery figcaption .zh-phrase{display:inline-block;margin:0}