.commercial-section { padding-top: 48px; padding-bottom: 48px; }
.commercial-section h2 { color: #123d30; font-size: clamp(1.5rem, 3vw, 2.2rem); line-height: 1.2; margin: 0 0 24px; }
.commercial-section p { line-height: 1.7; }
.commercial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.commercial-grid article { padding: 24px; border: 1px solid #dce5d8; border-radius: 20px; background: #fff; }
.commercial-grid h3 { margin: 0 0 12px; font-size: 1.15rem; }
.commercial-section a, .commercial-related a { color: #075139; font-weight: 700; text-underline-offset: 4px; }
.commercial-faq { margin: 24px 0; }
.commercial-faq details { padding: 18px 0; border-bottom: 1px solid #ccdace; }
.commercial-faq summary { cursor: pointer; font-weight: 700; line-height: 1.5; }
.commercial-related { display: flex; flex-wrap: wrap; gap: 24px; padding-top: 24px; padding-bottom: 40px; }
@media (max-width: 760px) { .commercial-grid { grid-template-columns: 1fr; } .commercial-section { padding-top: 32px; padding-bottom: 32px; } }