.workflow-main{max-width:1188px;margin:auto;padding:48px 24px 80px;color:#143338}.workflow-intro{max-width:780px;margin-bottom:28px}.workflow-main h1{font-size:clamp(36px,5vw,60px);line-height:1.12}.workflow-main h1 span{color:#087a86}.workflow-intro p{line-height:1.7;color:#557073}.sample-banner{padding:18px 22px;border-left:4px solid #087a86;background:#eaf1e9;border-radius:0 8px 8px 0;line-height:1.6;margin-bottom:28px}.workflow-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.workflow-controls{background:#143338;color:white;padding:24px;border-top:5px solid #b5d65a;border-radius:10px}.workflow-controls label{display:block;font-size:14px;margin-bottom:10px}.workflow-controls select{width:100%;padding:12px 8px;font-size:16px;background:white;border:1px solid #b6cbc4;border-radius:5px}.workflow-controls p{line-height:1.6;font-size:13px;color:#d2dfdc}.workflow-controls strong{font-size:27px;color:#b5d65a;display:block;margin-top:12px}.message-buttons{display:grid;gap:8px;margin-top:24px}.message-buttons button{font:600 14px Montserrat,Arial,sans-serif;text-align:left;color:#143338;background:white;border:2px solid transparent;padding:13px;border-radius:6px;cursor:pointer}.message-buttons button[aria-pressed=true]{background:#b5d65a;border-color:#b5d65a}.message-buttons button:focus-visible,.workflow-controls select:focus-visible{outline:3px solid #68cbd4;outline-offset:3px}.message-panel{min-width:0}.message-stage{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#087a86;font-weight:bold;margin:0 0 15px}.email-meta{font-size:14px;line-height:1.7;overflow-wrap:anywhere;background:#fff;border:1px solid #dce5df;padding:17px 22px;border-radius:10px 10px 0 0}.email-meta p{margin:5px 0}.email-frame{display:block;width:100%;height:1120px;background:#f3f6f3;border:1px solid #dce5df;box-sizing:border-box}.sage-preview{background:white;padding:24px;border:1px solid #dce5df;border-radius:10px}.sage-preview p{line-height:1.7}.sage-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.workflow-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:16px 0}.workflow-actions button{font:600 14px Montserrat,Arial,sans-serif;padding:12px 18px;cursor:pointer;background:white;color:#087a86;border:1px solid #087a86;border-radius:5px}.workflow-actions p{font-size:13px;color:#087a86}.workflow-next{margin-top:40px;border-top:1px solid #dce5df;padding-top:25px;line-height:1.7}.workflow-next a{color:#087a86}.workflow-main [hidden]{display:none!important}@media(max-width:800px){.workflow-layout{grid-template-columns:1fr}.message-buttons{grid-template-columns:1fr 1fr}.email-frame{height:1250px}}@media(max-width:480px){.workflow-main{padding:30px 18px 60px}.workflow-controls{padding:20px}.message-buttons{grid-template-columns:1fr}.email-meta{padding:15px}.email-frame{height:1600px}}