.workflow-page{padding-top:28px}
.workflow-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:38px;align-items:center;padding:50px;background:#f3f6fc;border:1px solid var(--line)}
.workflow-hero h1{font-size:clamp(38px,5vw,68px);line-height:.98;margin:.16em 0}
.workflow-art{min-height:250px;background:url('assets/booklets.svg') center/contain no-repeat}
.workflow-nav{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0}
.workflow-nav a{padding:10px 14px;border:1px solid var(--line);text-decoration:none;color:var(--text);font-size:12px;font-weight:900}
.workflow-nav a[aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff}
.workflow-panel{padding:34px;border:1px solid var(--line);background:#fff;margin-bottom:28px}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.workflow-card{padding:24px;border:1px solid var(--line);background:#fafbfc}
.workflow-card span,.workflow-result span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--blue)}
.workflow-card h2,.workflow-result h2{margin:7px 0}
.workflow-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.workflow-form label{display:grid;gap:7px;font-size:12px;font-weight:900}
.workflow-form input,.workflow-form select,.workflow-form textarea{box-sizing:border-box;width:100%;padding:13px;border:1px solid #cfd5dc;background:#fff;font:inherit}
.workflow-form .wide,.workflow-actions,.workflow-result{grid-column:1/-1}
.workflow-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.workflow-result{padding:22px;background:#f3f6fc;border-left:4px solid var(--blue)}
.proof-list,.reorder-list{display:grid;gap:14px}
.proof-row,.reorder-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid var(--line)}
.proof-row small,.reorder-row small{display:block;margin-top:6px;color:var(--muted)}
.status-pill{display:inline-block;padding:6px 9px;background:#e8eefb;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.08em}
.proof-actions{display:flex;gap:8px;flex-wrap:wrap}
.proof-actions button{padding:10px 12px;border:1px solid var(--line);background:#fff;font-weight:900;cursor:pointer}
.proof-actions .cta{background:var(--blue);border:1px solid var(--blue);color:#fff}
.proof-actions .cta.secondary{background:#fff;color:var(--blue)}
.proof-actions .cta:disabled{background:#eef2f8;border-color:#d8dfeb;color:#66738a;cursor:default}
.proof-actions .approve{background:var(--blue);border-color:var(--blue);color:#fff}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}
.timeline div{padding:16px;background:#f3f6fc;border-top:4px solid #cad5ea}
.timeline div.ready{border-color:var(--blue)}
.timeline b,.timeline small{display:block}
.timeline small{margin-top:5px;color:var(--muted)}
@media(max-width:760px){
  .workflow-hero{grid-template-columns:1fr;padding:31px 23px}
  .workflow-art{min-height:175px}
  .workflow-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .workflow-nav::-webkit-scrollbar{display:none}
  .workflow-nav a{white-space:nowrap}
  .workflow-grid,.workflow-form,.timeline{grid-template-columns:1fr}
  .workflow-panel{padding:24px 18px}
  .workflow-form .wide,.workflow-actions,.workflow-result{grid-column:1}
  .proof-row,.reorder-row{grid-template-columns:1fr}
  .proof-actions{justify-content:flex-start}
}