/* Tazkiyo V8: approved illustration, pricing, accessible FAQ, authentic SVGs. */
/* Keep the typography and layout from V7. Add only the approved V8 changes. */
.hero-copy .hero-proof{
  display:block; margin:0 0 14px;
  min-height:1.28em; color:#879F88;
  font-family:inherit; font-weight:600;
  font-size:clamp(20px,2.05vw,27px); line-height:1.28;
  letter-spacing:-.018em;
}
.hero-copy .hero-proof.changing{opacity:0;transform:translateY(6px)}
.site-header .brand img{max-height:53px;object-fit:contain}
.site-footer .footer-brand img{max-height:82px;object-fit:contain}
/* Session pricing message with consistent card heights. */
.home-pricing-intro h2{font-family:inherit;font-weight:610;font-size:clamp(22px,2.2vw,27px);margin:0 0 6px}
.home-pricing-intro .pricing-value-line{font-size:16px;line-height:1.4;font-weight:600;color:#2d493b;margin:3px 0 7px}
.home-pricing-intro .pricing-support-line{font-size:14px;line-height:1.5;font-weight:400;color:#5b6d60;margin:0}
.home-pricing-card{grid-template-columns:minmax(245px,1.2fr) repeat(2,minmax(205px,1fr)) auto;gap:15px}
/* Services: purposeful imagery beside the service directory heading. */
.services-page-hero .services-hero-grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(335px,.95fr);
  align-items:center; gap:48px;
}
.services-page-hero .services-hero-copy h1{max-width:690px;margin:0 0 22px}
.services-page-hero .services-hero-copy p{max-width:670px}
.services-page-hero .services-hero-art{width:100%;aspect-ratio:16 / 10;border-radius:24px;
 overflow:hidden;background:#f2e9df;box-shadow:0 14px 38px rgba(43,70,53,.09)}
.services-page-hero .services-hero-art img{width:100%;height:100%;display:block;object-fit:cover}
.resources-hero .page-hero-art{background:#f9f1e5}
.resources-hero .page-hero-art img{width:100%;height:100%;object-fit:contain}
/* Pastel images supplied as optimized separate WebP files. No dark multiply overlay. */
.resource-list-section .article-card-visual img,
.learning-preview-section .article-card-visual img{
  filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
}
/* Readable FAQs across the homepage, the FAQ directory and individual articles. */
body .faq-section .faq-list summary, body .faq-list summary,
body .article-content details summary{font-size:17px!important;font-weight:480!important;line-height:1.5}
body .faq-section .faq-list p, body .faq-list p{font-size:16.5px;line-height:1.75}
@media (max-width:1100px){
  .home-pricing-card{grid-template-columns:1fr 1fr}
  .home-pricing-intro{grid-column:1 / -1}
  .home-pricing-cta{grid-column:1/-1}
  .services-page-hero .services-hero-grid{gap:30px}
}
@media (max-width:850px){
  .services-page-hero .services-hero-grid{grid-template-columns:1fr;gap:26px}
  .services-page-hero .services-hero-art{max-width:680px}
}
@media (max-width:600px){
  .hero-copy .hero-proof{font-size:21px;margin-bottom:11px}
  .home-pricing-intro .pricing-value-line{font-size:16px}
  .home-pricing-intro .pricing-support-line{font-size:14px}
  body .faq-section .faq-list summary,body .faq-list summary{font-size:17px!important}
  body .faq-section .faq-list p,body .faq-list p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-proof{transition:none!important}}