/* Small overrides on top of Webflow's CSS (accessibility, Lighthouse). Loaded after it on every page. */

/* Contrast: grey text on the dark footer reached 4.3:1; 4.5:1 is the minimum */
.footer-link { color: #b8b8b8; }
.footer .light-text { opacity: .75; }

/* Contrast: orange text links on white or beige were 2.9:1. Same orange family, darker. */
.post-breadcrumb,
.ns-eyebrow,
.faq-content a,
main p > a:not([class]) { color: #c2410c; }

/* Grey post details (date, read time, author) on beige */
.article-info { color: #666; }

/* Author photo in the post header: a portrait screenshot squeezed into 24x24 */
.article-info img { width: 24px; height: 24px; object-fit: cover; border-radius: 50%; }

/* Heading levels fixed for screen readers (h4 -> h3); keep the h4 look */
h3.nx-h4 { margin-top: 10px; }
.article-sider h3.margin-bottom-sm { margin-top: 10px; font-size: 18px; line-height: 24px; }