/* @kpn/style v3.11.9 */
html {
  font-size: 16px;
  scroll-behavior: smooth;
  tab-size: 4;
  width: 100%;
}
body,
html {
  height: 100%;
  line-height: var(--kpn-line-height);
}
body {
  -webkit-font-smoothing: antialiased;
  color: var(--kpn-font-color);
  font-family: var(--kpn-font-family);
  font-feature-settings: none;
  font-size: 16px;
  font-variant-ligatures: none;
}
*,
:after,
:before {
  box-sizing: border-box;
}
* {
  margin: 0;
}
table {
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: var(--kpn-line-height);
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
  appearance: button;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
legend {
  padding: 0;
}
progress {
  vertical-align: initial;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  appearance: none;
}
::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}
.kpn-grid-container {
  display: grid;
  gap: var(--kpn-grid-gutter);
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: var(--kpn-grid-container-gutter);
  padding-right: var(--kpn-grid-container-gutter);
  width: 100%;
}
@font-face {
  font-display: swap;
  font-family: KPN-Metric;
  font-style: normal;
  font-weight: 400;
  src: url(../metric-regular.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: KPN-Metric;
  font-style: normal;
  font-weight: 700;
  src: url(../metric-bold.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: KPN-Metric;
  font-style: normal;
  font-weight: 600;
  src: url(../metric-semibold.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: KPN-Extended;
  font-style: normal;
  font-weight: 100 900;
  src: url(../kpn-extended.woff2) format('woff2');
}
.h1,
h1 {
  color: var(--kpn-heading-1-color);
  font-family: var(--kpn-heading-1-font-family);
  font-size: var(--kpn-heading-1-font-size);
  font-weight: var(--kpn-heading-1-font-weight);
  line-height: var(--kpn-heading-1-line-height);
}
.h2,
h2 {
  color: var(--kpn-heading-2-color);
  font-family: var(--kpn-heading-2-font-family);
  font-size: var(--kpn-heading-2-font-size);
  font-weight: var(--kpn-heading-2-font-weight);
  line-height: var(--kpn-heading-2-line-height);
}
.h3,
h3 {
  color: var(--kpn-heading-3-color);
  font-family: var(--kpn-heading-3-font-family);
  font-size: var(--kpn-heading-3-font-size);
  font-weight: var(--kpn-heading-3-font-weight);
  line-height: var(--kpn-heading-3-line-height);
}
.h4,
h4 {
  color: var(--kpn-heading-4-color);
  font-family: var(--kpn-heading-4-font-family);
  font-size: var(--kpn-heading-4-font-size);
  font-weight: var(--kpn-heading-4-font-weight);
  line-height: var(--kpn-heading-4-line-height);
}
.h5,
h5 {
  color: var(--kpn-heading-5-color);
  font-family: var(--kpn-heading-5-font-family);
  font-size: var(--kpn-heading-5-font-size);
  font-weight: var(--kpn-heading-5-font-weight);
  line-height: var(--kpn-heading-5-line-height);
}
.h6,
h6 {
  color: var(--kpn-heading-6-color);
  font-family: var(--kpn-heading-6-font-family);
  font-size: var(--kpn-heading-6-font-size);
  font-weight: var(--kpn-heading-6-font-weight);
  line-height: var(--kpn-heading-6-line-height);
}
.prose h1 {
  margin: var(--kpn-space) 0 var(--kpn-space-sm);
}
.prose h2,
.prose h3 {
  margin: 0 0 var(--kpn-space-md);
}
.prose h4 {
  margin: 0 0 var(--kpn-space-xs);
}
.prose h5,
.prose h6,
.prose p {
  margin: 0 0 var(--kpn-space-md);
}
.prose ol,
.prose ul {
  margin: 0 0 var(--kpn-space-xl);
}
.prose li p,
.prose ol ol,
.prose ol ul,
.prose ul ol,
.prose ul ul {
  margin: 0;
}
.prose hr {
  border: 1px solid var(--kpn-color-neutral-200);
  margin: 0 0 var(--kpn-space-md);
}
.prose > :last-child {
  margin-bottom: 0;
}
p {
  color: var(--kpn-font-color);
  font-family: var(--kpn-font-family);
  font-size: var(--kpn-font-size);
  font-weight: var(--kpn-font-weight);
  line-height: var(--kpn-line-height);
}
a {
  cursor: pointer;
  -webkit-text-decoration: var(--kpn-link-text-decoration);
  text-decoration: var(--kpn-link-text-decoration);
}
a,
a:visited {
  color: var(--kpn-link-color);
}
a:hover {
  color: var(--kpn-link-hover-color);
  -webkit-text-decoration: var(--kpn-link-hover-text-decoration);
  text-decoration: var(--kpn-link-hover-text-decoration);
}
a:active {
  color: var(--kpn-link-active-color);
}
ol,
ul {
  padding-left: var(--kpn-space-lg);
}
ol li,
ul li {
  color: var(--kpn-font-color);
  display: list-item;
  margin-bottom: var(--kpn-space-2xs);
}
ol li:last-child,
ul li:last-child {
  margin-bottom: 0;
}
label,
legend {
  font-weight: var(--kpn-font-weight-bold, 700);
  margin-bottom: var(--kpn-space-xs, 0.5rem);
}