:root { --ink:#273323; --muted:#647a56; --line:#d6e0cd; --bg:#f3f4ef; --green:#647b00; --blue:#566e31; --soft:#edf3d9; --mono:var(--font-mono); }
body { font-size:15px; }
.site-header { color:#fff; background:#171918; }
.simulator-notice { display:flex; align-items:center; gap:15px; flex-wrap:wrap; padding:13px 26px; background:#edf3d6; color:#53662e; border-bottom:1px solid #cfddb3; font-size:13px; }
.simulator-notice a { margin-left:auto; text-decoration:underline; }
.shell { min-height:calc(100vh - 140px); }
.side { background:#e9efdf; }
.side .brand { display:none; }
.side h4 { font-size:12px; color:#71855f; }
.side button,.side select { font-size:14px; min-height:42px; }
.side .note { font-size:13px; line-height:1.7; }
.top h1 { font-size:27px; line-height:1.2; }
.top p { font-size:14px; }
.badge,.pill { font-size:12px; }
.card h2 { font-size:19px; }
.card h3 { font-size:16px; }
.metric span,.test,.kv div:nth-child(odd) { font-size:13px; }
.code,.log { background:#202a1c; font-size:13px; }
.matrix { font-size:13px; }
.matrix th { background:#36492a; }
.footer { font-size:12px; }
@media(max-width:600px) { .top { flex-wrap:wrap; } .badge { white-space:normal; } .content { padding:20px 16px; } .kv { grid-template-columns:120px minmax(0,1fr); } .kv div { overflow-wrap:anywhere; } .simulator-notice a { margin-left:0; } .matrix { min-width:0; font-size:11px; } }
.workflow-preview{max-width:1040px;margin:0 auto;padding:72px 28px 100px;color:#171918}.workflow-preview h1{font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.05em;margin:12px 0}.workflow-preview .lead{max-width:680px;color:#586157;font-size:18px;line-height:1.6}.workflow-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:32px 0}.workflow-controls label{font-weight:650}.workflow-controls select{min-height:46px;padding:0 14px;border:1px solid #b8beb3;border-radius:8px;background:white;font:inherit}.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;margin:0 0 20px}.workflow-steps li{display:flex;flex-direction:column;gap:10px;min-height:160px;padding:18px;border:1px solid #d3d8d0;border-radius:10px;background:#fff}.workflow-steps li.active{border-color:#718000;box-shadow:0 0 0 2px #dbff0038}.workflow-steps li span{color:#79830b;font-size:13px;font-weight:700}.workflow-steps li strong{font-size:17px}.workflow-steps li small{color:#5d665b;font-size:14px;line-height:1.5}.workflow-preview #workflow-status{min-height:28px;font-weight:600}.workflow-preview .callout{margin:28px 0;padding:20px;border-left:4px solid #dbff00;background:#eef0e9}.workflow-preview .callout p{margin-bottom:0;color:#4c554a;line-height:1.6}@media(max-width:700px){.workflow-preview{padding:48px 20px 72px}.workflow-steps{grid-template-columns:1fr 1fr}.workflow-steps li{min-height:135px}}@media(max-width:420px){.workflow-steps{grid-template-columns:1fr}}