/* Homepage typography by content role; measured at 100% browser zoom.
   Source: homepage role comparison, 31.10.2026. Shared by service and diesel pages. */
:root{--peh-body:1.06rem;--peh-h1:clamp(2rem,3.8vw,3.5rem);--peh-h2:clamp(23px,7vw,30px);--peh-h3:1.16rem;--peh-lead:1.05rem;--peh-lead-line:1.7;--peh-h1-line:1.08;--peh-button-line:1.6;--peh-faq:1rem}
html{font-size:16px}
@media(min-width:1001px){html{font-size:12px}:root{--peh-h2:clamp(19.5px,2.2vw,24px)}}
@media(max-width:700px){:root{--peh-h1:clamp(28px,7.5vw,34px);--peh-h1-line:1.14;--peh-lead:1rem;--peh-lead-line:1.55;--peh-button-line:1.35;--peh-faq:.98rem}}
body{font-family:Inter,system-ui,sans-serif;font-size:var(--peh-body);line-height:1.72;font-weight:400;letter-spacing:normal}
body h1{font-size:var(--peh-h1);line-height:var(--peh-h1-line);font-weight:800;letter-spacing:-.045em}
body h2,body .article>.cta-panel>h2,body .section h2{font-size:var(--peh-h2);line-height:1.2;font-weight:800;letter-spacing:-.038em}
body h3,body .service-card h3{font-size:var(--peh-h3);line-height:1.6;font-weight:700;letter-spacing:normal}
body .lead{font-size:var(--peh-lead);line-height:var(--peh-lead-line);font-weight:400;letter-spacing:normal}
body .article p,body .article li,body .service-card p,body .faq details p,body .side-card p,body .side-card li,body .related a,body .all-services,body .section p,body .formula,body .muted{font-size:var(--peh-body);line-height:1.72;letter-spacing:normal}
body .button,body .header-row>.button,body .actions .button,body .card-link,body header .download{font-size:1rem;line-height:var(--peh-button-line);font-weight:700;letter-spacing:normal}
body .button,body header .download{min-height:44px}
body .eyebrow,body .hero-card .eyebrow,body .side-card .eyebrow,body .article .eyebrow{font-size:.88rem;line-height:1.6;font-weight:700;letter-spacing:.12em}
body .breadcrumbs{font-size:.87rem;line-height:1.6;font-weight:400}
body .desktop-nav a{font-size:.9rem;line-height:1.6;font-weight:500}
body .mobile-menu summary,body .mobile-menu a{font-size:1.02rem;line-height:1.6;font-weight:600}
body .hero-card h2{font-size:1.14rem;line-height:1.4;font-weight:700;letter-spacing:normal}
body .hero-card p{font-size:.9rem;line-height:1.5;font-weight:700;letter-spacing:.07em}
body .hero-card .phone,body .hero-card .mail,body .hero-card .hotline a{font-size:.9rem;line-height:1.6;font-weight:400;letter-spacing:normal}
body .hero-card .hours,body .hero-card .hotline{font-size:.9rem;line-height:1.6;font-weight:400;letter-spacing:normal}
body .side-card h2,body .site-footer strong{font-size:var(--peh-h3);line-height:1.6;font-weight:700;letter-spacing:normal}
body .faq summary{font-size:var(--peh-faq);line-height:1.45;font-weight:600;letter-spacing:normal}
body .site-footer,body .site-footer a,body .site-footer p,body footer .foot,body footer .foot a{font-size:.87rem;line-height:1.6;font-weight:400;letter-spacing:normal}
body .site-footer h2{font-size:.76rem;line-height:1.6;font-weight:700;letter-spacing:.1em}
body .section .rate{font-size:var(--peh-h1);line-height:var(--peh-h1-line);font-weight:800}
