/* Public content stays inside the shared header, with an extra inset on each side. */
body[data-mk-public-layout]{
  --mk-container-max:1440px;
  --mk-container-gutter:80px;
  --mk-content-inset:32px;
}
body[data-mk-public-layout] .mk-header-bar{
  width:min(var(--mk-container-max),calc(100% - var(--mk-container-gutter)));
  max-width:none;
  margin-inline:auto;
}
body[data-mk-public-layout] :is(.wrap,.xp-wrap){
  width:min(calc(var(--mk-container-max) - var(--mk-content-inset)),calc(100% - var(--mk-container-gutter) - var(--mk-content-inset)));
  max-width:none;
  min-width:0;
  margin-inline:auto;
  overflow-wrap:anywhere;
  box-sizing:border-box;
}
@media(max-width:1120px){
  body[data-mk-public-layout] .mk-main-nav{
    width:min(var(--mk-container-max),calc(100% - var(--mk-container-gutter)));
    margin-inline:auto;
  }
}
@media(max-width:620px){
  body[data-mk-public-layout]{--mk-container-gutter:32px;--mk-content-inset:16px}
  body[data-mk-public-layout] .mk-header-bar{gap:7px}
  body[data-mk-public-layout] .mk-header-brand{flex-shrink:1;min-width:0}
}