/* Tazkiyo V7: consistent typography, clean headings and warm article colours. */
:root{
 --forest:#294638;
 --forest-deep:#223e31;
 --cream:#fcfaf6;
 --sage-soft:#e8efe7;
 --peach:#f9e5da;
 --powder:#e8f0f7;
 --lavender:#efe7f4;
 --sand:#f8eddc;
 --ink:#26382e;
}
body{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:16px;line-height:1.68;color:var(--ink)}
body h1,body h2,body h3,body h4,body h5,body h6,
body blockquote,body summary,body button,body .btn,body .price-card,
body .article-card-visual strong,body .testimonial-quote,
body .story-v6-section-top h2,body .story-v6-value-card h3,
body .story-v6-reading h2,body .article-content h2,
body .article-content h3,body .story-v6-intro h1,
body .hero-copy h1 em{
 font-family:Inter,'Segoe UI',Arial,sans-serif!important;
 letter-spacing:-.03em;
}
body h1,body .hero-copy h1{font-weight:650}
body h2,body .section-heading h2,body .home-section-head h2,
body .testimonials-head h2,body .faq-intro h2,
body .home-pricing-intro h2{font-weight:600!important;letter-spacing:-.035em}
body h3,body .article-card-body h2,body .article-card-body h3{font-weight:570!important}
body .hero-copy h1 em{font-style:normal!important;font-weight:650!important}
/* Remove eyebrow/overline presentation from old templates and JS-injected content. */
body .eyebrow,body .mini-label,body .article-kicker,
body .resource-tool-kicker,body .article-support-eyebrow,
body .section-overline{display:none!important}
body .home-section-head h2,body .testimonials-head h2{font-size:clamp(29px,2.9vw,38px);margin:0;line-height:1.18}
body .home-pricing-intro h2{font-size:clamp(24px,2.1vw,31px);margin:0 0 10px;line-height:1.24}
body .home-pricing-intro p{font-size:15px;line-height:1.6}
body .article-card-body h2,body .article-card-body h3{font-size:19px;line-height:1.43}
body .article-card-body p{font-size:16px;line-height:1.7}
body .article-content{font-size:17px;line-height:1.82}
body .article-content blockquote{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-style:italic}
body .faq-list summary,body .faq-section .faq-list summary{font-size:16px;font-weight:450!important;letter-spacing:0}
body .faq-list details p{font-size:16px;line-height:1.75}
body .site-header .brand img{height:auto!important;width:149px!important;max-height:52px!important;object-fit:contain}
body .site-footer .footer-brand img{height:auto!important;width:205px!important;max-width:100%!important;object-fit:contain}
body .footer-brand p{font-size:15px}
body .footer-column a,body .footer-company p{font-size:14px}
/* Homepage FAQ follows the heading-above-questions design, not split into a left sidebar. */
body .faq-section .faq-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;max-width:1050px;margin-inline:auto}
body .faq-section .faq-intro{position:static!important;top:auto!important;max-width:980px}
body .faq-section .faq-intro h2{font-size:clamp(29px,3vw,39px);font-weight:600!important;line-height:1.2;white-space:normal;margin:0 0 10px}
body .faq-section .faq-intro>p{max-width:680px;font-size:16px;line-height:1.65}
body .faq-section .faq-list{max-width:100%;width:100%;font-weight:400}
/* Interior pages: give headings and content one consistent, human scale. */
body .directory-hero h1,body .page-hero-copy h1,
body .story-hero h1,body .profile-modern-copy h1{font-size:clamp(34px,3.8vw,50px);font-weight:620}
body .directory-hero p,body .page-hero-copy p,body .profile-modern-copy>p{font-size:17px}
body .story-v6-reading h2,body .story-v6-section-top h2,
body .story-v6-standards h2{font-weight:600!important}
body .article-support-card h3,body .article-support-links h3{font-weight:590}
/* Different pastel mood for each editorial card without adding image downloads. */
body .resource-list-section .article-card:nth-child(5n+1) .article-card-visual{background:#f1e8f5}
body .resource-list-section .article-card:nth-child(5n+2) .article-card-visual{background:#e7f1f7}
body .resource-list-section .article-card:nth-child(5n+3) .article-card-visual{background:#f9e8e2}
body .resource-list-section .article-card:nth-child(5n+4) .article-card-visual{background:#f8eed8}
body .resource-list-section .article-card:nth-child(5n+5) .article-card-visual{background:#eee9db}
body .resource-list-section .article-card-visual{position:relative;isolation:isolate;overflow:hidden}
body .resource-list-section .article-card-visual img{position:relative;z-index:1;mix-blend-mode:multiply;opacity:.85}
body .resource-list-section .article-card:nth-child(5n+1) .article-card-visual img{filter:saturate(.87)}
body .resource-list-section .article-card:nth-child(5n+2) .article-card-visual img{filter:saturate(.83)}
body .resource-list-section .article-card:nth-child(5n+3) .article-card-visual img{filter:saturate(.90)}
body .resource-list-section .article-card:nth-child(5n+4) .article-card-visual img{filter:saturate(.88)}
body .resource-list-section .article-card:nth-child(5n+5) .article-card-visual img{filter:saturate(.82)}
/* Subtle colour shifts for companion article hero images without changing layout/content. */
body .page-hero-modern:has(+ .resource-list-section){background:linear-gradient(105deg,#fffaf3 0%,#f6f0e7 55%,#f0ebf5 100%)}
body .story-v6-cta .final-cta-inner h2{color:#fff!important}
@media(max-width:900px){
 body .site-header .brand img{width:135px!important}
 body .faq-section .faq-layout{gap:18px!important}
 body .faq-section .faq-intro h2{font-size:clamp(27px,5.8vw,34px)}
 body .site-footer .footer-brand img{width:190px!important}
}
@media(prefers-reduced-motion:reduce){body .article-card-visual img{filter:none}}