.seo-commercial-guide { padding: clamp(2rem, 5vw, 4rem) 0; background: #f8f7f5; color: #202020; }
.seo-commercial-guide .container { width: min(100% - 2rem, 1200px); margin-inline: auto; }
.seo-commercial-guide h2 { margin: 0 0 1.25rem; font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.2; }
.seo-commercial-guide h3 { margin: 1.5rem 0 .75rem; font-size: 1.25rem; line-height: 1.35; }
.seo-commercial-guide p, .seo-commercial-guide li { font-size: 1.0625rem; line-height: 1.65; }
.seo-commercial-guide p { margin: 0 0 1rem; }
.seo-commercial-guide ul { padding-left: 1.4rem; margin: 0 0 1.5rem; }
.seo-commercial-grid { display: grid; gap: 1.5rem; margin-block: 1.5rem 2.5rem; }
.seo-commercial-grid > div { min-width: 0; padding: 1.5rem; background: white; }
.seo-commercial-grid h3 { margin-top: 0; }
.seo-commercial-guide a, .seo-calculator-link a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.seo-calculator-link { margin-block: 1.25rem; font-size: 1.0625rem; line-height: 1.5; }
.seo-commercial-guide a:focus-visible, .seo-calculator-link a:focus-visible { outline: 3px solid #202020; outline-offset: 4px; }
.seo-commercial-guide details { border-top: 1px solid #ccc; padding: 1rem 0; }
.seo-commercial-guide summary { display: list-item; width: auto; height: auto; padding: 0; border: 0; font-size: 1.0625rem; font-weight: 600; line-height: 1.5; cursor: pointer; }
.seo-commercial-guide details p { margin-top: .75rem; }
@media (min-width: 48rem) { .seo-commercial-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
