/* Knowledge article teasers: text and a bold title, with the shared card layout. */
.article-preview h3,.article-preview h3 strong{font-family:Montserrat,Arial,sans-serif;font-weight:700}
.article-preview .card-link{color:var(--text);text-decoration:underline;text-decoration-color:var(--decoration);text-underline-offset:5px}
.article-preview:hover .card-link{text-decoration-color:var(--text)}
.article-body .article-support{margin-top:32px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-body .article-support .hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}
/* Compact text previews retain every title, teaser and full-card link. */
body main .card.article-preview .card-content{padding:18px}
body main .card.article-preview h3{font-size:20px;line-height:28px;margin-top:8px}
body main .card.article-preview p{font-size:14px;line-height:23px;margin-top:8px}
body main .card.article-preview .card-link{padding-top:16px;font-size:14px;line-height:22px}
#results:has(>.article-preview){gap:18px}
@media(max-width:760px){
 body main .card.article-preview .card-content{padding:16px}
 body main .card.article-preview h3{font-size:18px;line-height:25px}
 #results:has(>.article-preview){gap:16px}
}