.seo-breadcrumb { padding-top: 24px; padding-bottom: 4px; font-size: 12px; color: #52616e; }
.seo-breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 0; padding: 0; }
.seo-breadcrumb li { display: inline; overflow-wrap: anywhere; }
.seo-breadcrumb li + li::before { content: '/'; padding-right: 12px; opacity: .5; }
.seo-breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.search-context { margin-top: 48px; margin-bottom: 64px; padding-top: 40px; border-top: 1px solid #dbe1e6; }
.search-context h2 { font-size: clamp(22px, 2vw, 30px); line-height: 1.3; letter-spacing: -.03em; max-width: 38ch; margin: 0 0 16px; }
.search-context p { color: #52616e; max-width: 88ch; font-size: 16px; line-height: 1.8; }
.search-context ul { display: flex; flex-wrap: wrap; gap: 12px 22px; list-style: none; padding: 0; margin: 24px 0 0; }
.search-context a { font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.seo-directory { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
.seo-directory article { border-top: 1px solid #dbe1e6; padding: 24px 0; }
.seo-directory h2 { font-size: 26px; line-height: 1.25; }
.seo-directory p { color: #52616e; line-height: 1.75; }
.seo-directory .solution-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--blue, #324b98); font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.seo-directory .solution-link span { font-size: 20px; }
.seo-directory .solution-link:hover { text-decoration-thickness: 2px; }
.seo-directory .solution-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: 2px; }
@media (max-width: 700px) { .seo-directory { grid-template-columns: 1fr; gap: 12px; } .search-context { margin-top: 24px; margin-bottom: 40px; padding-top: 28px; } }