/* Articles / Insights — supplemental polish only.
   style-site.css (the exact site CSS) is left untouched; these rules refine the NEW Articles
   section so it reads as part of the site. Loaded only on the blog/archive/single/search views. */

/* Card titles should look like the site's card headings (dark, bold, no underline), not links. */
#page-articles .who-uses-card h4 { font-size: 1.02rem; margin-bottom: 0.5rem; }
#page-articles .who-uses-card h4 a { color: #222; text-decoration: none; }
#page-articles .who-uses-card h4 a:hover { color: #4ca3bc; text-decoration: none; }

/* Excerpt + date, matching the site's muted text. */
#page-articles .who-uses-card p { color: #555; line-height: 1.6; }
#page-articles .who-uses-card .test-org { margin: 0.75rem 0 0; color: #888; font-size: 0.8rem; }

/* Gentle lift on hover, consistent with the site's other interactive cards. */
#page-articles .who-uses-card { transition: transform .18s ease, box-shadow .18s ease; }
#page-articles .who-uses-card:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(20, 60, 75, 0.12); }

/* Pagination spacing. */
#page-articles .page-cta-center { text-align: center; margin-top: 2.5rem; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
#page-articles .page-cta-center .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; border: 1px solid #e0e0e0; border-radius: 4px; color: #555; font-size: 0.88rem; font-weight: 600; text-decoration: none; background: #fff; }
#page-articles .page-cta-center .page-numbers:hover { border-color: #4ca3bc; color: #3d8ba1; }
#page-articles .page-cta-center .page-numbers.current { background: #4ca3bc; border-color: #4ca3bc; color: #fff; }

/* Single article: keep the body prose (.legal) tidy and links on-brand. */
#page-article .legal a { color: #3d8ba1; }
#page-article .page-cta { margin-top: 2.25rem; }