/*
 * Vier maten voor publieke pagina's, dezelfde schaal als /klic-melding-kosten.
 * Paginatitel (H1), sectietitel (H2), body, small.
 * Alleen body.pub-type. Homepage, dashboard, viewer en /klic-aanvragen niet.
 */

body.pub-type {
    --pub-h1: clamp(1.75rem, 3vw, 2.25rem);
    --pub-section: clamp(1.35rem, 2.2vw, 1.75rem);
    --pub-body: clamp(1rem, 1.3vw, 1.125rem);
    --pub-small: 0.875rem;
    overflow-x: clip;
}
body.pub-type .pub-small {
    font-size: var(--pub-small) !important;
    letter-spacing: 0 !important;
    line-height: 1.45;
}

/* --- SEO-landings (shell #klicbot-marketing-seo) --- */
body.pub-type#klicbot-marketing-seo .seo-hero-text {
    max-width: none;
    width: 100%;
}
body.pub-type#klicbot-marketing-seo .max-w-4xl,
body.pub-type#klicbot-marketing-seo .max-w-3xl {
    max-width: none;
}
body.pub-type#klicbot-marketing-seo article h2,
body.pub-type#klicbot-marketing-seo article h3,
body.pub-type#klicbot-marketing-seo .seo-related h2,
body.pub-type#klicbot-marketing-seo .seo-bottom-cta h2,
body.pub-type#klicbot-marketing-seo section.py-32 h2.font-work,
body.pub-type#klicbot-marketing-seo .seo-showcase__copy h2,
body.pub-type#klicbot-marketing-seo .org-pro-cta__title {
    font-family: "Work Sans", sans-serif;
    font-weight: 800;
    font-size: var(--pub-section);
    line-height: 1.25;
    letter-spacing: -0.02em;
    max-width: none;
}
body.pub-type#klicbot-marketing-seo .hero-section .seo-hero-text p,
body.pub-type#klicbot-marketing-seo .hero-section .seo-hero-text li,
body.pub-type#klicbot-marketing-seo article p,
body.pub-type#klicbot-marketing-seo article li,
body.pub-type#klicbot-marketing-seo .comparison-table td,
body.pub-type#klicbot-marketing-seo .feature-card summary span,
body.pub-type#klicbot-marketing-seo .feature-card h3,
body.pub-type#klicbot-marketing-seo .seo-bottom-cta p,
body.pub-type#klicbot-marketing-seo .org-pro-cta__sub {
    font-size: var(--pub-body);
    line-height: 1.6;
}
body.pub-type#klicbot-marketing-seo .hero-section .seo-hero-text p,
body.pub-type#klicbot-marketing-seo .hero-section .seo-hero-text li,
body.pub-type#klicbot-marketing-seo article p,
body.pub-type#klicbot-marketing-seo article li {
    max-width: none;
}
body.pub-type#klicbot-marketing-seo .seo-bottom-cta p {
    font-size: var(--pub-body) !important;
    line-height: 1.6 !important;
}
body.pub-type#klicbot-marketing-seo .hero-section nav,
body.pub-type#klicbot-marketing-seo .section-label,
body.pub-type#klicbot-marketing-seo .seo-eyebrow,
body.pub-type#klicbot-marketing-seo .comparison-table th {
    font-size: var(--pub-small);
    letter-spacing: 0;
    line-height: 1.45;
}
body.pub-type#klicbot-marketing-seo .comparison-table th,
body.pub-type#klicbot-marketing-seo .comparison-table td {
    overflow-wrap: normal;
    word-break: normal;
}
body.pub-type#klicbot-marketing-seo .overflow-x-auto,
body.pub-type#klicbot-marketing-seo .comparison-table {
    max-width: 100%;
}

