/* Leesbaarheid v1: één typografisch systeem bovenop Camilles design. Alleen grootte, regelhoogte,
   regellengte en contrast van lopende tekst; lettertypes, kleuren, koppen en opmaak blijven gelijk.
   In rem, zodat de lettergrootte die een bezoeker in zijn browser kiest wordt gerespecteerd. */
:root{
  --muted:#465150;
  --read-body:clamp(1rem,.95rem + .2vw,1.0625rem);
  --read-lead:clamp(1.0625rem,1rem + .3vw,1.25rem);
  --read-card:1rem;
  --read-support:.875rem;
  --read-meta:.75rem;
}

/* Lopende tekst */
:root .pages-faq-answer p,:root .pages-faq-answer a,:root .home-faq-list p,:root .privacy td,:root main td,
:root .reveal-wait p,:root .pages-service-main p:not(.eyebrow),:root .values-list p,:root .technology-section-intro p,
:root .booking-context p,:root .technology-article-section p,:root .article-author p,:root .technology-citation,:root .booking-panel p,:root .pages-faq-aside p,:root .blog-topic p,:root main .updated{
  font-size:var(--read-body);line-height:1.7}
:root .pages-faq summary{font-size:var(--read-body)}
:root main th{font-size:.9375rem}

/* Inleidingen */
:root .pages-section-heading>p:not(.eyebrow),:root .intro-description,:root .pages-lead{
  font-size:var(--read-lead);line-height:1.6}

/* Tekst in kaarten en lijsten */
:root .story-card p:not(.eyebrow),:root .agent-ex p,:root .price-card li,:root .price-desc,:root .price-included p,:root .price-included li,
:root .pages-list li,:root .sol-sectors dd,:root .sol-proof,:root .sol-ba p,:root .sol-does,
:root .sector-card p,:root .blog-card p:not(.eyebrow),:root .case-body p,:root .match-list li,:root .pages-match-list li,
:root .home-overview-beat p,:root .home-service p,:root .home-maker-card p,:root .technology-steps p,:root .person p,
:root .contact p,:root .contact-person p,:root .booking-points li,:root .pages-service-outcome,:root .home-price-teaser,
:root .wa-bubble,:root .agent-list p,:root .task-group li,:root .toc a,:root .article-toc a,:root .technology-related a,:root .privacy-table th,:root .contact-reassure li,:root .home-contact-direct a{
  font-size:var(--read-card);line-height:1.6}

/* Ondersteunende tekst: notities, voetnoten, bijschriften in de tekststroom */
:root .price-footnote,:root .depth-step-result,:root .home-form-note,:root .home-contact-result p,:root .calc-note,
:root .article-preview-banner,:root .booking-option small,:root .price-note,:root .pages-flow-human p,:root .depth-caption,
:root .pages-invitation-note,:root .workplace-card-note,:root .home-workplace-outcome,:root .technology-tile-summary,
:root .blog-concept-note,:root .card-aside,:root .studio-caption,:root .home-form-privacy,:root .wa-note,
:root .footer-top p,:root .concept-note,:root .technology-badge-note,:root .calendar-help a,:root .booking-contact a,
:root .home-people-image figcaption,:root .team-transition-stage figcaption,:root .pages-aside-email,:root .price-sub{
  font-size:var(--read-support);line-height:1.55}

:root .booking-note,:root .studio-caption{font-size:var(--read-support)!important;line-height:1.55!important}
:root .technology-related>p:last-child,:root .footer-address,:root .article-meta span{font-size:var(--read-support)}

/* Labels, badges en bijschriften op beeld: nooit kleiner dan 12px */
:root .eyebrow,:root .technology-related .eyebrow,:root .article-cover figcaption,:root .home-small-label,:root .pages-small-label,:root .card-index,:root .technology-tile-kind,
:root .team-caption,:root .intro-proof-label,:root .sol-kicker,:root .footer-sitemap b,:root .pages-hero-image figcaption,
:root .pages-hero-image span,:root .case-status,:root .sol-badge,:root .price-badge,:root .home-step-number,
:root .pages-flow-number,:root .intro-bottom a,:root .booking-steps li,:root .pages-topic-nav a,
:root .booking-facts span,:root .sol-sectors dt,:root .role,:root .agent-tag{
  font-size:var(--read-meta)}

/* Tekstlinks iets groter; knoppen blijven op Camilles maat zodat ze op één regel passen */
:root .text-link,:root .pages-underlink,:root .case-link,:root .wa-quick,:root .blog-topic-link{font-size:.875rem}

/* Regellengte en afbreken */
:root .pages-faq-answer p,:root .privacy p,:root .blog-article p,:root .reveal-wait p{max-width:68ch}
:root main p,:root main li,:root main dd{text-wrap:pretty}
@media (max-width:620px){
  :root .agent-ex p,:root .price-desc,:root .sol-does,:root .sol-proof,:root .case-body p,:root .sector-card p{hyphens:auto}
}