/* Eén visuele taal. Technische voorbeelden en bestaande paginamodellen blijven leidend. */
:root { --unity-ink: #2e382f; --unity-muted: #555d50; --unity-green: #3f5e47; --unity-cream: #f0ebdf; --unity-paper: #fffdf8; --unity-line: #dfd7c6; }
body > header nav[aria-label="Breadcrumb"] ol { flex-wrap: wrap; row-gap: .35rem; }
.site-page { min-width: 0; }
.site-page--standard, .knowledge-article { color: var(--unity-ink); overflow-wrap: break-word; }
.site-page--standard h1, .knowledge-article__header h1 { margin: 0 0 1.25rem; font: 700 clamp(2rem, 4.5vw, 3.4rem)/1.12 Georgia, serif; color: var(--unity-ink); letter-spacing: -.035em; }
.site-page--standard h2, .knowledge-article__body h2 { margin: 2rem 0 1rem; color: var(--unity-ink) !important; font-size: clamp(1.45rem, 3vw, 1.9rem); line-height: 1.3; }
.site-page--standard h3, .knowledge-article__body h3 { margin: 1.5rem 0 .8rem; color: var(--unity-ink) !important; font-size: 1.2rem; line-height: 1.35; }
.site-page--standard h4, .knowledge-article__body h4 { color: var(--unity-ink) !important; }
.site-page--standard a:not(.btn):not(.site-button), .knowledge-article a:not(.btn):not(.site-button) { color: var(--unity-green); text-underline-offset: .2em; }
.site-page--standard a[class*="text-blue"], .knowledge-article a[class*="text-blue"] { color: var(--unity-green) !important; }
.site-page--standard a:focus-visible, .knowledge-article a:focus-visible, .site-page summary:focus-visible { outline: 3px solid var(--unity-green); outline-offset: 4px; }
.site-page--standard :is(section.bg-light, section.bg-white, section.bg-blue-900), .knowledge-article__body :is(section.bg-light, section.bg-white, section.bg-blue-900) { margin: 1.5rem 0; padding: clamp(1.2rem, 3vw, 2rem) !important; border: 1px solid var(--unity-line); border-radius: .9rem; background: var(--unity-paper) !important; color: var(--unity-ink) !important; }
.site-page--standard .bg-blue-900 :is(h1,h2,h3,p,li), .knowledge-article__body .bg-blue-900 :is(h1,h2,h3,p,li) { color: var(--unity-ink) !important; }
.site-page--standard .container, .knowledge-article__body .container { max-width: 100%; }
.site-page--standard :is(.card,.glass-card,.product-card), .knowledge-article__body :is(.card,.glass-card,.product-card,.chart-card) { background: var(--unity-paper) !important; border-color: var(--unity-line) !important; box-shadow: 0 4px 16px rgba(46,56,47,.05) !important; }
.site-page--standard img, .knowledge-article__body img { max-width: 100%; height: auto; }
.site-page--standard iframe, .knowledge-article__body iframe { max-width: 100%; }
.site-page--standard .card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important; }
.site-page--standard .card-grid .card { width: auto !important; }
.site-page--standard :is(.btn-primary,.button-primary), .knowledge-article :is(.btn-primary,.button-primary), .site-button { background: var(--unity-green) !important; border-color: var(--unity-green) !important; color: #fff !important; }
.site-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .75rem 1.1rem; gap: .5rem; border: 1px solid transparent; border-radius: .5rem; font-weight: 700; text-align: center; text-decoration: none; }
.site-button:hover { background: #2e4935 !important; }
.site-eyebrow { margin: 0 0 .75rem !important; color: var(--unity-green); font-size: .76rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
/* Overzichten: persoonlijke ingang, daarna praktische kaarten. */
.category-hero { display: grid; grid-template-columns: 1.45fr .75fr; gap: 2rem; align-items: center; padding: clamp(1.4rem, 4vw, 2.7rem); border: 1px solid var(--unity-line); border-radius: 1rem; background: var(--unity-cream); }
.category-hero p { margin: 0 0 1rem; }
.category-hero__intro { color: var(--unity-muted); font-size: 1.08rem; line-height: 1.75; }
.category-hero__photo { margin: 0; }
.category-hero__photo img { display: block; width: 100%; aspect-ratio: 4/3; height: auto; object-fit: cover; object-position: 64% 45%; border-radius: .7rem; }
.category-hero__photo figcaption { margin-top: .6rem; color: var(--unity-muted); font-size: .8rem; }
.category-section { margin-top: 3rem; }
.category-section > h2 { margin-top: 0; }
.category-section > p { max-width: 720px; margin-bottom: 1.5rem; color: var(--unity-muted); }
.category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.category-card { display: flex; min-width: 0; padding: 1.35rem; flex-direction: column; border: 1px solid var(--unity-line); border-radius: .8rem; background: var(--unity-paper); text-decoration: none; }
.category-card:hover { border-color: var(--unity-green); background: #eef2e8; }
.site-page .category-card h3 { margin: .65rem 0 .75rem; font-size: 1.2rem; }
.category-card p { margin: 0 0 1rem; color: var(--unity-muted); font-size: .95rem; }
.category-card__image { display: flex; height: 150px; margin-bottom: .7rem; align-items: center; justify-content: center; background: #fff; border-radius: .5rem; }
.category-card__image img { width: auto; max-width: 100%; height: auto; max-height: 140px; object-fit: contain; }
.category-card__label { color: var(--unity-green); font-size: .78rem; font-weight: 700; }
.category-card__link { margin-top: auto; color: var(--unity-green); font-size: .9rem; font-weight: 700; }
.category-note { margin-top: 2.5rem; padding: 1.5rem; border-left: 4px solid var(--unity-green); border-radius: 0 .75rem .75rem 0; background: #e8eee1; }
.category-note h2 { margin-top: 0; }
.category-note p { margin-bottom: .8rem; }
/* Artikelen: een vaste kop, scanbare inhoud en rustige vervolgstappen. */
.knowledge-article__header { padding: clamp(1.4rem, 4vw, 2.7rem); margin-bottom: 1.5rem; border: 1px solid var(--unity-line); border-radius: 1rem; background: var(--unity-cream); }
.knowledge-article__back { display: inline-block; margin-bottom: 1.5rem; font-size: .9rem; font-weight: 650; text-decoration: none; }
.knowledge-article__intro { max-width: 720px; margin: 0 0 1rem; color: var(--unity-muted); font-size: 1.1rem; line-height: 1.7; }
.knowledge-article__byline { margin: 0; color: var(--unity-muted); font-size: .85rem; }
.knowledge-article__body { line-height: 1.75; }
.knowledge-article__body > br:first-child { display: none; }
.knowledge-article__body :is(.full-width-section,.weather-hero,.hero-parallax,.hero-parallax-wrapper,.product-hero) { position: relative !important; left: auto !important; right: auto !important; width: 100% !important; min-height: 0 !important; margin: 1.5rem 0 !important; padding: 1.5rem !important; color: var(--unity-ink) !important; background: var(--unity-paper) !important; border: 1px solid var(--unity-line); border-radius: .9rem; }
.knowledge-article__body :is(.weather-hero,.hero-parallax,.hero-parallax-wrapper,.product-hero)::before { display: none !important; }
.knowledge-article__body :is(.home-container,.hero-content) { width: 100% !important; max-width: 100% !important; padding-inline: 0 !important; }
.knowledge-article__body .glass-card { color: var(--unity-ink) !important; backdrop-filter: none !important; }
.knowledge-article__body :is(.weather-hero,.hero-parallax-wrapper,.product-hero) :is(p,h2,h3,li) { color: var(--unity-ink) !important; }
.knowledge-article__body pre { max-width: 100%; padding: 1.1rem; overflow-x: auto; border: 1px solid #35414a; border-radius: .6rem; color: #eef4f1; background: #172126; font-size: .88rem; line-height: 1.55; white-space: pre; }
.knowledge-article__body pre code { white-space: inherit; overflow-wrap: normal; }
.knowledge-article__body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.knowledge-article__body th, .knowledge-article__body td { padding: .7rem; border: 1px solid var(--unity-line); vertical-align: top; }
.knowledge-article__body th { background: #e8eee1; color: var(--unity-ink); }
.knowledge-article__body ul, .knowledge-article__body ol { padding-left: 1.4rem; }
.knowledge-article__body :is(h2,h3)[id] { scroll-margin-top: 1rem; }
.article-table-scroll { max-width: 100%; margin: 1.5rem 0; overflow-x: auto; }
.article-table-scroll:focus-visible { outline: 3px solid var(--unity-green); outline-offset: 3px; }
.article-table-scroll table { display: table; width: 100%; margin: 0; }
.article-toc { margin: 0 0 2rem; padding: 1.25rem 1.5rem; border: 1px solid var(--unity-line); border-radius: .75rem; background: var(--unity-paper); }
.article-toc[hidden] { display: none; }
.article-toc summary { color: var(--unity-green); font-weight: 750; cursor: pointer; }
.article-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem 1.5rem; margin: 1rem 0 0; padding-left: 1.2rem; }
.article-toc a { display: inline-block; padding: .25rem 0; font-size: .9rem; }
.knowledge-article__tip { display: flex; gap: 1.25rem; align-items: center; margin: 3rem 0 1.5rem; padding: 1.4rem; border-radius: .75rem; background: #e8eee1; }
.knowledge-article__tip img { flex: 0 0 90px; width: 90px; height: 90px; object-fit: cover; object-position: 63% 35%; border-radius: 50%; }
.knowledge-article__tip p:last-child { margin: 0; }
.knowledge-article__next { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.knowledge-article__next a { display: flex; padding: 1.3rem; flex-direction: column; border: 1px solid var(--unity-line); border-radius: .75rem; background: var(--unity-paper); text-decoration: none; }
.knowledge-article__next a:hover { border-color: var(--unity-green); }
.knowledge-article__next span { margin-bottom: .3rem; color: var(--unity-muted); font-size: .85rem; }
.knowledge-article__contact { margin-top: 1.5rem; font-size: .9rem; }
/* Persoonlijke pagina's en de bestaande gidsen horen bij dezelfde website. */
.site-page--standard .personal-photo { border-radius: .85rem; }
.site-page--standard form { max-width: 720px; }
.site-page--standard :is(input,textarea,select) { max-width: 100%; }
.site-page--preserve :is(.guides-page,.guide-overview,.guide-chapter) { --guide-ink: #2e382f; --guide-muted: #555d50; --guide-green: #3f5e47; --guide-green-dark: #2e4935; --guide-soft: #e8eee1; --guide-line: #dfd7c6; }
.site-page--preserve :is(.guides-hero,.guide-overview__header,.guide-chapter__header) h1 { font-family: Georgia, serif; }
@media (max-width: 800px) {
    .category-hero { grid-template-columns: 1fr; }
    .category-hero__photo { max-width: 420px; }
    .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
    .category-grid, .knowledge-article__next, .article-toc ol { grid-template-columns: 1fr; }
    .category-hero__photo { max-width: none; }
    .knowledge-article__tip { align-items: start; gap: .9rem; }
    .knowledge-article__tip img { flex-basis: 64px; width: 64px; height: 64px; }
    .site-page--standard section .container, .knowledge-article__body section .container { padding-inline: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .site-page * { scroll-behavior: auto !important; transition: none !important; }
}

.knowledge-article__body canvas { max-width: 100%; }

.site-page--standard .category-hero__photo { width: auto; }
.personal-contact-intro { margin-bottom: 2rem; }
.personal-contact-intro > .container { padding: 0; }
.site-page--standard :is(.full-width-section,.weather-hero,.hero-parallax-wrapper) { position: relative !important; left: auto !important; right: auto !important; width: 100% !important; min-height: 0 !important; margin-inline: 0 !important; color: var(--unity-ink) !important; background: var(--unity-paper) !important; border-radius: .9rem; }
.site-page--standard :is(.weather-hero,.hero-parallax-wrapper)::before { display: none !important; }
.site-page--standard :is(.weather-hero,.hero-parallax-wrapper) :is(h2,h3,p,li) { color: var(--unity-ink) !important; }