/* SEO Content Pages - Shared Styles */
.seo-page { padding-top: 120px; min-height: 100vh; }
.seo-page__header { max-width: 900px; margin: 0 auto 3rem; padding: 0 1.5rem; }
.seo-page__header h1 { font-family: var(--v5-font, 'Inter'), sans-serif; font-size: 2.4rem; font-weight: 700; color: var(--v5-text-heading, #545454); margin-bottom: 1rem; }
.seo-page__header .lead { font-size: 1.2rem; color: var(--v5-text-body, #7a7a7a); line-height: 1.7; }
.seo-page__body { max-width: 900px; margin: 0 auto; padding: 0 1.5rem 4rem; }
.seo-page__body h2 { font-family: var(--v5-font, 'Inter'), sans-serif; font-size: 1.8rem; font-weight: 600; color: var(--v5-text-heading, #545454); margin: 2.5rem 0 1rem; }
.seo-page__body h3 { font-family: var(--v5-font, 'Inter'), sans-serif; font-size: 1.3rem; font-weight: 600; color: var(--v5-accent, #a8bd2d); margin: 2rem 0 0.8rem; }
.seo-page__body p { font-size: 1.05rem; line-height: 1.8; color: var(--v5-text-body, #7a7a7a); margin-bottom: 1.2rem; }
.seo-page__body ul { margin-bottom: 1.5rem; }
.seo-page__body li { font-size: 1.05rem; line-height: 1.8; color: var(--v5-text-body, #7a7a7a); margin-bottom: 0.5rem; }
/* Override styles.css global a:hover { color: #fff !important } — exclude .v5-btn */
.seo-page__body a:not(.v5-btn) { color: var(--v5-accent, #a8bd2d) !important; text-decoration: underline; }
.seo-page__body a:not(.v5-btn):hover { color: var(--v5-accent-hover, #7da307) !important; }
.seo-page__body .v5-btn { text-decoration: none; }
.seo-page__body .v5-btn:hover { text-decoration: none; }
.seo-breadcrumb { max-width: 900px; margin: 0 auto var(--v5-sp-12, 3rem); padding: var(--v5-sp-3, 0.75rem) var(--v5-sp-6, 1.5rem); font-size: 0.85rem; color: var(--v5-text-muted, #9ca3af); background: var(--v5-bg-light, #f8f9fb); border-radius: var(--v5-r-sm, 6px); letter-spacing: 0.02em; }
.seo-breadcrumb a { color: var(--v5-accent, #a8bd2d) !important; text-decoration: none; }
.seo-breadcrumb a:hover { color: var(--v5-accent-hover, #7da307) !important; text-decoration: underline; }
.seo-cta { background: linear-gradient(135deg, var(--v5-bg-light, #f8f9fb) 0%, #e9ecef 100%); border-radius: var(--v5-r-lg, 16px); padding: 2.5rem; text-align: center; margin: 3rem 0; }
.seo-cta h3 { color: var(--v5-text-heading, #545454); margin-bottom: 1rem; }
.seo-cta .v5-btn { display: inline-block; margin-top: 1rem; }
.seo-related { border-top: 1px solid var(--v5-border, #e5e7eb); padding-top: 2rem; margin-top: 3rem; }
.seo-related h3 { color: var(--v5-text-heading, #545454); font-size: 1.3rem; margin-bottom: 1.2rem; }
.seo-related ul { list-style: none; padding: 0; }
.seo-related li { margin-bottom: 0.8rem; }
.seo-related li a { color: var(--v5-accent, #a8bd2d) !important; }
.seo-related li a:hover { color: var(--v5-accent-hover, #7da307) !important; }
.seo-related li::before { content: "\2192\0020"; color: var(--v5-accent, #a8bd2d); font-weight: bold; }