.commercial-agenda { background: #f4f7fc; scroll-margin-top: 110px; }
.commercial-agenda-heading { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 32px; }
.commercial-agenda-heading > div { max-width: 780px; min-width: 0; }
.commercial-agenda-heading p { color: var(--color-gray); line-height: 1.7; }
.commercial-agenda-heading > a { flex-shrink: 0; }
.commercial-agenda-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 0; margin: 0; list-style: none; }
.commercial-agenda-steps li { padding: 26px; border: 1px solid #dce5f2; border-radius: 20px; background: #fff; }
.commercial-agenda-number { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #fff1e5; color: #a34b00; font-weight: 800; margin-bottom: 18px; }
.commercial-agenda-steps h3 { font-size: 1.15rem; margin-bottom: 12px; color: var(--color-blue); }
.commercial-agenda-steps p { line-height: 1.65; color: var(--color-gray); }
.commercial-agenda-note { margin-top: 24px; padding: 18px 22px; background: #e8eef8; border-radius: 12px; line-height: 1.6; color: var(--color-blue); }
@media (max-width: 1100px) { .commercial-agenda-heading { flex-direction: column; align-items: flex-start; } .commercial-agenda-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .commercial-agenda-steps { grid-template-columns: minmax(0, 1fr); gap: 14px; } .commercial-agenda-steps li { padding: 22px; } .commercial-agenda-heading > a { width: 100%; white-space: normal; text-align: center; } }