@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  font-family: "Poppins", sans-serif;
}

.heading--x-small {
  /* Heading/xsmall — 16px */
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em;
  font-style: normal;
}
.heading--small, .o-single-article__content h4 {
  /* Heading/small — 18px */
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  font-style: normal;
}
.heading--medium, .o-single-article__content h4, .m-summary__title {
  /* Heading/medium — 20px */
  font-family: "Poppins", sans-serif;
  font-size: 2rem !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.4px;
}
.heading--large, .o-single-article__content h3 {
  /* Heading/large — 24px */
  font-family: "Poppins", sans-serif;
  font-size: 2.4rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  font-style: normal;
}
.heading--x-large, .o-single-article__content h1, .o-single-article__content h2:not(.m-summary__title) {
  /* Heading/xlarge — 28px */
  font-family: "Poppins", sans-serif;
  font-size: 2.8rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  font-style: normal;
}

.body--xs, .body--x-small {
  /* Body/xsmall — 12px */
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.24px;
}
.body--small, .o-single-article__content .wp-block-quote > p:last-child {
  /* Body/small — 14px */
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.body--small-emphasis {
  /* Body/small — 14px, weight-emphasis */
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.body--base, .o-single-article__content p, .o-single-article__content .wp-block-quote > p:nth-last-child(2), .m-summary__text p {
  /* Body/base — 16px */
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.body--base-emphasis {
  /* Body/base — 16px, weight-emphasis */
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.body--large {
  /* Body/large — 18px */
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.body--large-emphasis {
  /* Body/large — 18px, weight-emphasis */
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

.label--xsmall {
  /* Label/xsmall — 12px */
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
.label--xsmall-emphasis {
  /* Label/xsmall — 12px, weight-emphasis */
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}
.label--small, .m-breadcrumbs__link, .m-breadcrumbs__current, .c-button--navigation .c-button__label, button.c-toggle-more__button, .c-link, .c-link.c-link--external, button.c-link--external.c-toggle-more__button {
  /* Label/small — 14px */
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
.label--small-emphasis {
  /* Label/small — 14px, weight-emphasis */
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}
.label--base, .c-image__badge, .c-button__label {
  /* Label/base — 16px */
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  line-height: 120% !important; /* 19.2px */
}
.label--base-emphasis {
  /* Label/base — 16px, weight-emphasis */
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  line-height: 120% !important; /* 19.2px */
}
.label--large {
  /* Label/large — 18px */
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
.label--large-emphasis {
  /* Label/large — 18px, weight-emphasis */
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.quote--small {
  /* Quote/small — 16px, identyczne desktop/mobile */
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem;
  font-style: italic;
}
.quote--medium, .o-single-article__content .wp-block-quote > p {
  /* Quote/medium */
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.4px;
}
.quote--large {
  /* Quote/large — 28px desktop / 20px mobile */
  font-family: "Poppins", sans-serif;
  font-size: clamp(2rem, 1.73rem + 0.83vw, 2.8rem);
  font-style: italic;
  letter-spacing: -0.4px;
}

.display--small {
  /* Display/small — 24px, identyczne desktop/mobile */
  font-family: "Poppins", sans-serif;
  font-size: 2.4rem !important;
  font-style: normal;
  font-weight: 600 !important;
}
.display--medium {
  /* Display/medium — 32px desktop / 28px mobile */
  font-family: "Poppins", sans-serif;
  font-size: clamp(2.8rem, 2.67rem + 0.42vw, 3.2rem) !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.display--large {
  /* Display/large — 40px desktop / 32px mobile */
  font-family: "Poppins", sans-serif;
  font-size: clamp(3.2rem, 2.93rem + 0.83vw, 4rem) !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.8px;
}
.display--x-large {
  /* Display/x-large — 56px desktop / 40px mobile  */
  font-family: "Poppins", sans-serif;
  font-size: clamp(4rem, 3.47rem + 1.67vw, 5.6rem) !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -1.12px;
}

:root {
  --surface-surface: #fff;
  --surface-surface-dim: #fbfcff;
  --surface-surface-container-lowest: #fff;
  --surface-surface-container-low: #F7F9FF;
  --surface-surface-container: #F1F3F9;
  --surface-surface-container-high: #ECEEF4;
  --surface-surface-container-highest: #E0E2E8;
  --surface-on-surface: #191c1e;
  --surface-on-surface-variant: #44474a;
  --surface-on-surface-muted: #8e9194;
  --add-on-scrim: #2d3133;
  --add-on-shadow: rgba(62, 72, 78, 0.25);
  --add-on-shadow-2: rgba(62, 72, 78, 0.4);
  --inverse-inverse-surface: #191c1e;
  --inverse-inverse-on-surface: #fff;
  --inverse-inverse-on-surface-variant: #e9ebee;
  --inverse-inverse-on-surface-muted: #8e9194;
  --inverse-inverse-primary: #76d1ff;
  --primary-primary: #001e2b;
  --primary-on-primary: #fff;
  --primary-primary-container: #e2f3ff;
  --primary-on-primary-container: #003548;
  --primary-graphic-primary: #d5efff;
  --primary-graphic-primary-variant: #389ac6;
  --secondary-secondary: #556edf;
  --secondary-secondary-hover: #1c3aac;
  --secondary-secondary-active: #001257;
  --secondary-on-secondary: #fff;
  --secondary-secondary-container: #dde1ff;
  --secondary-on-secondary-container: #001257;
  --secondary-graphic-secondary: #b9c3ff;
  --secondary-graphic-secondary-variant: #7088fb;
  --tertiary-tertiary: #389ac6;
  --tertiary-on-tertiary: #fff;
  --tertiary-tertiary-container: #c2e8ff;
  --tertiary-on-tertiary-container: #003548;
  --tertiary-graphic-tertiary: #c2e8ff;
  --tertiary-graphic-tertiary-variant: #389ac6;
  --outline-outline: #A9ABB1;
  --outline-outline-subtle: #E0E2E8;
  --outline-outline-strong: #74777C;
  --error-error: #ae3029;
  --error-on-error: #fff;
  --error-error-container: #ffdad6;
  --error-on-error-container: #690005;
  --success-success: #006c4b;
  --success-on-success: #fff;
  --success-success-container: #bdffdd;
  --success-on-success-container: #003826;
  --warning-warning: #82781f;
  --warning-on-warning: #fff;
  --warning-warning-container: #fff39b;
  --warning-on-warning-container: #363100;
  --info-info: #556edf;
  --surface-section-tint: #F7F9FF;
  --info-on-info: #fff;
  --info-info-container: #f0efff;
  --info-on-info-container: #001257;
  --utilities: #556edf;
}

[data-theme=default] {
  --surface-surface: #fff;
  --surface-surface-dim: #fbfcff;
  --surface-surface-container-lowest: #fff;
  --surface-surface-container-low: #F7F9FF;
  --surface-surface-container: #F1F3F9;
  --surface-surface-container-high: #ECEEF4;
  --surface-surface-container-highest: #E0E2E8;
  --surface-on-surface: #191c1e;
  --surface-on-surface-variant: #44474a;
  --surface-on-surface-muted: #8e9194;
  --add-on-scrim: #2d3133;
  --add-on-shadow: rgba(62, 72, 78, 0.25);
  --add-on-shadow-2: rgba(62, 72, 78, 0.4);
  --inverse-inverse-surface: #191c1e;
  --inverse-inverse-on-surface: #fff;
  --inverse-inverse-on-surface-variant: #e9ebee;
  --inverse-inverse-on-surface-muted: #8e9194;
  --inverse-inverse-primary: #76d1ff;
  --primary-primary: #001e2b;
  --primary-on-primary: #fff;
  --primary-primary-container: #e2f3ff;
  --primary-on-primary-container: #003548;
  --primary-graphic-primary: #d5efff;
  --primary-graphic-primary-variant: #389ac6;
  --secondary-secondary: #556edf;
  --secondary-secondary-hover: #1c3aac;
  --secondary-secondary-active: #001257;
  --secondary-on-secondary: #fff;
  --secondary-secondary-container: #dde1ff;
  --secondary-on-secondary-container: #001257;
  --secondary-graphic-secondary: #b9c3ff;
  --secondary-graphic-secondary-variant: #7088fb;
  --tertiary-tertiary: #389ac6;
  --tertiary-on-tertiary: #fff;
  --tertiary-tertiary-container: #c2e8ff;
  --tertiary-on-tertiary-container: #003548;
  --tertiary-graphic-tertiary: #c2e8ff;
  --tertiary-graphic-tertiary-variant: #389ac6;
  --outline-outline: #A9ABB1;
  --outline-outline-subtle: #E0E2E8;
  --outline-outline-strong: #74777C;
  --error-error: #ae3029;
  --error-on-error: #fff;
  --error-error-container: #ffdad6;
  --error-on-error-container: #690005;
  --success-success: #006c4b;
  --success-on-success: #fff;
  --success-success-container: #bdffdd;
  --success-on-success-container: #003826;
  --warning-warning: #82781f;
  --warning-on-warning: #fff;
  --warning-warning-container: #fff39b;
  --warning-on-warning-container: #363100;
  --info-info: #556edf;
  --surface-section-tint: #F7F9FF;
  --info-on-info: #fff;
  --info-info-container: #f0efff;
  --info-on-info-container: #001257;
  --utilities: #556edf;
}

[data-theme=cyan] {
  --add-on-shadow: #2d3133;
  --add-on-shadow-2: #2d3133;
  --surface-surface-dim: #fbfcff;
  --surface-section-tint: #e8f5ff;
  --surface-surface-container-low: #f5faff;
  --surface-surface-container: #e8f5ff;
  --surface-surface-container-high: #d5efff;
  --surface-surface-container-highest: #c2e8ff;
  --inverse-inverse-surface: #003548;
  --inverse-inverse-on-surface-variant: #d5efff;
  --primary-primary: #004d67;
  --primary-on-primary-container: #004d67;
  --primary-graphic-primary: #c2e8ff;
}

[data-theme=jade] {
  --add-on-shadow: #2d3133;
  --add-on-shadow-2: #2d3133;
  --surface-surface-dim: #f3fffa;
  --surface-section-tint: #E4F8F6;
  --surface-surface-container-low: #e5fff7;
  --surface-surface-container: #c7fff0;
  --surface-surface-container-high: #abfae7;
  --surface-surface-container-highest: #a3f2de;
  --inverse-inverse-surface: #00201a;
  --inverse-inverse-primary: #87d5c2;
  --primary-primary: #106a5b;
  --primary-primary-container: #a3f2de;
  --primary-on-primary-container: #005144;
  --primary-graphic-primary: #a3f2de;
  --primary-graphic-primary-variant: #509e8d;
}

[data-theme=indigo] {
  --add-on-shadow: #2d3133;
  --add-on-shadow-2: #2d3133;
  --surface-surface-dim: #fffbff;
  --surface-section-tint: #F2EFFF;
  --surface-surface-container-low: #fcf8ff;
  --surface-surface-container: #f2efff;
  --surface-surface-container-high: #ebe9ff;
  --surface-surface-container-highest: #e1dfff;
  --inverse-inverse-surface: #6a6bd5;
  --inverse-inverse-primary: #c1c1ff;
  --primary-primary: #201c8a;
  --primary-primary-container: #e1dfff;
  --primary-on-primary-container: #3838a1;
  --primary-graphic-primary: #e1dfff;
  --primary-graphic-primary-variant: #8485f1;
}

[data-theme=yellow] {
  --add-on-shadow: #2d3133;
  --add-on-shadow-2: #2d3133;
  --surface-surface-dim: #fffbff;
  --surface-section-tint: #FAFAF4;
  --surface-surface-container-low: #fff9e7;
  --surface-surface-container: #fff5b6;
  --surface-surface-container-high: #fff39b;
  --surface-surface-container-highest: #fbed88;
  --inverse-inverse-surface: #1f1c00;
  --inverse-inverse-on-surface-muted: #000;
  --inverse-inverse-primary: #f2e580;
  --primary-primary: #1f1c00;
  --primary-primary-container: #f2e580;
  --primary-on-primary-container: #4f4800;
  --primary-graphic-primary: #f2e580;
  --primary-graphic-primary-variant: #9d9238;
}

[data-theme=sopot] {
  --surface-surface-dim: #fafaf4;
  --surface-surface-container-low: #fafaf4;
  --surface-surface-container: #f4f4ee;
  --surface-surface-container-high: #ebebe5;
  --surface-surface-container-highest: #e3e3dd;
  --surface-on-surface-muted: #74777a;
  --inverse-inverse-surface: #c2e8ff;
  --inverse-inverse-on-surface: #001e2b;
  --inverse-inverse-on-surface-variant: #004d67;
  --inverse-inverse-on-surface-muted: #000;
  --inverse-inverse-primary: #3a54c4;
  --primary-primary: #006688;
  --primary-primary-container: #c2e8ff;
  --primary-on-primary-container: #004d67;
  --primary-graphic-primary: #76d1ff;
}

:root {
  /* Kolory podstawowe */
  --color-primary: #199ACC;
  --color-primary-hover: #1580b0;
  --color-primary-light: #22B3E8;
  --color-primary-dark: #125F81;
  --color-white: #FFFFFF;
  --color-background: #F9F8F7;
  --color-text: #505050;
  --color-link-default: #167FAA;
  --cool-gray-700: #1F2937;
  /* Tekst */
  --color-heading: #050709;
  --color-body: #374151;
  --color-muted: #626573;
  /* Cienie */
  --shadow-primary: rgba(25, 154, 204, 0.3);
  /* Kurs — schematy kolorów (5 wariantów) */
  /* 1 — Niebieski */
  --kurs-1-surface-light: #e8f4fa;
  --kurs-1-surface-dim: #dcedf5;
  --kurs-1-surface-base: #f0f7fb;
  --kurs-1-dot: #3b82f6;
  /* 2 — Zielony */
  --kurs-2-surface-light: #e5f5f0;
  --kurs-2-surface-dim: #d8ede8;
  --kurs-2-surface-base: #eef7f4;
  --kurs-2-dot: #22c55e;
  /* 3 — Indygo */
  --kurs-3-surface-light: #eae6f4;
  --kurs-3-surface-dim: #ddd8ed;
  --kurs-3-surface-base: #f0edf6;
  --kurs-3-dot: #8b5cf6;
  /* 4 — Żółty */
  --kurs-4-surface-light: #faf5e4;
  --kurs-4-surface-dim: #f0ead6;
  --kurs-4-surface-base: #f8f5eb;
  --kurs-4-dot: #eab308;
  /* 5 — Domyślny (neutralny) */
  --kurs-5-surface-light: #f9fafc;
  --kurs-5-surface-dim: #f2f4fa;
  --kurs-5-surface-base: #ffffff;
  --kurs-5-dot: #374151;
  /* akcent (eyebrow, linki) per schemat */
  --kurs-1-accent: #199acc;
  --kurs-2-accent: #188d78;
  --kurs-3-accent: #4338ca;
  --kurs-4-accent: #a16207;
  --kurs-5-accent: #626573;
  /* surface-inverse (ciemna karta) per schemat */
  --kurs-1-surface-inverse: #0d405a;
  --kurs-2-surface-inverse: #093627;
  --kurs-3-surface-inverse: #2a2768;
  --kurs-4-surface-inverse: #422a0f;
  --kurs-5-surface-inverse: #0A0E14;
  /* tekst na ciemnej karcie per schemat */
  --kurs-1-text-secondary-inverse: #d6f3fc;
  --kurs-2-text-secondary-inverse: #e0f7f4;
  --kurs-3-text-secondary-inverse: #e0e7ff;
  --kurs-4-text-secondary-inverse: #e4e7f0;
  --kurs-5-text-secondary-inverse: #cbd5e1;
  --m3-secondary-seconadry: var(--cool-gray-700) ;
}

:root {
  --layout-spacing-section-padding-48-32: 4.8rem 0;
  --spacing-layout-padding-container-32-24: 3.2rem 2.4rem;
}
@media (max-width: 767.98px) {
  :root {
    --layout-spacing-section-padding-48-32: 3.2rem 1.6rem;
  }
}

:root {
  --spacing-max-width-full: 128rem;
}

.column--container {
  width: 100%;
  max-width: 128rem;
  margin-inline: auto;
  padding: var(--layout-spacing-section-padding-48-32);
  box-sizing: border-box;
}

.column--width-12 {
  max-width: 128rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .column--width-10 {
    max-width: 106rem !important;
    gap: 3.2rem;
    margin-inline: auto !important;
  }
}
.column--full-bleed {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  background-color: var(--column-background-color, transparent);
}
.column--background-content {
  background-color: var(--column-background-color, transparent);
}
.column--center {
  justify-content: center;
}
.column--v-center, .column--v-center.wp-block-columns {
  align-items: center !important;
}

.wp-block-columns-is-layout-flex {
  padding: var(--layout-spacing-section-padding-48-32);
}

@media (max-width: 767.98px) {
  .wp-block-column .wp-block-image {
    padding: 0 1.6rem;
    aspect-ratio: 34/45;
  }
}

.c-link, button.c-toggle-more__button {
  color: var(--secondary-secondary) !important;
  text-decoration: none !important;
  cursor: pointer;
}
.c-link:hover, button.c-toggle-more__button:hover, .c-link:focus-visible, button.c-toggle-more__button:focus-visible {
  color: var(--secondary-secondary-hover) !important;
}
.c-link:active, button.c-toggle-more__button:active {
  color: var(--secondary-secondary-active) !important;
}

.c-link, button.c-toggle-more__button {
  display: inline-flex;
  padding: 0;
  width: fit-content;
  max-width: 100%;
  background: none;
  border: 0;
  transition: color 150ms ease, gap 150ms ease;
}
.c-link:focus-visible, button.c-toggle-more__button:focus-visible {
  outline: 2px solid #2F5363;
  outline-offset: 2px;
  border-radius: 2px;
}
.c-link:not(.c-link--external) .c-link__icon, button.c-toggle-more__button:not(.c-link--external) .c-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}
.c-link:not(.c-link--external) .c-link__icon svg, button.c-toggle-more__button:not(.c-link--external) .c-link__icon svg {
  width: 2rem;
  height: 2rem;
  fill: currentColor !important;
}
.c-link.c-link--external, button.c-link--external.c-toggle-more__button {
  color: var(--secondary-secondary) !important;
  align-items: center;
}
.c-link.c-link--external svg, button.c-link--external.c-toggle-more__button svg {
  position: relative;
  bottom: -0.3rem;
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}
.c-link--icon-right, .c-link--icon-left {
  gap: 0.3rem;
  align-items: center;
}
.c-link--icon-right {
  flex-direction: row;
}
.c-link--icon-right .c-link__icon {
  transition: transform 150ms ease;
}
.c-link--icon-right .c-link__icon:after {
  transform: scaleX(-1);
}
.c-link--icon-right:hover .c-link__icon, .c-link--icon-right:focus-visible .c-link__icon {
  transform: translateX(0.3rem);
}
.c-link--icon-right:active .c-link__icon {
  transform: translateX(0.6rem);
}
.c-link--icon-left {
  flex-direction: row-reverse;
}
.c-link--inline {
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 400;
}
.c-link--disabled, .c-link:disabled, button.c-toggle-more__button:disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.c-link--current[aria-current=page] {
  font-weight: 700;
  text-decoration: underline;
}

.c-button {
  --_btn-bg: var(--surface-on-surface);
  --_btn-color: var(--surface-surface);
  --_btn-outline-color: transparent;
  display: inline-flex;
  padding: 1.6rem !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 1.2rem;
  text-align: center;
  text-decoration: none !important;
  /* button shadow */
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 10px -1px rgba(0, 0, 0, 0.05);
  transition: color 150ms ease, background-color 150ms ease, border 150ms ease, box-shadow 150ms ease;
  border: 0 solid var(--_btn-outline-color) !important;
  background: var(--_btn-bg) !important;
  color: var(--_btn-color) !important;
}
.c-button:hover {
  box-shadow: inset 0 0 0 100px color-mix(in srgb, var(--_btn-color) 8%, transparent);
}
.c-button:focus-visible {
  box-shadow: inset 0 0 0 100px color-mix(in srgb, var(--_btn-color) 12%, transparent);
}
.c-button:active {
  box-shadow: inset 0 0 0 100px color-mix(in srgb, var(--_btn-color) 12%, transparent);
}
.c-button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}
.c-button__icon svg {
  width: 100%;
  height: 100%;
}
.c-button--icon-left {
  flex-direction: row;
}
.c-button--icon-left .c-button__icon {
  margin-left: -0.4rem;
}
.c-button--icon-right {
  flex-direction: row;
}
.c-button--icon-right .c-button__icon {
  margin-right: -0.4rem;
}
.c-button--primary, .o-single-article__content .wp-block-button__link {
  --_btn-bg: var(--primary-primary);
  --_btn-color: var(--primary-on-primary);
}
.c-button--secondary {
  border-width: 0.1rem !important;
  --_btn-bg: transparent;
  --_btn-color: var(--primary-primary);
  --_btn-outline-color: var(--primary-primary);
}
.c-button--accent {
  --_btn-bg: var(--primary-primary-container);
  --_btn-color: var(--primary-on-primary-container);
  --_btn-outline-color: var(--outline-outline-subtle);
}
.c-button--accent:hover {
  --_btn-outline-color: var(--primary-on-primary-container);
}
.c-button--accent:active {
  --_btn-outline-color: var(--outline-outline-subtle, #DAE4EC);
}
.c-button--no-shadow {
  box-shadow: none !important;
}
.c-button--disabled, .c-button:disabled {
  border: 0;
  --_btn-bg: color-mix(in srgb, var(--on-surface) 12%, transparent) !important;
  --_btn-color: color-mix(in srgb, var(--on-surface) 38%, transparent) !important;
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
}

button.c-toggle-more__button {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  align-self: stretch;
  border: none !important;
  margin-top: 1rem;
  padding: 0;
}
button.c-toggle-more__button .c-toggle-more__icon {
  height: 2.4rem;
  transform: rotate(0deg);
  transition: transform 0.2s;
  transition-delay: 150ms;
}
button.c-toggle-more__button .c-toggle-more__icon svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: currentColor;
}
button.c-toggle-more__button:hover, button.c-toggle-more__button:focus {
  background: none !important;
}
button.c-toggle-more__button.is-open .c-toggle-more__icon {
  transform: rotate(180deg);
}

.c-image {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--radius-l, 2rem);
  box-shadow: 0 0.2rem 2rem 0 rgba(23, 165, 220, 0.1);
}
.c-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.c-image--3-4 {
  aspect-ratio: 0.75;
}
.c-image--3-4.c-image--small {
  width: 405px;
  height: 540px;
  max-width: 405px;
  max-height: 540px;
}
@media (width <= calc(405px + 3.2rem)) {
  .c-image--3-4.c-image--small {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--3-4.c-image--base {
  width: 515px;
  height: 687px;
  max-width: 515px;
  max-height: 687px;
}
@media (width <= calc(515px + 3.2rem)) {
  .c-image--3-4.c-image--base {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--3-4.c-image--large {
  width: 620px;
  height: 827px;
  max-width: 620px;
  max-height: 827px;
}
@media (width <= calc(620px + 3.2rem)) {
  .c-image--3-4.c-image--large {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--4-3 {
  aspect-ratio: 1.3333333333;
}
.c-image--4-3.c-image--small {
  width: 405px;
  height: 303px;
  max-width: 405px;
  max-height: 303px;
}
@media (width <= calc(405px + 3.2rem)) {
  .c-image--4-3.c-image--small {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--4-3.c-image--base {
  width: 515px;
  height: 386px;
  max-width: 515px;
  max-height: 386px;
}
@media (width <= calc(515px + 3.2rem)) {
  .c-image--4-3.c-image--base {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--4-3.c-image--large {
  width: 620px;
  height: 465px;
  max-width: 620px;
  max-height: 465px;
}
@media (width <= calc(620px + 3.2rem)) {
  .c-image--4-3.c-image--large {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--1-1 {
  aspect-ratio: 1.3333333333;
}
.c-image--1-1.c-image--small {
  width: 405px;
  height: 405px;
  max-width: 405px;
  max-height: 405px;
}
@media (width <= calc(405px + 3.2rem)) {
  .c-image--1-1.c-image--small {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--1-1.c-image--base {
  width: 515px;
  height: 515px;
  max-width: 515px;
  max-height: 515px;
}
@media (width <= calc(515px + 3.2rem)) {
  .c-image--1-1.c-image--base {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image--1-1.c-image--large {
  width: 620px;
  height: 620px;
  max-width: 620px;
  max-height: 620px;
}
@media (width <= calc(620px + 3.2rem)) {
  .c-image--1-1.c-image--large {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none;
  }
}
.c-image__badge {
  position: absolute;
  bottom: 1.4rem;
  left: 1.4rem;
  z-index: 1;
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  padding: 0.8rem;
  border-radius: 1.2rem;
  background: var(--surface-surface-container);
  color: var(--surface-on-surface) !important;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 10px -1px rgba(0, 0, 0, 0.05);
}
.c-image__badge svg {
  width: 2rem;
  height: 2rem;
  fill: currentcolor;
}
.c-image a.c-image__badge {
  cursor: pointer;
}

/* ==========================================================================
   m-breadcrumbs — molekuła (node Figma 4012:4382)
   ========================================================================== */
.m-breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.6rem 2.4rem;
  background: var(--surface-surface);
}

.m-breadcrumbs__list {
  display: flex;
  flex: 1 0 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  max-width: 128rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.m-breadcrumbs__link {
  color: var(--surface-on-surface) !important;
  font-weight: 500;
  text-decoration: none;
}
.m-breadcrumbs__link:hover {
  text-decoration: underline;
}

.m-breadcrumbs__current {
  color: var(--surface-on-surface-muted);
}

.m-breadcrumbs__separator {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  fill: var(--tertiary-tertiary);
}

.m-summary {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 2.4rem;
  border-radius: 2rem;
  background: var(--surface-surface-container-high);
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767.98px) {
  .m-summary {
    padding: 2rem 1.6rem;
  }
}
.m-summary__title {
  color: var(--surface-on-surface);
}
.m-summary__list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.m-summary__item {
  position: relative;
  padding-left: 1.2rem;
}
.m-summary__item::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--surface-on-surface);
}
.m-summary__text p {
  color: var(--surface-on-surface);
}
.m-summary__text p:last-child {
  margin-bottom: 0;
}

.o-single-article article {
  display: flex;
  flex-flow: column wrap;
  gap: 4.8rem;
  font-size: 1.6rem;
}
@media (max-width: 767.98px) {
  .o-single-article article {
    gap: 1.6rem;
  }
}
.o-single-article__content-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  width: fit-content;
  gap: 9.6rem;
  max-width: 128rem;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .o-single-article__content-wrapper {
    flex-flow: column wrap;
    max-width: 100%;
    padding: 0 1.6rem;
    margin: 0;
  }
}
.o-single-article__content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  max-width: 72rem;
}
.o-single-article__content .jv-tag-banner {
  margin: 0;
}
.o-single-article__content p {
  margin-block-end: 0;
  overflow-wrap: anywhere;
}
.o-single-article__content h1, .o-single-article__content h2, .o-single-article__content h3, .o-single-article__content h4, .o-single-article__content h5, .o-single-article__content h6 {
  margin-block-end: 0;
  margin-block-start: 0;
}
.o-single-article__content h1 + p, .o-single-article__content h2 + p, .o-single-article__content h3 + p, .o-single-article__content h4 + p, .o-single-article__content h5 + p, .o-single-article__content h6 + p {
  margin-block-start: -0.8rem;
}
.o-single-article__content .wp-block-quote {
  display: flex;
  padding: 3.2rem 2.4rem;
  margin: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-layout-gap-32-16, 32px);
  align-self: stretch;
  border-radius: var(--radius-L, 20px);
  background: var(--surface-surface-container-low);
}
.o-single-article__content .wp-block-quote > p {
  color: var(--surface-on-surface);
}
.o-single-article__content .wp-block-quote > p:last-child {
  letter-spacing: 0.24px;
  color: var(--surface-on-surface-muted);
}
.o-single-article__content .wp-block-quote > p:nth-last-child(2) {
  color: var(--surface-on-surface-variant);
}
.o-single-article__content .blok206-container {
  padding: 0;
}
.o-single-article__content:last-child {
  margin-bottom: 2.4rem;
}
.o-single-article .author-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.6rem;
  align-self: stretch;
  padding: 1.6rem 2.4rem;
  border-radius: 2rem;
  background: var(--surface-surface-container-low);
}
.o-single-article .author-box img {
  width: 5.3rem;
  min-width: 5.3rem;
  height: 5.3rem;
  border-radius: 100%;
}
.o-single-article .author-box__content {
  display: flex;
  flex-direction: column;
}
.o-single-article .author-box__content .author-box__role {
  color: var(--surface-on-surface-muted);
}
.o-single-article .author-box__content .author-box__name, .o-single-article .author-box__content .author-box__description {
  color: var(--surface-on-surface);
}
.o-single-article .cbt-google-pref__bottom-spacer p {
  font-size: 1.4rem !important;
}

@media (max-width: 767.98px) {
  .o-simple-item-slider {
    max-width: 100%;
  }
}