.demoBanner{padding-block:16px;border-bottom:1px solid var(--border-color,#ddd)}.demoBanner p{margin-block:8px}.demoTry{margin-block:20px;padding:20px;border:1px solid var(--border-color,#ddd);border-radius:12px;background:var(--surface,#fff)}.demoTry summary{cursor:pointer;font-weight:700}.demoTryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:16px}.demoTryGrid label{display:grid;gap:8px}.demoHub{padding-block:32px;min-height:55vh}.demoHub .tzHubGrid{margin-block:24px}.demoTry select{max-width:100%;padding:10px;border-radius:8px}.demoBanner nav{font-size:.9rem}.demoHub dd{margin-bottom:16px}.demoFrozenMap{min-height:360px}.demoFrozenChecks{display:grid;gap:12px}@media(max-width:700px){.siteHeader:has(+.demoBanner) .siteHeaderInner{flex-wrap:wrap}.siteHeader:has(+.demoBanner) .mainNavigation{display:flex;flex-wrap:wrap;position:static;width:100%;gap:12px}.demoTryGrid{grid-template-columns:1fr}.demoBanner,.demoTry{overflow-wrap:anywhere}}

/* Gedeelde breadcrumb binnen de demobanner zonder tweede, ingesprongen container. */
.demoBanner .tzBreadcrumbs.pageWidth{width:100%;max-width:none;padding:8px 0 0;margin:0}