/* --- FAQ, features, contact --- */
body.pub-type h1.pub-page-title,
body.pub-type main > div h1.font-work {
    font-size: var(--pub-h1);
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 800;
}
body.pub-type #faq-extra h2,
body.pub-type #faq-extra h3.uppercase {
    font-family: "Work Sans", sans-serif;
    font-weight: 800;
    font-size: var(--pub-section) !important;
    line-height: 1.25;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    max-width: none;
}
body.pub-type #faq .feature-card h3,
body.pub-type #faq-extra .feature-card h3,
body.pub-type #faq .faq-details__inner,
body.pub-type #faq-extra .feature-card .text-sm,
body.pub-type #faq .section-tagline,
body.pub-type #faq p.text-gray-400 {
    font-size: var(--pub-body) !important;
    line-height: 1.6;
}
body.pub-type #faq .section-label,
body.pub-type #faq .text-\[11px\],
body.pub-type #faq-extra .text-\[11px\] {
    font-size: var(--pub-small) !important;
    letter-spacing: 0 !important;
    line-height: 1.45;
}
body.pub-type #contact h1 {
    font-size: var(--pub-h1) !important;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 800;
}
body.pub-type #contact .text-sm,
body.pub-type .contact-details,
body.pub-type .contact-details p {
    font-size: var(--pub-body) !important;
    line-height: 1.6;
}
body.pub-type .contact-details h2 {
    font-family: "Work Sans", sans-serif;
    font-size: var(--pub-section) !important;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 0 0 0.75rem;
}
body.pub-type .features-intro,
body.pub-type .features-intro p {
    max-width: none;
    font-size: var(--pub-body);
    line-height: 1.6;
}
body.pub-type .features-intro .section-tagline {
    font-size: var(--pub-small);
    letter-spacing: 0;
}
body.pub-type .comp-table td,
body.pub-type .comp-table td .font-bold {
    font-size: var(--pub-body) !important;
    line-height: 1.45;
}
body.pub-type .comp-table td .text-\[11px\],
body.pub-type .comp-table th,
body.pub-type .comp-table .feat-count,
body.pub-type .comp-scroll-wrap + div p {
    font-size: var(--pub-small) !important;
    letter-spacing: 0 !important;
    line-height: 1.45;
}
body.pub-type .comp-table th .font-work {
    font-size: var(--pub-body) !important;
    letter-spacing: -0.02em;
}
body.pub-type .comp-scroll-wrap {
    max-width: 100%;
    overflow-x: auto;
}

/* --- Juridisch --- */
body.pub-type.legal-page h1,
body.pub-type.privacy-page h1 {
    font-family: "Work Sans", sans-serif !important;
    font-size: var(--pub-h1) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: #fff !important;
}
body.pub-type.legal-page .prose h2,
body.pub-type.privacy-page h2 {
    font-family: "Work Sans", sans-serif !important;
    font-size: var(--pub-section) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    color: #fff !important;
    max-width: none;
}
body.pub-type.legal-page main p,
body.pub-type.legal-page main li,
body.pub-type.legal-page main div,
body.pub-type.privacy-page p,
body.pub-type.privacy-page li {
    font-size: var(--pub-body) !important;
    line-height: 1.6 !important;
}
body.pub-type.legal-page nav,
body.pub-type.legal-page nav a,
body.pub-type.legal-page .pub-small,
body.pub-type.privacy-page .pub-small,
body.pub-type.legal-page footer,
body.pub-type.legal-page footer p,
body.pub-type.privacy-page footer p {
    font-size: var(--pub-small) !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
}
body.pub-type.privacy-page .container-sm {
    max-width: 80rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* --- Product, docs, kennisbank --- */
body.pub-type #docs-hub.ksh,
body.pub-type #docs-hub.ksh.ksh--wide {
    --ksh-content-max: 80rem;
}
body.pub-type #docs-hub .ksh-layout {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}
body.pub-type #docs-hub .docs-page-header h1 {
    font-size: var(--pub-h1);
    line-height: 1.2;
    max-width: none;
}
body.pub-type #docs-hub .docs-page-header p,
body.pub-type #docs-hub .dash-page-sub {
    font-size: var(--pub-body);
    line-height: 1.6;
    max-width: none;
}
body.pub-type #docs-hub .docs-prose h2,
body.pub-type #docs-hub .docs-prose h3,
body.pub-type #docs-hub .docs-prose h4,
body.pub-type #docs-hub .docs-topics h2,
body.pub-type #docs-hub .org-pro-cta__title {
    font-size: var(--pub-section);
    line-height: 1.25;
    letter-spacing: -0.02em;
    max-width: none;
}
body.pub-type #docs-hub .docs-prose p,
body.pub-type #docs-hub .docs-prose li,
body.pub-type #docs-hub .docs-prose td,
body.pub-type #docs-hub .docs-topic-card h3,
body.pub-type #docs-hub .docs-topic-card p,
body.pub-type #docs-hub .org-pro-cta__sub {
    font-size: var(--pub-body);
    line-height: 1.6;
}
body.pub-type #docs-hub .docs-breadcrumb,
body.pub-type #docs-hub .dash-page-title,
body.pub-type #docs-hub .ksh-nav a.ksh-nav-link,
body.pub-type #docs-hub .ksh-nav .ksh-nav-sep-txt,
body.pub-type #docs-hub .ksh-nav-sub,
body.pub-type #docs-hub .ksh-search input,
body.pub-type .docs-topbar__actions,
body.pub-type #docs-hub .docs-prose th {
    font-size: var(--pub-small);
    letter-spacing: 0;
    line-height: 1.45;
}
body.pub-type #docs-hub .docs-prose {
    overflow-x: auto;
}
body.pub-type #docs-hub .docs-prose pre {
    max-width: 100%;
    overflow-x: auto;
}
body.pub-type #docs-hub .ksh-main {
    max-width: 100%;
}
@media (max-width: 720px) {
    body.pub-type .docs-topbar {
        flex-wrap: wrap;
        align-items: flex-start;
        row-gap: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    body.pub-type .docs-topbar__actions {
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}