/* Introductory content for the two public tool pages. */
.tool-intro {
    max-width: 400px;
    margin: 12px auto 0;
    color: #cbd5e1;
    font-size: .9rem;
    line-height: 1.7;
    word-break: keep-all;
    overflow-wrap: break-word;
}
.landing-header .landing-title {
    font-size: clamp(1.75rem, 7vw, 2.5rem);
    word-break: keep-all;
}
.page-shell > .hero h1 {
    font-size: clamp(1.8rem, 6vw, 3.3rem);
    word-break: keep-all;
}
.search-guide { line-height: 1.8; word-break: keep-all; overflow-wrap: break-word; }
.search-guide h2 { font-size: 1.1rem; line-height: 1.6; margin: 0 0 16px; color: #f1f5f9; }
.search-guide h3 { font-size: .95rem; line-height: 1.6; margin: 22px 0 8px; color: #e2e8f0; }
.search-guide p { font-size: .9rem; margin: 0; color: #cbd5e1; }
.search-guide .related-tool { margin-top: 24px; padding-top: 18px; border-top: 1px solid #334155; }
.search-guide a { color: #c4b5fd; text-decoration: underline; text-underline-offset: 3px; }
.search-guide a:hover { color: #fff; }
.search-guide a:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 4px; border-radius: 2px; }