/*
 * VPS Glossary - supplemental styles
 *
 * Minimal. Almost everything is handled by the Tailwind utility classes
 * already compiled into the theme's bundle.css. Only add rules here for
 * patterns that fall outside the existing safelist.
 */

/*
 * Prevent long URLs and unbreakable strings inside term definitions from
 * overflowing their accordion container on narrow viewports.
 * Tailwind's prose class handles most typography but not overflow-wrap
 * on arbitrary rich-text content.
 */
.glossary-term-body {
    overflow-wrap: break-word;
    word-break:    break-word;
}

/*
 * Search input focus state - matches the theme's global form focus pattern
 * (_form.scss) using the brand accent CSS variable rather than a hardcoded colour.
 */
#glossary-search:focus {
    outline:      none;
    border-color: var(--brand-accent);
    box-shadow:   0 0 0 2px var(--brand-accent);
}