/* Publieke subpagina's delen de desktopbreedte van de homepage.
   Alleen buitenste kaders verbreden; leeskolommen en formulieren behouden hun maat.
   De accountomgeving en de eigen homepage-opmaak blijven ongemoeid. */
@media (min-width:1081px) {
  body:has(>.kn-nav):not(.kc-home) {
    --public-section-width:1440px;
    --public-gutter:clamp(24px,3vw,48px);
  }
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-inner {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:clamp(20px,2.5vw,40px);
    width:100%;
    max-width:1600px!important;
    padding-inline:var(--public-gutter)!important;
  }
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-logo {justify-self:start;flex-shrink:0}
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-links {justify-self:center;margin-left:0;white-space:nowrap;gap:clamp(6px,.8vw,12px)!important}
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-actions {justify-self:end;margin-left:0}
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-drop-full .nav-mega.kn-panel {width:min(1600px,calc(100vw - 48px))!important;white-space:normal}

  body:has(>.kn-nav):not(.kc-home) .page {padding-inline:var(--public-gutter)}
  body:has(>.kn-nav):not(.kc-home) :is(.hw-shell,.fl-wrap,.ws-shell,.ami-shell,.kv-shell,.cs-shell,.cp-shell,.mm-shell,.rm-shell,.av-shell,.bd-wrap,.bx-wrap,.k-wrap,.ph-shell,.pr-shell,.fq-wrap,.ar-shell,.kad-wrap,.gai-wrap) {
    width:100%;
    max-width:var(--public-section-width);
    margin-inline:auto;
  }
  body:has(>.kn-nav):not(.kc-home) :is(.ct-wrap,.pp-wrap) {max-width:calc(var(--public-section-width) + 48px)}
  body:has(>.kn-nav):not(.kc-home) .page>:is(.card,.card-duo,.hero-videobg,.parallax-section,.ticker-banner,.logos-float,.scroll-float,.hero-duo-wrap) {max-width:var(--public-section-width)}
  body:has(>.kn-nav):not(.kc-home) .blog-section {max-width:calc(var(--public-section-width) + 40px)}
}
@media (min-width:1081px) and (max-width:1280px) {
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-inner {gap:20px;padding-inline:24px!important}
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-links {gap:2px!important}
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-links>a,
  body:has(>.kn-nav):not(.kc-home) .kn-nav .nav-links>.nav-drop>.nav-drop-btn {padding-inline:9px!important}
}