.workflow{padding:64px 0 90px}.workflow h1{font-size:clamp(2.8rem,6vw,5.6rem)}.workflow-summary{max-width:820px;color:var(--muted);font-size:1.08rem}.workflow .state-badge{display:inline-block;margin:12px 0 24px}.workflow-pages{display:grid;gap:18px}.workflow-page,.workflow-result{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:22px}.workflow-page.carried{border-left:5px solid var(--green)}.workflow-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.workflow-page-head span{font-family:monospace;color:var(--muted);overflow-wrap:anywhere}.workflow-page-head h2{font-size:1.8rem}.workflow-page-head strong{padding:7px 10px;background:#eef0ed;text-transform:uppercase;font-size:.76rem}.artifact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.artifact-grid figure{margin:0;border:1px solid var(--line);background:#edf0ed}.artifact-grid figcaption{padding:9px 11px;font-weight:800}.artifact-grid img{display:block;width:100%;max-height:620px;object-fit:contain;object-position:top;background:white}.artifact-missing{padding:40px 14px;color:var(--muted)}.manifest-line{margin:14px 0;font-family:monospace;color:var(--muted)}.workflow textarea{display:block;width:100%;padding:14px 16px;border:1px solid #89948e;background:#fff;font:inherit;margin-bottom:16px}.workflow input{width:100%;margin-bottom:16px}.workflow-result ul{padding-left:20px}.workflow-result li{margin:8px 0;overflow-wrap:anywhere}@media(max-width:720px){.workflow{padding-top:44px}.workflow-page-head{flex-direction:column}.artifact-grid{grid-template-columns:1fr}.workflow-page,.workflow-result{padding:16px}}
