.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-step svg{display:block;width:68px;height:68px;padding:9px;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--accent);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:step-glow 10s ease-in-out infinite;animation-delay:calc(var(--step)*2s)}.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%{background:var(--panel);box-shadow:none}4%,12%{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 7px var(--accent-soft)}}
@media(prefers-reduced-motion:reduce){.workflow-step svg{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-step svg{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}}