/* GENERATED by frontend/scripts/sync-v2-assets.mjs. Do not edit. */
/* Profile: licensed-production. PRODUCTION: owner-approved self-hosted CCISans package. */
@layer reset, tokens, base, layout, components, scopes, utilities;

/* source: src/foundations/reset.css */
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }

  ul,
  ol {
    margin-block: 0;
  }

  img,
  picture,
  svg,
  video,
  canvas {
    display: block;
    max-inline-size: 100%;
  }

  img,
  video {
    block-size: auto;
  }

  button,
  input,
  select,
  textarea {
    color: inherit;
    font: inherit;
  }

  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    cursor: pointer;
  }
}

/* source: src/foundations/fonts.css */
@layer tokens {
  @font-face {
    font-family: "CCISans";
    src: url("/css/cci-v2/fonts/CCI-Light.woff") format("woff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
  }

  @font-face {
    font-family: "CCISans";
    src: url("/css/cci-v2/fonts/CCI-LightItal.woff") format("woff");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
  }

  @font-face {
    font-family: "CCISans";
    src: url("/css/cci-v2/fonts/CCI-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
  }

  @font-face {
    font-family: "CCISans";
    src: url("/css/cci-v2/fonts/CCI-Italic.woff") format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
  }

  @font-face {
    font-family: "CCISans";
    src: url("/css/cci-v2/fonts/CCI-SemiBold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
  }

  @font-face {
    font-family: "CCISans";
    src: url("/css/cci-v2/fonts/CCI-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
  }
}

/* source: src/foundations/tokens.css */
@layer tokens {
  :root {
    color-scheme: light;

    /* EXACT: solid colors sampled from the two authoritative V2 PNGs/assets. */
    --cci-color-navy: #092a4c;
    --cci-color-navy-deep: #052342;
    --cci-color-consultation-ink: #021e3b;
    --cci-color-pink: #fa0d50;
    --cci-color-green: #1ae18f;
    --cci-color-warm: #f5f2ee;
    --cci-color-rating: #e9e5e1;
    --cci-color-paper: #fff;
    --cci-color-ink: #1a1a1a;
    --cci-color-muted-warm: #66635e;
    --cci-color-muted-review: #74706b;
    --cci-color-link: #0f7ee5;
    --cci-color-link-text: var(--cci-color-link);
    --cci-color-footer-rule: #1b3858;
    --cci-color-footer-social: #597697;

    /* HIGH-CONFIDENCE: repeated raster use, but not encoded design tokens. */
    --cci-color-metadata: #aeaeae;
    --cci-color-footer-text: #a5bfd9;
    --cci-radius-common: 15px;
    --cci-section-space: 80px;

    /* EXACT: measured desktop composition geometry in native PNG pixels. */
    --cci-layout-wide: 1428px;
    --cci-layout-two: 1426px;
    --cci-layout-three: 1427px;
    --cci-layout-two-column: 693px;
    --cci-layout-three-column: 449px;
    --cci-layout-gap: 40px;
    --cci-layout-content-main: 900px;
    --cci-layout-content-gap: 57px;
    --cci-layout-content-aside: 449px;
    --cci-layout-content-inset: 20px;

    /* ESTIMATED: CSS sizes inferred from rasterized glyphs; desktop targets only. */
    --cci-type-hero-size: 60px;
    --cci-type-hero-line: 66px;
    --cci-type-page-title-size: 50px;
    --cci-type-page-title-line: 60px;
    --cci-type-section-size: 40px;
    --cci-type-section-line: 50px;
    --cci-type-card-size: 24px;
    --cci-type-card-line: 30px;
    --cci-type-body-size: 20px;
    --cci-type-body-line: 34px;
    --cci-type-mission-line: 38px;
    --cci-type-lead-size: 18px;
    --cci-type-lead-line: 27px;
    --cci-type-eyebrow-size: 14px;
    --cci-type-eyebrow-line: 18px;
    --cci-type-meta-size: 16px;
    --cci-type-meta-line: 24px;
    --cci-type-metric-size: 36px;
    --cci-type-metric-line: 44px;
    --cci-type-quote-size: 18px;
    --cci-type-quote-line: 26px;

    /* ENGINEERING: accessibility and narrow-layout behaviour, not PNG values. */
    --cci-font-family: "CCISans", Arial, sans-serif;
    --cci-focus-color: var(--cci-color-pink);
    --cci-focus-width: 3px;
    --cci-focus-offset: 3px;
    --cci-page-gutter: 32px;
    --cci-page-gutter-narrow: 20px;
  }
}

/* source: src/foundations/elements.css */
@layer base {
  :root {
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    font-family: var(--cci-font-family);
    font-size: 100%;
    font-synthesis: style;
    line-height: 1.5;
  }

  body {
    min-inline-size: 0;
    background: var(--cci-color-paper);
  }

  h1,
  h2,
  h3,
  h4 {
    color: inherit;
    font-weight: 700;
    text-wrap: balance;
  }

  p,
  li,
  dd {
    overflow-wrap: break-word;
  }

  a {
    color: var(--cci-color-link-text);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
  }

  a:hover {
    text-decoration-line: none;
  }

  :where(a, button, input, select, textarea, summary):focus-visible {
    outline: var(--cci-focus-width) solid var(--cci-focus-color);
    outline-offset: var(--cci-focus-offset);
  }

  ::selection {
    color: var(--cci-color-paper);
    background: var(--cci-color-navy);
  }
}

/* source: src/foundations/layout.css */
@layer layout {
  .l-wide-shell {
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), var(--cci-layout-wide));
    margin-inline: auto;
  }

  .l-grid-two,
  .l-grid-three,
  .l-content-grid {
    display: grid;
    min-inline-size: 0;
  }

  .l-grid-two {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--cci-layout-gap);
    inline-size: min(100%, var(--cci-layout-two));
    margin-inline: auto;
  }

  .l-grid-three {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--cci-layout-gap);
    inline-size: min(100%, var(--cci-layout-three));
    margin-inline: auto;
  }

  .l-content-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--cci-layout-gap);
    inline-size: 100%;
  }

  .l-flow > * + * {
    margin-block-start: var(--l-flow-space, 1.5rem);
  }

  .l-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l-cluster-gap, 1rem);
    align-items: var(--l-cluster-align, center);
  }

  .l-section {
    padding-block: var(--cci-section-space);
  }

  @media (min-width: 640px) {
    .l-grid-three {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 960px) {
    .l-grid-two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 1280px) {
    .l-grid-three {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .l-content-grid {
      grid-template-columns: minmax(0, 900fr) minmax(0, 449fr);
      column-gap: var(--cci-layout-content-gap);
      row-gap: var(--cci-layout-gap);
      inline-size: calc(100% - var(--cci-layout-content-inset));
      max-inline-size: calc(
        var(--cci-layout-content-main) + var(--cci-layout-content-gap) + var(--cci-layout-content-aside)
      );
      margin-inline-start: var(--cci-layout-content-inset);
    }
  }

  @media (max-width: 639px) {
    .l-wide-shell {
      inline-size: min(calc(100% - (2 * var(--cci-page-gutter-narrow))), var(--cci-layout-wide));
    }

    .l-section {
      padding-block: 48px;
    }
  }
}

/* source: src/foundations/utilities.css */
@layer utilities {
  .u-visually-hidden {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    border: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .u-skip-link {
    position: fixed;
    z-index: 1000;
    inset-block-start: 8px;
    inset-inline-start: 8px;
    padding: 10px 14px;
    color: var(--cci-color-navy);
    background: var(--cci-color-paper);
    transform: translateY(-160%);
  }

  .u-skip-link:focus {
    transform: none;
  }

  .u-eyebrow {
    color: var(--cci-color-navy);
    font-size: var(--cci-type-eyebrow-size);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: var(--cci-type-eyebrow-line);
    text-decoration-color: var(--cci-color-pink);
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 5px;
    text-transform: uppercase;
  }

  .u-eyebrow--on-dark {
    color: var(--cci-color-paper);
  }

  .u-section-heading {
    font-size: var(--cci-type-section-size);
    font-weight: 700;
    line-height: var(--cci-type-section-line);
  }

  .u-button {
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 20px;
    border: 2px solid transparent;
    border-radius: var(--cci-radius-common);
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
  }

  .u-button--solid {
    color: var(--cci-color-paper);
    background: var(--cci-color-navy);
  }

  .u-button--outline {
    border-color: var(--cci-color-pink);
    color: var(--cci-color-navy);
    background: transparent;
  }

  .u-text-link {
    color: var(--cci-color-link-text);
    text-decoration-line: none;
  }

  .u-text-link:hover,
  .u-text-link:focus-visible {
    text-decoration-line: underline;
  }

  .u-full-width {
    inline-size: 100%;
  }

  @media (max-width: 639px) {
    .u-section-heading {
      font-size: 32px;
      line-height: 40px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .u-skip-link {
      transition: none;
    }
  }
}

/* source: src/components/site-header/site-header.css */
@layer components {
  .c-site-header {
    --c-site-header-navigation-height: 63px;
    --c-site-header-top-height: 76px;

    position: relative;
    min-inline-size: 0;
    color: var(--cci-color-paper);
    background-color: var(--cci-color-navy);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .c-site-header--home {
    min-block-size: 233px;
    background-image: url("/Images/cci-v2/bg-top-1a.jpg");
  }

  .c-site-header--inner {
    min-block-size: 299px;
    background-image: url("/Images/cci-v2/bg-top-sub-1a.jpg");
  }

  .c-site-header .c-site-header__shell {
    display: grid;
    min-block-size: inherit;
    grid-template-areas:
      "brand utility"
      "navigation navigation"
      "breadcrumbs breadcrumbs";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: var(--c-site-header-top-height) auto auto;
    align-content: start;
    padding-block-start: 32px;
  }

  .c-site-header .c-site-header__brand {
    grid-area: brand;
    inline-size: 76px;
    block-size: 76px;
    margin-inline-start: 16px;
  }

  .c-site-header .c-site-header__brand-image {
    inline-size: 76px;
    max-inline-size: none;
    block-size: 76px;
  }

  .c-site-header .c-site-header__navigation-slot {
    display: flex;
    min-inline-size: 0;
    min-block-size: var(--c-site-header-navigation-height);
    align-items: center;
    grid-area: navigation;
    margin-block-start: 30px;
    overflow: visible;
    background-image: url("/Images/cci-v2/bg-menu-1a.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1428px 63px;
  }

  /* The public navigation root owns its first-row artwork. Empty/placeholder
     slots retain the native shell artwork without painting a second copy. */
  .c-site-header .c-site-header__navigation-slot:has(> [data-component="primary-navigation"]) {
    background-image: none;
  }

  @media (min-width: 1280px) {
    .c-site-header .c-site-header__shell {
      padding-block-end: 32px;
    }

    .c-site-header--inner .c-site-header__shell {
      grid-template-rows: var(--c-site-header-top-height) auto minmax(0, 1fr);
      padding-block-end: 0;
    }

  }

  .c-site-header .c-site-header__utility-slot {
    position: relative;
    z-index: 2;
    display: flex;
    min-inline-size: 0;
    align-items: center;
    align-self: start;
    justify-content: flex-end;
    grid-area: utility;
    gap: 12px 20px;
    margin-inline-end: 16px;
  }

  .c-site-header .c-site-header__utility-slot.is-empty {
    min-block-size: 44px;
  }

  .c-site-header .c-site-header__breadcrumbs-slot {
    min-inline-size: 0;
    grid-area: breadcrumbs;
    margin-block-start: 20px;
    padding-inline: 20px;
  }

  .c-site-header .c-site-header__search {
    position: relative;
    display: flex;
    min-inline-size: 0;
    align-items: center;
  }

  .c-site-header .c-site-header__search-toggle,
  .c-site-header .c-site-header__search-submit {
    min-block-size: 44px;
    border: 1px solid var(--cci-color-footer-social);
    border-radius: 12px;
    color: var(--cci-color-paper);
    background: var(--cci-color-navy-deep);
    font-weight: 600;
  }

  .c-site-header .c-site-header__search-toggle {
    padding: 9px 16px;
  }

  .c-site-header:not([data-site-header-initialized="true"]) .c-site-header__search-toggle {
    display: none;
  }

  .c-site-header .c-site-header__search-panel {
    min-inline-size: min(360px, calc(100vw - (2 * var(--cci-page-gutter))));
  }

  .c-site-header[data-site-header-initialized="true"] .c-site-header__search-panel:not([hidden]) {
    position: absolute;
    z-index: 3;
    inset-block-start: calc(100% + 12px);
    inset-inline-end: 0;
    padding: 12px;
    border: 1px solid var(--cci-color-footer-rule);
    border-radius: 12px;
    background: var(--cci-color-navy-deep);
  }

  .c-site-header .c-site-header__search-panel[hidden] {
    display: none;
  }

  .c-site-header .c-site-header__search-form {
    display: grid;
    min-inline-size: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .c-site-header .c-site-header__search-input {
    min-inline-size: 0;
    min-block-size: 44px;
    padding: 9px 12px;
    border: 1px solid var(--cci-color-paper);
    border-radius: 10px;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .c-site-header .c-site-header__search-submit {
    padding: 9px 14px;
  }

  .c-site-header .c-site-header__search-error {
    max-inline-size: 38ch;
    padding: 10px 12px;
    border-inline-start: 4px solid var(--cci-color-pink);
    color: var(--cci-color-paper);
    background: var(--cci-color-navy-deep);
    line-height: 1.4;
  }

  .c-site-header .c-site-header__login,
  .c-site-header .c-site-header__utility-link {
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    gap: 10px;
    color: var(--cci-color-paper);
    line-height: 1.25;
    text-decoration: none;
  }

  .c-site-header .c-site-header__login:hover,
  .c-site-header .c-site-header__login:focus-visible,
  .c-site-header .c-site-header__utility-link:hover,
  .c-site-header .c-site-header__utility-link:focus-visible {
    text-decoration-line: underline;
  }

  .c-site-header .c-site-header__login-icon {
    inline-size: 25px;
    max-inline-size: none;
    block-size: 25px;
    flex: none;
  }

  @media (min-width: 1280px) {
    .c-site-header--inner .c-site-header__breadcrumbs-slot {
      display: flex;
      align-items: center;
      margin-block-start: 0;
    }

    .c-site-header .c-site-header__utility-slot {
      align-self: stretch;
    }

    .c-site-header .c-site-header__search-toggle,
    .c-site-header .c-site-header__login {
      color: #8cb8e4;
      font-size: 16px;
      font-weight: 400;
    }

    .c-site-header .c-site-header__search-toggle {
      min-inline-size: 44px;
      border: 0;
      background: transparent;
    }

    .c-site-header .c-site-header__search-toggle:hover,
    .c-site-header .c-site-header__search-toggle:focus-visible,
    .c-site-header .c-site-header__login:hover,
    .c-site-header .c-site-header__login:focus-visible {
      color: var(--cci-color-paper);
    }
  }

  @media (max-width: 1279px) {
    .c-site-header--home,
    .c-site-header--inner {
      min-block-size: 0;
    }

    .c-site-header .c-site-header__shell {
      grid-template-areas:
        "header"
        "breadcrumbs";
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto;
      padding-block: 20px 24px;
    }

    .c-site-header .c-site-header__brand {
      z-index: 1;
      align-self: start;
      justify-self: start;
      grid-area: header;
      margin-inline-start: 0;
    }

    .c-site-header .c-site-header__navigation-slot {
      display: block;
      min-block-size: var(--c-site-header-top-height);
      grid-area: header;
      margin: 0;
      padding: 0;
      overflow: visible;
      background-color: transparent;
      background-image: none;
    }

    .c-site-header .c-site-header__utility-slot {
      display: none;
    }

    .c-site-header .c-site-header__breadcrumbs-slot {
      margin-block-start: 20px;
      padding-inline: 0;
    }
  }

  @media (max-width: 639px) {
    .c-site-header .c-site-header__search-form {
      grid-template-columns: minmax(0, 1fr);
    }

    .c-site-header .c-site-header__search-submit {
      inline-size: 100%;
    }
  }
}

/* source: src/components/primary-navigation/primary-navigation.css */
@layer components {
  .c-primary-navigation {
    --c-primary-navigation-control-size: 44px;
    --c-primary-navigation-desktop-height: 63px;
    --c-primary-navigation-desktop-home-slot: 118px;
    --c-primary-navigation-desktop-panel-inset: 24px;
    --c-primary-navigation-desktop-panel-radius: 20px;
    --c-primary-navigation-row-2: color-mix(in srgb, var(--cci-color-link) 70%, var(--cci-color-navy));
    --c-primary-navigation-row-3: color-mix(in srgb, var(--cci-color-link) 40%, var(--cci-color-navy));
    --c-primary-navigation-row-4: color-mix(in srgb, var(--cci-color-link) 15%, var(--cci-color-navy));
    min-inline-size: 0;
    color: var(--cci-color-paper);
    font-size: 18px;
    line-height: 1.25;
  }

  .c-primary-navigation.c-primary-navigation--tree {
    position: relative;
    z-index: 1;
    inline-size: 100%;
    min-block-size: var(--c-primary-navigation-desktop-height);
    container-name: primary-navigation;
    container-type: inline-size;
  }

  .c-primary-navigation .c-primary-navigation__desktop {
    position: relative;
    min-inline-size: 0;
  }

  .c-primary-navigation .c-primary-navigation__desktop-row,
  .c-primary-navigation .c-primary-navigation__list,
  .c-primary-navigation .c-primary-navigation__utility-list {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .c-primary-navigation .c-primary-navigation__desktop-row {
    --c-primary-navigation-next-surface: var(--c-primary-navigation-row-2);

    display: flex;
    min-block-size: var(--c-primary-navigation-desktop-height);
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 {
    background-image: url("/Images/cci-v2/bg-menu-1a.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 1428px 63px;
  }

  /* Keep the native 63px root targets above the overlapping paint-only seam. */
  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item {
    z-index: 2;
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-2 {
    --c-primary-navigation-next-surface: var(--c-primary-navigation-row-3);
    background-color: var(--c-primary-navigation-row-2);
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-3 {
    --c-primary-navigation-next-surface: var(--c-primary-navigation-row-4);
    background-color: var(--c-primary-navigation-row-3);
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-4 {
    --c-primary-navigation-next-surface: var(--cci-color-navy-deep);
    background-color: var(--c-primary-navigation-row-4);
  }

  .c-primary-navigation .c-primary-navigation__desktop-row:not(.c-primary-navigation__desktop-row--level-1) {
    flex-wrap: wrap;
  }

  .c-primary-navigation .c-primary-navigation__desktop-item {
    display: flex;
    min-inline-size: 0;
    flex: 1 1 auto;
    align-items: stretch;
  }

  .c-primary-navigation .c-primary-navigation__desktop-row:not(.c-primary-navigation__desktop-row--level-1) > .c-primary-navigation__desktop-item {
    min-inline-size: 44px;
    max-inline-size: 100%;
    flex: 1 0 auto;
  }

  .c-primary-navigation .c-primary-navigation__desktop-item--home {
    flex: 0 0 var(--c-primary-navigation-desktop-home-slot);
  }

  .c-primary-navigation .c-primary-navigation__desktop-link {
    position: relative;
    display: flex;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: var(--c-primary-navigation-desktop-height);
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    color: var(--cci-color-paper);
    text-decoration: none;
    text-underline-offset: 5px;
    overflow-wrap: anywhere;
  }

  .c-primary-navigation .c-primary-navigation__desktop-item.is-current > .c-primary-navigation__desktop-link {
    background-color: var(--c-primary-navigation-next-surface);
  }

  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__desktop-panel:not([hidden]) {
    position: relative;
  }

  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__desktop-panel:not([hidden])::before {
    position: absolute;
    z-index: 3;
    inset-block-start: 0;
    inset-inline-start: var(--c-primary-navigation-open-marker-inline-start);
    inline-size: 0;
    block-size: 0;
    border-block-start: 6px solid var(--cci-color-paper);
    border-inline: 6px solid transparent;
    pointer-events: none;
    translate: -50% 0;
    content: "";
  }

  /* The level-2 tooth meets the 60px coloured face; deeper teeth retain their
     established row-relative geometry. */
  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__desktop-panel:has(> .c-primary-navigation__desktop-row--level-2):not([hidden])::before {
    inset-block-start: -3px;
  }

  .c-primary-navigation .c-primary-navigation__desktop .c-primary-navigation__desktop-link:hover,
  .c-primary-navigation .c-primary-navigation__desktop .c-primary-navigation__desktop-link:focus-visible {
    color: var(--cci-color-paper);
    background-color: var(--cci-color-pink);
    text-decoration: none;
  }

  .c-primary-navigation .c-primary-navigation__desktop-toggle,
  .c-primary-navigation .c-primary-navigation__submenu-toggle {
    display: none;
    inline-size: var(--c-primary-navigation-control-size);
    min-inline-size: var(--c-primary-navigation-control-size);
    min-block-size: var(--c-primary-navigation-control-size);
    align-items: center;
    justify-content: center;
    align-self: stretch;
    padding: 0;
    border: 0;
    color: var(--cci-color-paper);
    background: transparent;
  }

  .c-primary-navigation .c-primary-navigation__toggle-symbol,
  .c-primary-navigation .c-primary-navigation__main-toggle-symbol {
    display: inline-block;
    font-size: 24px;
    line-height: 1;
  }

  .c-primary-navigation .c-primary-navigation__desktop-toggle[aria-expanded="true"] .c-primary-navigation__toggle-symbol,
  .c-primary-navigation .c-primary-navigation__submenu-toggle[aria-expanded="true"] .c-primary-navigation__toggle-symbol,
  .c-primary-navigation .c-primary-navigation__main-toggle[aria-expanded="true"] .c-primary-navigation__main-toggle-symbol {
    rotate: 45deg;
  }

  .c-primary-navigation .c-primary-navigation__overlay {
    inline-size: 100%;
    max-inline-size: 100%;
    color: var(--cci-color-paper);
    overflow-x: hidden;
  }

  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__overlay {
    position: absolute;
    z-index: 1;
    inset-block-start: calc(100% - 3px);
    inset-inline-start: 0;
    inline-size: 100%;
    max-inline-size: 100%;
    max-block-size: calc(var(--c-primary-navigation-overlay-height, calc(100vh - 8px)) + 3px);
    padding-block-start: 3px;
    border-inline: 0;
    border-radius: 0;
    background-color: transparent;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__overlay::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline: var(--c-primary-navigation-desktop-panel-inset);
    block-size: 3px;
    background-color: var(--c-primary-navigation-row-2);
    pointer-events: none;
    content: "";
  }

  .c-primary-navigation .c-primary-navigation__overlay[hidden],
  .c-primary-navigation .c-primary-navigation__desktop-panel[hidden],
  .c-primary-navigation .c-primary-navigation__submenu[hidden],
  .c-primary-navigation .c-primary-navigation__panel[hidden] {
    display: none;
  }

  /* Parser-time marker prevents the no-JS tree flashing while modules load.
     Successful init owns hidden/ARIA; window.load restores fallback on failure. */
  .c-primary-navigation[data-primary-navigation-pending]:not([data-primary-navigation-initialized="true"]) .c-primary-navigation__overlay,
  .c-primary-navigation[data-primary-navigation-pending]:not([data-primary-navigation-initialized="true"]) .c-primary-navigation__panel {
    display: none;
  }

  .c-primary-navigation .c-primary-navigation__overlay:focus-visible {
    outline: 3px solid var(--cci-color-pink);
    outline-offset: -3px;
  }

  .c-primary-navigation .c-primary-navigation__panel-label {
    min-block-size: var(--c-primary-navigation-control-size);
    padding: 10px 12px;
    margin: 0;
    color: var(--cci-color-paper);
    background: var(--cci-color-navy-deep);
    font-weight: 600;
  }

  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__panel-label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  /* Extend only the first physical child row into the native root shadow band.
     The overlay padding preserves every link box and text baseline. */
  .c-primary-navigation .c-primary-navigation__desktop-row--level-2 > .c-primary-navigation__desktop-item.is-seam-row > .c-primary-navigation__desktop-link::before {
    position: absolute;
    inset-inline: 0;
    inset-block-start: -3px;
    block-size: 3px;
    background-color: inherit;
    pointer-events: none;
    content: "";
  }

  .c-primary-navigation .c-primary-navigation__mobile {
    display: none;
  }

  .c-primary-navigation .c-primary-navigation__main-toggle {
    display: none;
  }

  .c-primary-navigation .c-primary-navigation__panel {
    min-inline-size: 0;
  }

  /* The overlay owns the full-width scroll and hit-test surface. Only its
     visible panel rows are painted, with a real 24px inline inset. */
  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__desktop-panel {
    margin-inline: var(--c-primary-navigation-desktop-panel-inset);
  }

  .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__desktop-panel:not([hidden]):not(:has(~ .c-primary-navigation__desktop-panel:not([hidden]))) > .c-primary-navigation__desktop-row {
    border-radius: 0 0 var(--c-primary-navigation-desktop-panel-radius) var(--c-primary-navigation-desktop-panel-radius);
    /* One extra transparent pixel keeps fractional-DPR antialiasing outside
       the three painted seam pixels while the bottom edge is clipped exactly. */
    clip-path: inset(-4px 0 0 0 round 0 0 var(--c-primary-navigation-desktop-panel-radius) var(--c-primary-navigation-desktop-panel-radius));
  }

  .c-primary-navigation .c-primary-navigation__list--level-1 {
    display: flex;
    inline-size: 100%;
    min-block-size: var(--c-primary-navigation-desktop-height);
    align-items: stretch;
    justify-content: space-between;
  }

  .c-primary-navigation .c-primary-navigation__item {
    min-inline-size: 0;
  }

  .c-primary-navigation .c-primary-navigation__item-line {
    display: flex;
    min-inline-size: 0;
    align-items: stretch;
  }

  .c-primary-navigation .c-primary-navigation__link {
    display: inline-flex;
    min-inline-size: 0;
    min-block-size: var(--c-primary-navigation-control-size);
    align-items: center;
    padding: 10px 8px;
    color: var(--cci-color-paper);
    text-decoration-color: transparent;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
  }

  .c-primary-navigation .c-primary-navigation__item.is-current > .c-primary-navigation__item-line > .c-primary-navigation__link {
    font-weight: 600;
    text-decoration-color: var(--cci-color-paper);
    text-decoration-thickness: 3px;
  }

  .c-primary-navigation .c-primary-navigation__item.is-ancestor > .c-primary-navigation__item-line > .c-primary-navigation__link {
    font-weight: 600;
    text-decoration-color: color-mix(in srgb, var(--cci-color-paper) 72%, transparent);
    text-decoration-thickness: 1px;
  }

  .c-primary-navigation .c-primary-navigation__item.is-open > .c-primary-navigation__item-line {
    background: var(--cci-color-navy-deep);
  }

  .c-primary-navigation .c-primary-navigation__link:hover,
  .c-primary-navigation .c-primary-navigation__link:focus-visible {
    text-decoration-color: currentColor;
  }

  .c-primary-navigation .c-primary-navigation__link--home {
    inline-size: var(--c-primary-navigation-desktop-home-slot);
    justify-content: center;
    padding-inline: 16px;
  }

  .c-primary-navigation .c-primary-navigation__home-icon {
    inline-size: 26px;
    max-inline-size: none;
    block-size: 26px;
    flex: none;
  }

  .c-primary-navigation .c-primary-navigation__submenu {
    color: var(--cci-color-paper);
    background: var(--cci-color-navy-deep);
  }

  .c-primary-navigation .c-primary-navigation__submenu .c-primary-navigation__list {
    display: grid;
    gap: 2px;
  }

  .c-primary-navigation .c-primary-navigation__submenu .c-primary-navigation__link {
    flex: 1;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .c-primary-navigation .c-primary-navigation__submenu .c-primary-navigation__submenu {
    padding-inline-start: 18px;
    border-inline-start: 1px solid var(--cci-color-footer-social);
  }

  .c-primary-navigation .c-primary-navigation__mobile-search,
  .c-primary-navigation .c-primary-navigation__utility-list {
    display: none;
  }

  .c-primary-navigation .c-primary-navigation__empty {
    display: flex;
    min-block-size: var(--c-primary-navigation-desktop-height);
    align-items: center;
    padding-inline: 24px;
    color: var(--cci-color-paper);
  }

  .c-primary-navigation.c-primary-navigation--desktop-utility {
    display: contents;
  }

  /* Paint root active and interaction faces separately from the native shadow. */
  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item.is-current,
  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item:has(> .c-primary-navigation__desktop-link:is(:hover, :focus-visible)) {
    isolation: isolate;
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item.is-current > .c-primary-navigation__desktop-link {
    position: relative;
    background-color: transparent;
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item > .c-primary-navigation__desktop-link:is(:hover, :focus-visible) {
    position: relative;
    background-color: transparent;
    color: var(--cci-color-paper);
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item.is-current > .c-primary-navigation__desktop-link::before,
  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item > .c-primary-navigation__desktop-link:is(:hover, :focus-visible)::before {
    position: absolute;
    z-index: -1;
    inset-inline: 0;
    inset-block-start: 0;
    block-size: 60px;
    background-color: var(--c-primary-navigation-next-surface);
    pointer-events: none;
    content: "";
  }

  .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item > .c-primary-navigation__desktop-link:is(:hover, :focus-visible)::before {
    background-color: var(--cci-color-pink);
  }

  @container primary-navigation (min-width: 1428px) {
    .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item:first-child > .c-primary-navigation__desktop-link::before {
      border-radius: 20px 0 0 20px;
    }

    .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item:last-child > .c-primary-navigation__desktop-link::before {
      border-radius: 0 20px 20px 0;
    }
  }

  @media (min-width: 1280px) and (any-pointer: coarse) {
    .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__desktop-toggle {
      display: inline-flex;
    }
  }

  @media (min-width: 1280px) {
    .c-primary-navigation .c-primary-navigation__desktop-row--level-1 > .c-primary-navigation__desktop-item > .c-primary-navigation__desktop-link {
      font-size: 20px;
    }

    .c-primary-navigation .c-primary-navigation__desktop-row--level-1 .c-primary-navigation__home-icon {
      translate: 0 -2px;
    }
  }

  @media (max-width: 1279px) {
    .c-primary-navigation.c-primary-navigation--tree {
      z-index: auto;
      min-block-size: 0;
    }

    .c-primary-navigation.c-primary-navigation--desktop-utility,
    .c-primary-navigation .c-primary-navigation__desktop {
      display: none;
    }

    .c-primary-navigation .c-primary-navigation__mobile {
      display: grid;
      grid-template-rows: 76px auto;
    }

    .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__main-toggle {
      display: flex;
    }

    .c-primary-navigation[data-primary-navigation-initialized="true"] .c-primary-navigation__submenu-toggle {
      display: inline-flex;
    }

    .c-primary-navigation .c-primary-navigation__main-toggle {
      grid-row: 1;
      inline-size: auto;
      min-inline-size: var(--c-primary-navigation-control-size);
      min-block-size: var(--c-primary-navigation-control-size);
      align-items: center;
      justify-content: center;
      align-self: center;
      justify-self: end;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid var(--cci-color-footer-social);
      border-radius: 10px;
      color: var(--cci-color-paper);
      background: var(--cci-color-navy-deep);
      font-weight: 600;
      text-align: start;
    }

    .c-primary-navigation .c-primary-navigation__main-toggle-icon {
      display: grid;
      inline-size: 20px;
      block-size: 14px;
      flex: 0 0 20px;
      grid-template-rows: repeat(3, 2px);
      align-content: space-between;
    }

    .c-primary-navigation .c-primary-navigation__main-toggle-bar {
      display: block;
      inline-size: 20px;
      block-size: 2px;
      background-color: currentColor;
      transform-origin: center;
    }

    .c-primary-navigation .c-primary-navigation__main-toggle[aria-expanded="true"] .c-primary-navigation__main-toggle-bar:first-child {
      transform: translateY(6px) rotate(45deg);
    }

    .c-primary-navigation .c-primary-navigation__main-toggle[aria-expanded="true"] .c-primary-navigation__main-toggle-bar:nth-child(2) {
      background-color: transparent;
    }

    .c-primary-navigation .c-primary-navigation__main-toggle[aria-expanded="true"] .c-primary-navigation__main-toggle-bar:last-child {
      transform: translateY(-6px) rotate(-45deg);
    }

    .c-primary-navigation .c-primary-navigation__panel {
      position: static;
      grid-row: 2;
      inline-size: 100%;
      padding: 10px 14px;
      background: color-mix(in srgb, var(--cci-color-navy-deep) 86%, transparent);
    }

    .c-primary-navigation .c-primary-navigation__list--level-1 {
      display: grid;
      min-block-size: 0;
      gap: 2px;
    }

    .c-primary-navigation .c-primary-navigation__item-line {
      align-items: center;
    }

    .c-primary-navigation .c-primary-navigation__link {
      flex: 1;
      min-block-size: var(--c-primary-navigation-control-size);
      white-space: normal;
      overflow-wrap: anywhere;
    }

    .c-primary-navigation .c-primary-navigation__link--home {
      inline-size: auto;
      flex: none;
      justify-content: flex-start;
    }

    .c-primary-navigation .c-primary-navigation__submenu--level-2 {
      position: static;
      inline-size: auto;
      max-block-size: none;
      padding: 0 0 0 18px;
      border: 0;
      border-inline-start: 1px solid var(--cci-color-footer-social);
      border-radius: 0;
      overflow: visible;
    }

    .c-primary-navigation .c-primary-navigation__mobile-search {
      display: block;
      padding-block-start: 18px;
      margin-block-start: 14px;
      border-block-start: 1px solid var(--cci-color-footer-rule);
    }

    .c-primary-navigation .c-primary-navigation__search-form {
      display: grid;
      min-inline-size: 0;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
    }

    .c-primary-navigation .c-primary-navigation__search-input,
    .c-primary-navigation .c-primary-navigation__search-submit {
      min-inline-size: 0;
      min-block-size: var(--c-primary-navigation-control-size);
      border: 1px solid var(--cci-color-paper);
      border-radius: 10px;
    }

    .c-primary-navigation .c-primary-navigation__search-input {
      inline-size: 100%;
      padding: 9px 12px;
      color: var(--cci-color-ink);
      background: var(--cci-color-paper);
    }

    .c-primary-navigation .c-primary-navigation__search-submit {
      padding: 9px 14px;
      color: var(--cci-color-paper);
      background: var(--cci-color-navy-deep);
      font-weight: 600;
    }

    .c-primary-navigation .c-primary-navigation__search-error {
      padding: 10px 12px;
      border-inline-start: 4px solid var(--cci-color-pink);
      color: var(--cci-color-paper);
      background: var(--cci-color-navy-deep);
      line-height: 1.4;
    }

    .c-primary-navigation .c-primary-navigation__utility-list {
      display: grid;
      gap: 4px;
      padding-block-start: 14px;
      margin-block-start: 14px;
      border-block-start: 1px solid var(--cci-color-footer-rule);
    }

    .c-primary-navigation .c-primary-navigation__utility-link {
      display: flex;
      min-block-size: var(--c-primary-navigation-control-size);
      align-items: center;
      padding: 8px;
      color: var(--cci-color-paper);
      text-decoration-color: transparent;
      text-decoration-line: underline;
      text-underline-offset: 4px;
    }

    .c-primary-navigation .c-primary-navigation__utility-link:hover,
    .c-primary-navigation .c-primary-navigation__utility-link:focus-visible {
      text-decoration-color: currentColor;
    }
  }

  @container primary-navigation (max-width: 639px) {
    .c-primary-navigation .c-primary-navigation__search-form {
      grid-template-columns: minmax(0, 1fr);
    }

    .c-primary-navigation .c-primary-navigation__search-submit {
      inline-size: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .c-primary-navigation .c-primary-navigation__toggle-symbol,
    .c-primary-navigation .c-primary-navigation__main-toggle-symbol {
      transition: none;
    }
  }
}

/* source: src/components/breadcrumbs/breadcrumbs.css */
@layer components {
  .c-breadcrumbs {
    --c-breadcrumbs-column-gap: 12px;
    --c-breadcrumbs-row-gap: 8px;

    min-inline-size: 0;
    max-inline-size: 100%;
    color: #96b1cd;
    font-size: 16px;
    line-height: 24px;
    position: relative;
  }

  .c-breadcrumbs .c-breadcrumbs__list {
    display: flex;
    min-inline-size: 0;
    max-inline-size: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--c-breadcrumbs-row-gap) var(--c-breadcrumbs-column-gap);
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .c-breadcrumbs .c-breadcrumbs__item {
    display: inline-flex;
    min-inline-size: 0;
    max-inline-size: 100%;
    align-items: center;
    flex: 0 1 auto;
    gap: var(--c-breadcrumbs-column-gap);
  }

  .c-breadcrumbs .c-breadcrumbs__item--home {
    flex: none;
  }

  .c-breadcrumbs .c-breadcrumbs__link {
    min-inline-size: 0;
    max-inline-size: 100%;
    color: inherit;
    overflow-wrap: anywhere;
    text-decoration-color: transparent;
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }

  .c-breadcrumbs .c-breadcrumbs__link:hover,
  .c-breadcrumbs .c-breadcrumbs__link:focus-visible {
    color: var(--cci-color-paper);
    text-decoration-color: currentColor;
  }

  .c-breadcrumbs .c-breadcrumbs__link--home {
    display: inline-flex;
    inline-size: 18px;
    block-size: 18px;
    align-items: center;
    justify-content: center;
    flex: none;
  }

  .c-breadcrumbs .c-breadcrumbs__home-icon {
    inline-size: 18px;
    max-inline-size: none;
    block-size: 18px;
    opacity: 0.62;
  }

  .c-breadcrumbs .c-breadcrumbs__link--home:hover .c-breadcrumbs__home-icon,
  .c-breadcrumbs .c-breadcrumbs__link--home:focus-visible .c-breadcrumbs__home-icon {
    opacity: 1;
  }

  .c-breadcrumbs .c-breadcrumbs__separator {
    display: block;
    inline-size: 7px;
    block-size: 13px;
    color: inherit;
    opacity: 0.4;
    flex: none;
  }

  .c-breadcrumbs .c-breadcrumbs__current {
    min-inline-size: 0;
    max-inline-size: 100%;
    color: inherit;
    font-weight: 600;
    overflow-wrap: anywhere;
  }

  .c-breadcrumbs .c-breadcrumbs__compact {
    display: none;
  }

  .c-breadcrumbs.is-compact > .c-breadcrumbs__list {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    visibility: hidden;
    pointer-events: none;
  }

  .c-breadcrumbs.is-compact > .c-breadcrumbs__compact {
    display: grid;
    min-inline-size: 0;
    max-inline-size: 100%;
    grid-template-columns: 18px 30px minmax(0, 1fr);
    column-gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-home {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    align-items: center;
    block-size: 24px;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-disclosure {
    grid-column: 2 / 4;
    grid-row: 1;
    min-inline-size: 0;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-disclosure summary {
    display: flex;
    inline-size: 30px;
    min-block-size: 24px;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    list-style: none;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-disclosure summary::-webkit-details-marker {
    display: none;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-disclosure summary::marker {
    content: "";
  }

  .c-breadcrumbs .c-breadcrumbs__compact-ancestors {
    inline-size: calc(100% + 30px);
    padding: 8px 0 0;
    margin: 0 0 0 -30px;
    list-style: none;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-ancestors li {
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-ancestors li + li {
    margin-block-start: 8px;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-current {
    display: flex;
    min-inline-size: 0;
    grid-column: 3;
    grid-row: 1;
    align-self: start;
    align-items: center;
    gap: 12px;
    block-size: 24px;
  }

  .c-breadcrumbs .c-breadcrumbs__compact-current .c-breadcrumbs__current {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .c-breadcrumbs .c-breadcrumbs__compact--direct {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .c-breadcrumbs .c-breadcrumbs__compact--direct .c-breadcrumbs__compact-current {
    grid-column: 2;
  }

  @media (min-width: 1280px) {
    .c-breadcrumbs {
      --c-breadcrumbs-column-gap: 30px;

      margin-inline-start: 30px;
    }
  }
}

/* source: src/components/site-footer/site-footer.css */
@layer components {
  .c-site-footer {
    position: relative;
    container-type: inline-size;
    min-block-size: 330px;
    color: var(--cci-color-footer-text);
    background: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-site-footer::before {
    position: absolute;
    z-index: 1;
    inset-block-start: -1px;
    inset-inline: 0;
    block-size: 1px;
    background: #dfe3e8;
    content: "";
  }

  .c-site-footer .c-site-footer__inner {
    display: grid;
    min-block-size: 330px;
    grid-template-rows: minmax(140px, auto) 1px minmax(189px, auto);
  }

  .c-site-footer .c-site-footer__primary,
  .c-site-footer .c-site-footer__secondary {
    display: flex;
    min-inline-size: 0;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
  }

  .c-site-footer .c-site-footer__primary {
    font-size: var(--cci-type-lead-size);
  }

  .c-site-footer .c-site-footer__secondary {
    align-items: flex-start;
    padding-block-start: 40px;
  }

  .c-site-footer .c-site-footer__links,
  .c-site-footer .c-site-footer__legal,
  .c-site-footer .c-site-footer__service {
    min-inline-size: 0;
  }

  .c-site-footer .c-site-footer__link-list,
  .c-site-footer .c-site-footer__social-list {
    display: flex;
    min-inline-size: 0;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .c-site-footer .c-site-footer__link-list {
    flex-wrap: wrap;
    gap: 0 49px;
  }

  .c-site-footer .c-site-footer__social-list {
    position: relative;
    inset-inline-start: 3px;
    gap: 7px;
  }

  .c-site-footer .c-site-footer__link-item,
  .c-site-footer .c-site-footer__social-item {
    min-inline-size: 0;
  }

  .c-site-footer .c-site-footer__link,
  .c-site-footer .c-site-footer__cookie-button {
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    color: var(--cci-color-footer-text);
    overflow-wrap: anywhere;
    text-decoration-color: transparent;
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }

  .c-site-footer .c-site-footer__link:hover,
  .c-site-footer .c-site-footer__link:focus-visible,
  .c-site-footer .c-site-footer__cookie-button:hover,
  .c-site-footer .c-site-footer__cookie-button:focus-visible {
    color: var(--cci-color-paper);
    text-decoration-color: currentColor;
  }

  .c-site-footer .c-site-footer__social {
    flex: none;
  }

  .c-site-footer .c-site-footer__social-link {
    display: inline-flex;
    inline-size: 44px;
    block-size: 44px;
    align-items: center;
    justify-content: center;
  }

  .c-site-footer .c-site-footer__social-link--instagram {
    --c-site-footer-social-on-image: url("/Images/cci-v2/icon-small-instagram-ON.png");
  }

  .c-site-footer .c-site-footer__social-link--facebook {
    --c-site-footer-social-on-image: url("/Images/cci-v2/icon-small-facebook-ON.png");
  }

  .c-site-footer .c-site-footer__social-link--youtube {
    --c-site-footer-social-on-image: url("/Images/cci-v2/icon-small-youtube-ON.png");
  }

  .c-site-footer .c-site-footer__social-link--spotify {
    --c-site-footer-social-on-image: url("/Images/cci-v2/icon-small-spotify-ON.png");
  }

  .c-site-footer .c-site-footer__social-link--instagram,
  .c-site-footer .c-site-footer__social-link--facebook,
  .c-site-footer .c-site-footer__social-link--youtube,
  .c-site-footer .c-site-footer__social-link--spotify {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 31px 30px;
  }

  .c-site-footer .c-site-footer__social-icon {
    inline-size: 31px;
    max-inline-size: none;
    block-size: 30px;
  }

  .c-site-footer .c-site-footer__social-link:hover .c-site-footer__social-icon,
  .c-site-footer .c-site-footer__social-link:focus-visible .c-site-footer__social-icon {
    opacity: 0;
  }

  .c-site-footer .c-site-footer__social-link:hover,
  .c-site-footer .c-site-footer__social-link:focus-visible {
    background-image: var(--c-site-footer-social-on-image);
  }

  .c-site-footer .c-site-footer__divider {
    inline-size: min(calc(100% - 2px), 1426px);
    block-size: 1px;
    justify-self: center;
    background: var(--cci-color-footer-rule);
  }

  .c-site-footer .c-site-footer__copyright,
  .c-site-footer .c-site-footer__webios-credit {
    display: flex;
    min-inline-size: 0;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  .c-site-footer .c-site-footer__copyright {
    flex-wrap: wrap;
    gap: 8px;
  }

  .c-site-footer .c-site-footer__legal {
    padding-block-start: 6px;
  }

  .c-site-footer .c-site-footer__company-mark {
    inline-size: 26px;
    max-inline-size: none;
    block-size: 26px;
    flex: none;
  }

  .c-site-footer .c-site-footer__service {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0;
  }

  .c-site-footer .c-site-footer__webios-credit {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
  }

  .c-site-footer .c-site-footer__webios-link {
    display: inline-flex;
    min-inline-size: 111px;
    min-block-size: 44px;
    align-items: center;
    justify-content: center;
    flex: none;
  }

  .c-site-footer .c-site-footer__webios-logo {
    inline-size: 111px;
    max-inline-size: none;
    block-size: 33px;
  }

  .c-site-footer .c-site-footer__cookie-preferences {
    min-inline-size: 0;
  }

  .c-site-footer .c-site-footer__cookie-button {
    max-inline-size: 100%;
    padding: 8px 10px;
    border: 0;
    font: inherit;
    background: transparent;
    cursor: pointer;
  }

  .c-site-footer .c-site-footer__cookie-status {
    max-inline-size: 34ch;
    padding: 0;
    margin: 6px 0 0;
    color: var(--cci-color-paper);
    font-size: var(--cci-type-eyebrow-size);
    line-height: var(--cci-type-meta-line);
    overflow-wrap: anywhere;
  }

  .c-site-footer .c-site-footer__empty {
    max-inline-size: 60ch;
    margin: 0;
    color: var(--cci-color-footer-text);
    overflow-wrap: anywhere;
  }

  @container (max-width: 1279px) {
    .c-site-footer .c-site-footer__inner {
      grid-template-rows: auto 1px auto;
      padding-block: 32px;
    }

    .c-site-footer .c-site-footer__primary,
    .c-site-footer .c-site-footer__secondary {
      align-items: flex-start;
      flex-direction: column;
      justify-content: center;
      gap: 20px;
      padding-block: 24px;
    }

    .c-site-footer .c-site-footer__primary {
      font-size: var(--cci-type-meta-size);
    }

    .c-site-footer .c-site-footer__social-list {
      inset-inline-start: 0;
    }

    .c-site-footer .c-site-footer__legal {
      padding-block-start: 0;
    }

    .c-site-footer .c-site-footer__service {
      align-items: flex-start;
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    .c-site-footer .c-site-footer__webios-credit {
      justify-content: flex-start;
    }
  }

  @container (max-width: 639px) {
    .c-site-footer .c-site-footer__inner {
      padding-block: 24px;
    }

    .c-site-footer .c-site-footer__primary,
    .c-site-footer .c-site-footer__secondary {
      padding-block: 20px;
    }

    .c-site-footer .c-site-footer__links,
    .c-site-footer .c-site-footer__link-list,
    .c-site-footer .c-site-footer__link-item,
    .c-site-footer .c-site-footer__link {
      inline-size: 100%;
    }

    .c-site-footer .c-site-footer__link-list {
      align-items: stretch;
      flex-direction: column;
      gap: 0;
    }

    .c-site-footer .c-site-footer__service,
    .c-site-footer .c-site-footer__webios-credit {
      align-items: flex-start;
      flex-direction: column;
      gap: 12px;
    }

    .c-site-footer .c-site-footer__cookie-button {
      padding-inline: 0;
    }
  }
}

/* source: src/components/consultation-cta/consultation-cta.css */
@layer components {
  .c-consultation-cta {
    --c-consultation-cta-width: 449px;
    --c-consultation-cta-visual-width: 371px;
    --c-consultation-cta-sidebar-inset: 25px;
    --c-consultation-cta-pill-color: #1ae18f;
    --c-consultation-cta-label-color: #021e3b;
    --c-consultation-cta-detail-color: #051e38;

    display: flex;
    min-inline-size: 0;
    inline-size: min(100%, var(--c-consultation-cta-width));
    flex-direction: column;
    align-items: center;
    color: var(--cci-color-navy);
    text-align: center;
  }

  .c-consultation-cta .c-consultation-cta__heading {
    max-inline-size: 100%;
    margin: 0;
    font-size: var(--cci-type-lead-size);
    font-weight: 700;
    line-height: var(--cci-type-lead-line);
    overflow-wrap: anywhere;
  }

  .c-consultation-cta .c-consultation-cta__helper {
    max-inline-size: 100%;
    margin: 2px 0 0;
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
    overflow-wrap: anywhere;
  }

  .c-consultation-cta .c-consultation-cta__link {
    display: block;
    inline-size: min(100%, var(--c-consultation-cta-visual-width));
    max-inline-size: 100%;
    margin-block-start: 16px;
    flex: none;
    color: var(--c-consultation-cta-label-color);
    text-decoration: none;
    container-type: inline-size;
  }

  .c-consultation-cta .c-consultation-cta__helper + .c-consultation-cta__link {
    margin-block-start: 19px;
  }

  .c-consultation-cta .c-consultation-cta__visual {
    position: relative;
    /* Keep the label's z-index local so navigation covers the whole visual. */
    isolation: isolate;
    display: grid;
    min-block-size: calc(97 / 371 * 100cqw);
    grid-template-columns: calc(97 / 371 * 100cqw) minmax(0, calc(274 / 371 * 100cqw));
    grid-template-rows: minmax(calc(60 / 371 * 100cqw), auto);
    padding-block: calc(21 / 371 * 100cqw) calc(16 / 371 * 100cqw);
  }

  .c-consultation-cta .c-consultation-cta__pill,
  .c-consultation-cta .c-consultation-cta__circle,
  .c-consultation-cta .c-consultation-cta__portrait,
  .c-consultation-cta .c-consultation-cta__dot {
    position: absolute;
    display: block;
  }

  .c-consultation-cta .c-consultation-cta__pill {
    inset: calc(21 / 371 * 100cqw) 0 calc(16 / 371 * 100cqw) calc(42 / 371 * 100cqw);
    isolation: isolate;
  }

  .c-consultation-cta .c-consultation-cta__pill::before,
  .c-consultation-cta .c-consultation-cta__pill::after {
    position: absolute;
    display: block;
    inline-size: calc(100% - (1 / 371 * 100cqw));
    block-size: calc(100% - (3 / 371 * 100cqw));
    clip-path: inset(0 round calc(20 / 371 * 100cqw));
    content: "";
  }

  .c-consultation-cta .c-consultation-cta__pill::before {
    inset-block-start: calc(2 / 371 * 100cqw);
    inset-inline-start: 0;
    z-index: 1;
    background: var(--c-consultation-cta-pill-color);
    --c-consultation-cta-front-cutout: radial-gradient(
      circle calc(48.5 / 371 * 100cqw) at calc(6.5 / 371 * 100cqw) calc(25.5 / 371 * 100cqw),
      transparent calc(47.6 / 371 * 100cqw),
      #000 calc(48.675 / 371 * 100cqw)
    );
    -webkit-mask: var(--c-consultation-cta-front-cutout);
    mask: var(--c-consultation-cta-front-cutout);
  }

  .c-consultation-cta .c-consultation-cta__pill::after {
    inset-block-start: calc(5 / 371 * 100cqw);
    inset-inline-start: calc(1 / 371 * 100cqw);
    z-index: 0;
    background: var(--c-consultation-cta-detail-color);
    --c-consultation-cta-detail-cutout: radial-gradient(
      circle calc(48.5 / 371 * 100cqw) at calc(5.5 / 371 * 100cqw) calc(22.5 / 371 * 100cqw),
      transparent calc(47.6 / 371 * 100cqw),
      #000 calc(48.675 / 371 * 100cqw)
    );
    -webkit-mask: var(--c-consultation-cta-detail-cutout);
    mask: var(--c-consultation-cta-detail-cutout);
  }

  .c-consultation-cta .c-consultation-cta__circle {
    inset-block-start: calc(6 / 371 * 100cqw);
    inset-inline-start: calc(6 / 371 * 100cqw);
    inline-size: calc(85 / 371 * 100cqw);
    block-size: calc(85 / 371 * 100cqw);
    border-radius: 50%;
    background: #021e3b;
  }

  .c-consultation-cta .c-consultation-cta__portrait {
    inset-block-start: calc(10 / 371 * 100cqw);
    inset-inline-start: calc(13 / 371 * 100cqw);
    inline-size: calc(69 / 371 * 100cqw);
    max-inline-size: 69px;
    block-size: calc(81 / 371 * 100cqw);
    max-block-size: 81px;
  }

  .c-consultation-cta .c-consultation-cta__dot {
    inset-block-start: calc(69 / 371 * 100cqw);
    inset-inline-start: calc(9 / 371 * 100cqw);
    inline-size: calc(13 / 371 * 100cqw);
    block-size: calc(13 / 371 * 100cqw);
    border-radius: 50%;
    background: #1ae18f;
  }

  .c-consultation-cta .c-consultation-cta__label {
    z-index: 1;
    display: flex;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    padding-inline: calc(9 / 371 * 100cqw) calc(15 / 371 * 100cqw);
    color: var(--c-consultation-cta-label-color);
    background-color: var(--c-consultation-cta-pill-color);
    background-clip: text;
    font-size: calc(18 / 371 * 100cqw);
    font-weight: 700;
    line-height: calc(24 / 371 * 100cqw);
    overflow-wrap: anywhere;
    text-align: center;
    text-transform: uppercase;
  }

  .c-consultation-cta.c-consultation-cta--homepage {
    color: var(--cci-color-paper);
  }

  .c-consultation-cta.c-consultation-cta--homepage .c-consultation-cta__helper {
    color: var(--cci-color-footer-text);
  }

  .c-consultation-cta.c-consultation-cta--sidebar {
    --c-consultation-cta-detail-color: #0b7a4c;

    min-block-size: 232px;
    padding-block: 25px 35px;
    border-radius: var(--cci-radius-common);
    color: #1a1a1a;
    background: var(--cci-color-warm);
  }

  .c-consultation-cta.c-consultation-cta--sidebar .c-consultation-cta__helper {
    color: #74706b;
  }

  .c-consultation-cta.c-consultation-cta--sidebar .c-consultation-cta__link {
    inline-size: min(
      var(--c-consultation-cta-visual-width),
      calc(100% - (2 * var(--c-consultation-cta-sidebar-inset)))
    );
    align-self: flex-start;
    margin-inline-start: var(--c-consultation-cta-sidebar-inset);
  }

  .c-consultation-cta.c-consultation-cta--sidebar .c-consultation-cta__helper + .c-consultation-cta__link {
    margin-block-start: 22px;
  }

  .c-consultation-cta .c-consultation-cta__link:focus-visible,
  .c-consultation-cta .c-consultation-cta__link:active {
    --c-consultation-cta-pill-color: #fa0d50;
    --c-consultation-cta-label-color: #fff;
  }

  .c-consultation-cta.c-consultation-cta--sidebar .c-consultation-cta__link:focus-visible,
  .c-consultation-cta.c-consultation-cta--sidebar .c-consultation-cta__link:active {
    --c-consultation-cta-detail-color: #8f0a36;
  }

  @media (hover: hover) {
    .c-consultation-cta .c-consultation-cta__link:hover {
      --c-consultation-cta-pill-color: #fa0d50;
      --c-consultation-cta-label-color: #fff;
    }

    .c-consultation-cta.c-consultation-cta--sidebar .c-consultation-cta__link:hover {
      --c-consultation-cta-detail-color: #8f0a36;
    }
  }
}

/* source: src/components/scholarship-hero/scholarship-hero.css */
@layer components {
  .c-scholarship-hero {
    --c-scholarship-hero-header-height: 233px;
    --c-scholarship-hero-desktop-height: 404px;
    --c-scholarship-hero-copy-width: 693px;
    --c-scholarship-hero-consultation-width: 449px;
    --c-scholarship-hero-desktop-gap: 195px;

    min-inline-size: 0;
    color: var(--cci-color-paper);
    background-color: var(--cci-color-navy);
    container-name: c-scholarship-hero;
    container-type: inline-size;
  }

  .c-scholarship-hero .c-scholarship-hero__inner {
    display: grid;
    min-inline-size: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    padding-block: 48px;
  }

  .c-scholarship-hero .c-scholarship-hero__content,
  .c-scholarship-hero .c-scholarship-hero__consultation {
    min-inline-size: 0;
  }

  .c-scholarship-hero .c-scholarship-hero__title {
    margin: 0;
    color: var(--cci-color-paper);
    font-size: clamp(42px, 10vw, var(--cci-type-hero-size));
    font-weight: 400;
    line-height: var(--cci-type-hero-line);
    text-wrap: wrap;
  }

  .c-scholarship-hero .c-scholarship-hero__title-emphasis,
  .c-scholarship-hero .c-scholarship-hero__title-continuation {
    display: block;
    overflow-wrap: anywhere;
  }

  .c-scholarship-hero .c-scholarship-hero__title-emphasis {
    font-weight: 700;
  }

  .c-scholarship-hero .c-scholarship-hero__lead {
    max-inline-size: 680px;
    margin-block-start: 18px;
    color: var(--cci-color-footer-text);
    font-size: var(--cci-type-lead-size);
    line-height: var(--cci-type-lead-line);
    overflow-wrap: anywhere;
  }

  .c-scholarship-hero .c-scholarship-hero__lead strong {
    color: var(--cci-color-paper);
    font-weight: 600;
  }

  .c-scholarship-hero .c-scholarship-hero__actions {
    display: flex;
    min-inline-size: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-block-start: 27px;
  }

  .c-scholarship-hero .c-scholarship-hero__primary {
    display: flex;
    min-block-size: 67px;
    inline-size: min(100%, 296px);
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px 10px 44px;
    border: 3px solid var(--cci-color-pink);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-paper);
    background: transparent;
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .c-scholarship-hero .c-scholarship-hero__primary:hover {
    background: color-mix(in srgb, var(--cci-color-pink) 14%, transparent);
  }

  .c-scholarship-hero .c-scholarship-hero__primary-icon {
    inline-size: 30px;
    max-inline-size: none;
    block-size: 30px;
    flex: none;
  }

  .c-scholarship-hero .c-scholarship-hero__secondary {
    min-block-size: 44px;
    display: inline-flex;
    align-items: center;
    color: var(--cci-color-footer-text);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
    text-decoration-line: underline;
  }

  .c-scholarship-hero .c-scholarship-hero__secondary:hover,
  .c-scholarship-hero .c-scholarship-hero__secondary:focus-visible {
    color: var(--cci-color-paper);
    text-decoration-line: underline;
  }

  .c-scholarship-hero .c-scholarship-hero__consultation {
    inline-size: min(100%, var(--c-scholarship-hero-consultation-width));
    justify-self: center;
  }

  @media (max-width: 1279px) {
    .c-scholarship-hero {
      background-image: url("/Images/cci-v2/bg-top-1a.jpg");
      background-position: center -120px;
      background-repeat: no-repeat;
      background-size: auto;
    }
  }

  @media (min-width: 1280px) {
    .c-scholarship-hero {
      min-block-size: var(--c-scholarship-hero-desktop-height);
      background-image: url("/Images/cci-v2/bg-top-1a.jpg");
      background-position: center calc(-1 * var(--c-scholarship-hero-header-height));
      background-repeat: no-repeat;
      background-size: auto;
    }
  }

  @container c-scholarship-hero (min-width: 1280px) {
    .c-scholarship-hero .c-scholarship-hero__inner {
      min-block-size: var(--c-scholarship-hero-desktop-height);
      grid-template-columns: minmax(0, 1fr) var(--c-scholarship-hero-consultation-width);
      align-items: start;
      column-gap: var(--cci-layout-gap);
      padding-block: 25px 0;
      padding-inline-start: 16px;
    }

    .c-scholarship-hero .c-scholarship-hero__consultation {
      padding-block-start: 62px;
    }
  }

  @container c-scholarship-hero (min-width: 1492px) {
    .c-scholarship-hero .c-scholarship-hero__inner {
      grid-template-columns: var(--c-scholarship-hero-copy-width) var(--c-scholarship-hero-consultation-width);
      column-gap: var(--c-scholarship-hero-desktop-gap);
    }

    .c-scholarship-hero .c-scholarship-hero__title-emphasis {
      transform: translateY(8.5px) scale(0.862, 0.895);
      transform-origin: left top;
    }

    .c-scholarship-hero .c-scholarship-hero__title-continuation {
      transform: translateY(10px) scale(0.862, 0.81);
      transform-origin: left top;
    }
  }

  @media (max-width: 639px) {
    .c-scholarship-hero .c-scholarship-hero__inner {
      gap: 32px;
    }

    .c-scholarship-hero .c-scholarship-hero__title {
      font-size: clamp(38px, 12vw, 48px);
      line-height: 1.08;
    }

    .c-scholarship-hero .c-scholarship-hero__lead {
      margin-block-start: 16px;
    }

    .c-scholarship-hero .c-scholarship-hero__actions {
      align-items: stretch;
      flex-direction: column;
      margin-block-start: 24px;
    }

    .c-scholarship-hero .c-scholarship-hero__primary {
      padding-inline: 24px 18px;
    }

    .c-scholarship-hero .c-scholarship-hero__secondary {
      align-self: flex-start;
    }
  }
}

/* source: src/components/metric-strip/metric-strip.css */
@layer components {
  .c-metric-strip {
    --c-metric-strip-height: 164px;
    --c-metric-strip-icon-size: 80px;
    --c-metric-strip-copy-gap: 20px;
    --c-metric-strip-muted: #96b1cd;

    display: grid;
    min-inline-size: 0;
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), var(--cci-layout-three));
    min-block-size: var(--c-metric-strip-height);
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: center;
    margin: 0 auto;
    padding: 42px 0;
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-paper);
    background: var(--cci-color-navy-deep);
    list-style: none;
  }

  .c-metric-strip .c-metric-strip__item {
    display: flex;
    min-inline-size: 0;
    align-items: center;
    justify-content: center;
    gap: var(--c-metric-strip-copy-gap);
  }

  .c-metric-strip .c-metric-strip__icon-slot,
  .c-metric-strip .c-metric-strip__icon {
    display: block;
    inline-size: var(--c-metric-strip-icon-size);
    block-size: var(--c-metric-strip-icon-size);
  }

  .c-metric-strip .c-metric-strip__icon {
    max-inline-size: none;
  }

  .c-metric-strip .c-metric-strip__copy {
    display: block;
    min-inline-size: 0;
    max-inline-size: calc(100% - var(--c-metric-strip-icon-size) - var(--c-metric-strip-copy-gap));
  }

  .c-metric-strip .c-metric-strip__value,
  .c-metric-strip .c-metric-strip__label {
    display: block;
    overflow-wrap: anywhere;
  }

  .c-metric-strip .c-metric-strip__value,
  .c-metric-strip .c-metric-strip__animated {
    color: var(--cci-color-paper);
    font-size: var(--cci-type-metric-size);
    font-weight: 700;
    line-height: var(--cci-type-metric-line);
  }

  .c-metric-strip .c-metric-strip__value-slot {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .c-metric-strip .c-metric-strip__value-slot > .c-metric-strip__value,
  .c-metric-strip .c-metric-strip__animated {
    grid-area: 1 / 1;
  }

  .c-metric-strip .c-metric-strip__value-slot.is-counting > .c-metric-strip__value {
    opacity: 0;
  }

  .c-metric-strip .c-metric-strip__animated {
    min-inline-size: 0;
    contain: inline-size;
    white-space: nowrap;
    transform: scaleX(var(--c-metric-strip-animation-scale, 1));
    transform-origin: left center;
  }

  .c-metric-strip .c-metric-strip__animated[hidden] {
    display: none;
  }

  .c-metric-strip .c-metric-strip__label {
    color: var(--c-metric-strip-muted);
    font-size: var(--cci-type-meta-size);
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
  }

  @media (min-width: 640px) and (max-width: 1279px) {
    .c-metric-strip {
      grid-auto-flow: row;
      grid-auto-columns: auto;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px 0;
      padding-block: 32px;
    }

    .c-metric-strip.c-metric-strip--count-1 {
      grid-template-columns: minmax(0, 1fr);
    }

    .c-metric-strip.c-metric-strip--count-3 .c-metric-strip__item:last-child {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 639px) {
    .c-metric-strip {
      --c-metric-strip-copy-gap: 16px;

      inline-size: min(calc(100% - (2 * var(--cci-page-gutter-narrow))), var(--cci-layout-three));
      grid-auto-flow: row;
      grid-auto-columns: auto;
      grid-template-columns: minmax(0, 1fr);
      gap: 20px;
      padding-block: 24px;
    }

    .c-metric-strip .c-metric-strip__item {
      justify-content: start;
      padding-inline: 12px;
    }

    .c-metric-strip.c-metric-strip--count-3 .c-metric-strip__item:last-child {
      grid-column: auto;
    }
  }
}

/* source: src/components/destination-choice/destination-choice.css */
@layer components {
  .c-destination-choice {
    --c-destination-choice-width: 693px;
    --c-destination-choice-ratio: 693 / 350;
    --c-destination-choice-strip-height: 20%;

    position: relative;
    display: block;
    min-inline-size: 0;
    inline-size: min(100%, var(--c-destination-choice-width));
    aspect-ratio: var(--c-destination-choice-ratio);
    container-type: inline-size;
    color: var(--cci-color-paper);
    text-decoration-line: none;
  }

  .c-destination-choice .c-destination-choice__asset,
  .c-destination-choice .c-destination-choice__image-missing {
    position: absolute;
    inset: 0;
    display: block;
    inline-size: 100%;
    block-size: 100%;
  }

  .c-destination-choice .c-destination-choice__asset {
    aspect-ratio: var(--c-destination-choice-ratio);
    object-fit: contain;
    opacity: 1;
  }

  .c-destination-choice .c-destination-choice__asset--interactive {
    opacity: 0;
  }

  .c-destination-choice.c-destination-choice--has-interactive-asset:hover .c-destination-choice__asset--default,
  .c-destination-choice.c-destination-choice--has-interactive-asset:focus-visible .c-destination-choice__asset--default {
    opacity: 0;
  }

  .c-destination-choice.c-destination-choice--has-interactive-asset:hover .c-destination-choice__asset--interactive,
  .c-destination-choice.c-destination-choice--has-interactive-asset:focus-visible .c-destination-choice__asset--interactive {
    opacity: 1;
  }

  .c-destination-choice .c-destination-choice__label {
    position: absolute;
    z-index: 1;
    inset-inline: 0;
    inset-block-end: 0;
    display: flex;
    min-block-size: var(--c-destination-choice-strip-height);
    align-items: center;
    justify-content: center;
    padding-inline: clamp(12px, 3.46cqi, 24px);
    color: var(--cci-color-paper);
    font-size: clamp(16px, 3.47cqi, 24px);
    font-weight: 600;
    line-height: clamp(20px, 4.33cqi, 30px);
    text-align: center;
    overflow-wrap: anywhere;
  }

  .c-destination-choice.c-destination-choice--missing-image {
    background: var(--cci-color-navy);
  }

  .c-destination-choice .c-destination-choice__image-missing {
    inset-block-end: var(--c-destination-choice-strip-height);
    block-size: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: var(--cci-color-footer-text);
    background: var(--cci-color-navy-deep);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
    text-align: center;
  }

  .c-destination-choice:hover .c-destination-choice__label,
  .c-destination-choice:focus-visible .c-destination-choice__label {
    text-decoration-line: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
  }
}

/* source: src/components/mission-section/mission-section.css */
@layer components {
  .c-mission-section {
    --c-mission-section-width: 1428px;
    --c-mission-section-media-ratio: 511 / 387;
    --c-mission-section-wide-gap: 79px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    background: var(--cci-color-warm);
    container-name: c-mission-section;
    container-type: inline-size;
  }

  .c-mission-section .c-mission-section__inner {
    box-sizing: border-box;
    display: grid;
    min-inline-size: 0;
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), var(--c-mission-section-width));
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 40px;
    margin-inline: auto;
    padding-block: 64px;
  }

  .c-mission-section .c-mission-section__text {
    min-inline-size: 0;
    max-inline-size: 812px;
  }

  .c-mission-section .c-mission-section__eyebrow,
  .c-mission-section .c-mission-section__heading,
  .c-mission-section .c-mission-section__body {
    margin: 0;
  }

  .c-mission-section .c-mission-section__eyebrow + .c-mission-section__heading {
    margin-block-start: 21px;
  }

  .c-mission-section .c-mission-section__heading {
    overflow-wrap: anywhere;
  }

  .c-mission-section .c-mission-section__body {
    margin-block-start: 50px;
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-body-size);
    line-height: var(--cci-type-mission-line);
    overflow-wrap: anywhere;
  }

  .c-mission-section .c-mission-section__body > * + * {
    margin-block-start: 19px;
  }

  .c-mission-section .c-mission-section__media {
    position: relative;
    min-inline-size: 0;
    inline-size: min(100%, 511px);
    aspect-ratio: var(--c-mission-section-media-ratio);
  }

  .c-mission-section .c-mission-section__viewport,
  .c-mission-section .c-mission-section__image {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    border-radius: var(--cci-radius-common);
  }

  .c-mission-section .c-mission-section__image {
    aspect-ratio: var(--c-mission-section-media-ratio);
    object-fit: cover;
  }

  .c-mission-section .c-mission-section__viewport {
    position: relative;
    overflow: hidden;
    aspect-ratio: var(--c-mission-section-media-ratio);
  }

  .c-mission-section .c-mission-section__image {
    position: absolute;
    inset: 0;
    transform: translateX(0);
  }

  .c-mission-section .c-mission-section__viewport:has(> .c-mission-section__image:only-child) {
    overflow: visible;
  }

  .c-mission-section .c-mission-section__image:only-child {
    position: static;
    transform: none;
  }

  .c-mission-section .c-mission-section__image[hidden],
  .c-mission-section .c-mission-section__toggle[hidden] {
    display: none;
  }

  .c-mission-section .c-mission-section__image.is-incoming {
    transform: translateX(100%);
  }

  .c-mission-section .c-mission-section__viewport.is-transitioning .c-mission-section__image {
    transition: transform 400ms ease;
  }

  .c-mission-section .c-mission-section__viewport.is-transitioning .c-mission-section__image.is-current {
    transform: translateX(-100%);
  }

  .c-mission-section .c-mission-section__viewport.is-transitioning .c-mission-section__image.is-incoming {
    transform: translateX(0);
  }

  /* UI001: approved carousel circle start */
  .c-mission-section .c-mission-section__toggle {
    box-sizing: border-box;
    position: absolute;
    inset-inline-end: 16px;
    inset-block-end: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 44px;
    block-size: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    background: rgb(9 42 76 / .7);
    opacity: 1;
    font: inherit;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
  }

  .c-mission-section .c-mission-section__toggle:hover {
    background: rgb(9 42 76 / .85);
  }

  .c-mission-section .c-mission-section__toggle::before {
    box-sizing: border-box;
    display: block;
    inline-size: 14px;
    block-size: 16px;
    border-inline: 5px solid currentColor;
    opacity: 1;
    pointer-events: none;
    content: "";
  }

  .c-mission-section .c-mission-section__toggle[aria-pressed="true"]::before {
    border: 0;
    background: currentColor;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    transform: translateX(16.666667%);
  }
  /* UI001: approved carousel circle end */

  .c-mission-section .c-mission-section__toggle:focus-visible {
    outline: var(--cci-focus-width) solid var(--cci-focus-color);
    outline-offset: 3px;
  }

  @media (prefers-reduced-motion: reduce) {
    .c-mission-section .c-mission-section__viewport.is-transitioning .c-mission-section__image {
      transition: none;
    }
  }

  @container c-mission-section (min-width: 1280px) {
    .c-mission-section .c-mission-section__inner {
      min-block-size: 547px;
      grid-template-columns: minmax(0, 812fr) minmax(0, 511fr);
      column-gap: var(--c-mission-section-wide-gap);
      padding: 80px 10px 80px 16px;
    }

    .c-mission-section.c-mission-section--missing-image .c-mission-section__inner {
      grid-template-columns: minmax(0, 812px);
    }

    .c-mission-section .c-mission-section__media {
      inline-size: 100%;
    }
  }

  @container c-mission-section (max-width: 639px) {
    .c-mission-section .c-mission-section__inner {
      inline-size: min(calc(100% - (2 * var(--cci-page-gutter-narrow))), var(--c-mission-section-width));
      gap: 32px;
      padding-block: 48px;
    }

    .c-mission-section .c-mission-section__eyebrow + .c-mission-section__heading {
      margin-block-start: 16px;
    }

    .c-mission-section .c-mission-section__body {
      margin-block-start: 32px;
    }
  }

  @container c-mission-section (max-width: 1439px) {
    .c-mission-section .c-mission-section__heading {
      text-wrap: balance;
    }

    .c-mission-section .c-mission-section__body {
      margin-block-start: 28px;
      font-size: 18px;
      line-height: 30px;
    }

    .c-mission-section .c-mission-section__body > * + * {
      margin-block-start: 15px;
    }
  }

  @container c-mission-section (min-width: 640px) and (max-width: 1279px) {
    .c-mission-section .c-mission-section__inner {
      gap: 32px;
      padding-block: 56px;
    }
  }

  @container c-mission-section (min-width: 640px) and (max-width: 959px) {
    .c-mission-section .c-mission-section__inner {
      inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), 760px);
    }
  }

  @container c-mission-section (max-width: 959px) {
    .c-mission-section .c-mission-section__media {
      justify-self: center;
    }
  }

  @container c-mission-section (min-width: 960px) and (max-width: 1279px) {
    .c-mission-section .c-mission-section__inner {
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
      column-gap: 48px;
    }

    .c-mission-section .c-mission-section__media {
      inline-size: 100%;
      max-inline-size: 511px;
      align-self: center;
    }

    .c-mission-section.c-mission-section--missing-image .c-mission-section__inner {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @container c-mission-section (max-width: 639px) {
    .c-mission-section .c-mission-section__body {
      margin-block-start: 24px;
    }
  }
}

/* The existing heading utility owns type in this layer. Keep its shared
   source unchanged and refine only this component's narrow allocation. */
@layer utilities {
  .c-mission-section .c-mission-section__eyebrow {
    color: var(--cci-color-pink);
    text-decoration-line: none;
  }

  @container c-mission-section (min-width: 640px) and (max-width: 1439px) {
    .c-mission-section .c-mission-section__heading {
      font-size: 34px;
      line-height: 42px;
    }
  }

  @container c-mission-section (max-width: 639px) {
    .c-mission-section .c-mission-section__heading {
      font-size: clamp(28px, 7.6cqi, 32px);
      line-height: 1.25;
    }
  }
}

/* source: src/components/video-feature/video-feature.css */
@layer components {
  .c-video-feature {
    --c-video-feature-width: 1426px;
    --c-video-feature-media-ratio: 1426 / 701;
    --c-video-feature-play-ratio: 94 / 70;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    background: var(--cci-color-paper);
    container-name: c-video-feature;
    container-type: inline-size;
  }

  .c-video-feature .c-video-feature__inner {
    --c-video-feature-padding-block-start: 64px;
    --c-video-feature-padding-block-end: 64px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), var(--c-video-feature-width));
    margin-inline: auto;
    padding-block: var(--c-video-feature-padding-block-start) var(--c-video-feature-padding-block-end);
    position: relative;
  }

  .c-video-feature .c-video-feature__link {
    position: relative;
    display: block;
    min-inline-size: 0;
    inline-size: 100%;
    aspect-ratio: var(--c-video-feature-media-ratio);
    border-radius: var(--cci-radius-common);
    overflow: hidden;
    color: var(--cci-color-pink);
    background: var(--cci-color-navy);
    text-decoration: none;
  }

  .c-video-feature .c-video-feature__poster,
  .c-video-feature .c-video-feature__poster-missing {
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: var(--c-video-feature-media-ratio);
    border-radius: inherit;
  }

  .c-video-feature .c-video-feature__poster {
    object-fit: cover;
    object-position: center;
  }

  .c-video-feature .c-video-feature__poster-missing {
    display: grid;
    align-items: end;
    justify-items: center;
    padding: 24px 24px clamp(16px, 6%, 48px);
    color: var(--cci-color-paper);
    background: var(--cci-color-navy);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
  }

  .c-video-feature .c-video-feature__play {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    display: block;
    inline-size: clamp(64px, 6.594%, 94px);
    aspect-ratio: var(--c-video-feature-play-ratio);
    border-radius: 50%;
    outline: 3px solid transparent;
    outline-offset: 3px;
    pointer-events: none;
    transform: translate(-50%, -50%);
  }

  .c-video-feature .c-video-feature__play svg {
    display: block;
    inline-size: 100%;
    block-size: 100%;
  }

  .c-video-feature .c-video-feature__link:hover .c-video-feature__play,
  .c-video-feature .c-video-feature__link:focus-visible .c-video-feature__play {
    outline-color: var(--cci-color-paper);
  }

  .c-video-feature .c-video-feature__link:focus-visible {
    outline: var(--cci-focus-width) solid var(--cci-focus-color);
    outline-offset: var(--cci-focus-offset);
  }

  .c-video-feature .c-video-feature__player {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: var(--c-video-feature-media-ratio);
    border: 0;
    border-radius: var(--cci-radius-common);
    background: var(--cci-color-navy);
  }

  .c-video-feature.is-active .c-video-feature__link {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    border: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .c-video-feature.is-active .c-video-feature__poster,
  .c-video-feature.is-active .c-video-feature__poster-missing,
  .c-video-feature.is-active .c-video-feature__play {
    display: none;
  }

  .c-video-feature.is-active .c-video-feature__link:focus-visible {
    inset-block-start: calc(var(--c-video-feature-padding-block-start) + 16px);
    inset-inline-start: 16px;
    z-index: 1;
    inline-size: auto;
    max-inline-size: calc(100% - 32px);
    block-size: auto;
    padding: 12px 16px;
    margin: 0;
    overflow: visible;
    clip-path: none;
    color: var(--cci-color-paper);
    background: var(--cci-color-navy);
    white-space: normal;
    aspect-ratio: auto;
  }

  @container c-video-feature (min-width: 1280px) {
    .c-video-feature .c-video-feature__inner {
      --c-video-feature-padding-block-start: 77px;
      --c-video-feature-padding-block-end: 79px;
    }
  }

  @container c-video-feature (max-width: 639px) {
    .c-video-feature .c-video-feature__inner {
      --c-video-feature-padding-block-start: 48px;
      --c-video-feature-padding-block-end: 48px;
      inline-size: min(calc(100% - (2 * var(--cci-page-gutter-narrow))), var(--c-video-feature-width));
    }

    .c-video-feature .c-video-feature__poster-missing {
      padding: 16px;
      font-size: 16px;
    }
  }
}

/* source: src/components/media-lightbox/media-lightbox.css */
@layer components {
  .c-media-lightbox {
    box-sizing: border-box;
    inline-size: 100vw;
    block-size: 100vh;
    max-inline-size: none;
    max-block-size: none;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--cci-color-paper, #fff);
    background: transparent;
    overflow: hidden;
  }

  .c-media-lightbox:not([open]) {
    display: none;
  }

  .c-media-lightbox[open] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 12px;
    block-size: 100dvh;
    padding: 16px;
  }

  .c-media-lightbox::backdrop {
    background: rgb(0 0 0 / 80%);
  }

  .c-media-lightbox .c-media-lightbox__viewport {
    position: relative;
    display: flex;
    min-inline-size: 0;
    min-block-size: 0;
    align-items: center;
    justify-content: center;
  }

  .c-media-lightbox .c-media-lightbox__image {
    display: block;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 100%;
    max-block-size: 100%;
    object-fit: contain;
  }

  .c-media-lightbox .c-media-lightbox__image[hidden],
  .c-media-lightbox .c-media-lightbox__button[hidden],
  .c-media-lightbox .c-media-lightbox__counter[hidden],
  .c-media-lightbox .c-media-lightbox__title[hidden] {
    display: none;
  }

  .c-media-lightbox .c-media-lightbox__status {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    max-inline-size: min(100%, 38rem);
    margin: 0;
    padding: 12px 16px;
    border-radius: 15px;
    color: var(--cci-color-paper, #fff);
    background: var(--cci-color-navy, #092a4c);
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    overflow-wrap: anywhere;
    transform: translate(-50%, -50%);
  }

  .c-media-lightbox .c-media-lightbox__status:empty {
    display: none;
  }

  .c-media-lightbox .c-media-lightbox__controls {
    display: flex;
    flex-wrap: wrap;
    min-inline-size: 0;
    align-items: center;
    justify-content: center;
    justify-self: center;
    gap: 8px;
    max-inline-size: 100%;
    padding: 8px;
    border-radius: 15px;
    color: var(--cci-color-paper, #fff);
    background: var(--cci-color-navy, #092a4c);
  }

  .c-media-lightbox .c-media-lightbox__button {
    box-sizing: border-box;
    display: inline-flex;
    min-inline-size: 44px;
    min-block-size: 44px;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 0;
    border-radius: 8px;
    outline: 3px solid transparent;
    outline-offset: 2px;
    color: var(--cci-color-navy, #092a4c);
    background: var(--cci-color-paper, #fff);
    font: inherit;
    cursor: pointer;
  }

  .c-media-lightbox .c-media-lightbox__button:hover,
  .c-media-lightbox .c-media-lightbox__button:focus-visible {
    outline-color: var(--cci-color-pink, #fa0d50);
  }

  .c-media-lightbox .c-media-lightbox__button:disabled {
    cursor: default;
    opacity: 0.45;
  }

  .c-media-lightbox .c-media-lightbox__close {
    padding-inline: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .c-media-lightbox .c-media-lightbox__counter {
    min-inline-size: 0;
    flex: 0 1 auto;
    color: var(--cci-color-paper, #fff);
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
  }

  .c-media-lightbox .c-media-lightbox__title {
    justify-self: center;
    max-inline-size: min(100%, 62rem);
    max-block-size: 15vh;
    max-block-size: 15dvh;
    margin: 0;
    padding: 12px 16px;
    border-radius: 15px;
    color: var(--cci-color-paper, #fff);
    background: var(--cci-color-navy, #092a4c);
    font-size: 16px;
    line-height: 24px;
    overflow: auto;
    overflow-wrap: anywhere;
  }

  .c-media-lightbox .c-media-lightbox__title:focus-visible {
    outline: 3px solid var(--cci-color-pink, #fa0d50);
    outline-offset: 2px;
  }

  @media (min-width: 640px) {
    .c-media-lightbox[open] {
      padding: 32px;
    }
  }
}

/* source: src/components/story-card/story-card.css */
@layer components {
  .c-story-card {
    --c-story-card-width: 449px;
    --c-story-card-media-ratio: 449 / 276;

    min-inline-size: 0;
    inline-size: min(100%, var(--c-story-card-width));
    color: var(--cci-color-ink);
  }

  .c-story-card .c-story-card__media-link {
    display: block;
    inline-size: 100%;
    aspect-ratio: var(--c-story-card-media-ratio);
    border-radius: var(--cci-radius-common);
    overflow: hidden;
    color: var(--cci-color-muted-warm);
    background: var(--cci-color-warm);
    line-height: 0;
    text-decoration-line: none;
  }

  .c-story-card .c-story-card__image,
  .c-story-card .c-story-card__media-missing {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    border-radius: inherit;
  }

  .c-story-card .c-story-card__image {
    aspect-ratio: var(--c-story-card-media-ratio);
    object-fit: cover;
  }

  .c-story-card .c-story-card__media-missing {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: var(--cci-color-muted-warm);
    background: var(--cci-color-rating);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
    text-align: center;
  }

  .c-story-card .c-story-card__meta {
    min-inline-size: 0;
    margin: 14px 0 0;
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
    overflow-wrap: anywhere;
  }

  .c-story-card .c-story-card__separator {
    color: var(--cci-color-muted-warm);
  }

  .c-story-card .c-story-card__separator--comma {
    margin-inline-end: 6px;
  }

  .c-story-card .c-story-card__separator--pipe {
    margin-inline: 6px;
  }

  .c-story-card .c-story-card__author,
  .c-story-card .c-story-card__category,
  .c-story-card .c-story-card__title-link {
    color: var(--cci-color-link-text);
    text-decoration-line: none;
  }

  .c-story-card .c-story-card__title {
    margin: 8px 0 0;
    color: var(--cci-color-ink);
    font-size: var(--cci-type-card-size);
    font-weight: 600;
    line-height: var(--cci-type-card-line);
    overflow-wrap: anywhere;
  }

  .c-story-card.c-story-card--article .c-story-card__title {
    margin-block-start: 24px;
  }

  .c-story-card .c-story-card__excerpt {
    margin: 12px 0 0;
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
    overflow-wrap: anywhere;
  }

  .c-story-card .c-story-card__media-link:hover,
  .c-story-card .c-story-card__media-link:focus-visible,
  .c-story-card .c-story-card__author:hover,
  .c-story-card .c-story-card__author:focus-visible,
  .c-story-card .c-story-card__category:hover,
  .c-story-card .c-story-card__category:focus-visible,
  .c-story-card .c-story-card__title-link:hover,
  .c-story-card .c-story-card__title-link:focus-visible {
    text-decoration-line: underline;
  }
}

/* source: src/components/blog-story-grid/blog-story-grid.css */
@layer components {
  .c-blog-story-grid {
    min-inline-size: 0;
    inline-size: min(100%, 1427px);
    margin-inline: auto;
    container: blog-story-grid / inline-size;
  }

  .c-blog-story-grid .c-blog-story-grid__items {
    display: grid;
    min-inline-size: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  @media (min-width: 640px) {
    .c-blog-story-grid .c-blog-story-grid__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {
    .c-blog-story-grid .c-blog-story-grid__items {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 40px;
    }
  }

  @media (min-width: 640px) {
    @container blog-story-grid (max-width: 839px) {
      .c-blog-story-grid .c-blog-story-grid__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @container blog-story-grid (max-width: 559px) {
      .c-blog-story-grid .c-blog-story-grid__items {
        grid-template-columns: minmax(0, 1fr);
      }
    }
  }
}

/* source: src/components/student-stories/student-stories.css */
@layer components {
  .c-student-stories {
    --c-student-stories-height: 786px;
    --c-student-stories-width: 1427px;
    --c-student-stories-column: 449px;
    --c-student-stories-column-gap: 40px;
    --c-student-stories-header-gap: 24px;
    --c-student-stories-grid-gap: 69px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container-name: c-student-stories;
    container-type: inline-size;
  }

  .c-student-stories .c-student-stories__inner {
    box-sizing: border-box;
    display: flex;
    min-inline-size: 0;
    inline-size: 100%;
    flex-direction: column;
    align-items: center;
    padding-block: 64px;
  }

  .c-student-stories .c-student-stories__header {
    display: flex;
    min-inline-size: 0;
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), var(--c-student-stories-width));
    flex-direction: column;
    align-items: center;
    gap: var(--c-student-stories-header-gap);
    text-align: center;
  }

  .c-student-stories .c-student-stories__eyebrow,
  .c-student-stories .c-student-stories__heading {
    margin: 0;
    overflow-wrap: anywhere;
  }

  .c-student-stories .c-student-stories__stories {
    display: grid;
    min-inline-size: 0;
    inline-size: min(100%, var(--c-student-stories-width));
    grid-template-columns: repeat(3, var(--c-student-stories-column));
    align-items: start;
    justify-content: center;
    gap: var(--c-student-stories-column-gap);
    margin-block-start: 48px;
  }

  .c-student-stories .c-student-stories__stories[data-story-count="1"] {
    inline-size: min(100%, var(--c-student-stories-column));
    grid-template-columns: var(--c-student-stories-column);
  }

  .c-student-stories .c-student-stories__stories[data-story-count="2"] {
    inline-size: min(100%, 938px);
    grid-template-columns: repeat(2, var(--c-student-stories-column));
  }

  @container c-student-stories (min-width: 1280px) {
    .c-student-stories .c-student-stories__inner {
      min-block-size: var(--c-student-stories-height);
      padding-block: 77px 80px;
    }

    .c-student-stories .c-student-stories__stories {
      margin-block-start: var(--c-student-stories-grid-gap);
    }
  }

  @container c-student-stories (max-width: 1426px) {
    .c-student-stories .c-student-stories__stories {
      inline-size: min(100%, 938px);
      grid-template-columns: repeat(2, var(--c-student-stories-column));
    }
  }

  @container c-student-stories (max-width: 959px) {
    .c-student-stories .c-student-stories__stories,
    .c-student-stories .c-student-stories__stories[data-story-count="2"] {
      inline-size: min(100%, var(--c-student-stories-column));
      grid-template-columns: minmax(0, var(--c-student-stories-column));
    }
  }

  @container c-student-stories (max-width: 639px) {
    .c-student-stories .c-student-stories__inner {
      --c-student-stories-header-gap: 12px;
      padding: 48px var(--cci-page-gutter-narrow);
    }

    .c-student-stories .c-student-stories__header {
      inline-size: 100%;
    }

    .c-student-stories .c-student-stories__stories,
    .c-student-stories .c-student-stories__stories[data-story-count="1"],
    .c-student-stories .c-student-stories__stories[data-story-count="2"] {
      inline-size: min(100%, var(--c-student-stories-column));
      grid-template-columns: minmax(0, 1fr);
      margin-block-start: 40px;
    }
  }
}

/* source: src/components/latest-stories-sidebar/latest-stories-sidebar.css */
@layer components {
  .c-latest-stories-sidebar {
    --c-latest-stories-sidebar-column: 449px;
    --c-latest-stories-sidebar-column-gap: 40px;
    --c-latest-stories-sidebar-row-gap: var(--cci-section-space);
    --c-latest-stories-sidebar-two-columns: 938px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    container-name: c-latest-stories-sidebar;
    container-type: inline-size;
  }

  .c-latest-stories-sidebar .c-latest-stories-sidebar__stories {
    display: grid;
    min-inline-size: 0;
    inline-size: min(100%, var(--c-latest-stories-sidebar-column));
    grid-template-columns: minmax(0, var(--c-latest-stories-sidebar-column));
    align-items: start;
    justify-content: center;
    row-gap: var(--c-latest-stories-sidebar-row-gap);
    margin-inline: auto;
  }

  @container c-latest-stories-sidebar (min-width: 960px) {
    .c-latest-stories-sidebar .c-latest-stories-sidebar__stories {
      inline-size: min(100%, var(--c-latest-stories-sidebar-two-columns));
      grid-template-columns: repeat(2, var(--c-latest-stories-sidebar-column));
      column-gap: var(--c-latest-stories-sidebar-column-gap);
    }
  }

  @container c-latest-stories-sidebar (max-width: 639px) {
    .c-latest-stories-sidebar .c-latest-stories-sidebar__stories {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

/* source: src/components/testimonial-card/testimonial-card.css */
@layer components {
  .c-testimonial-card {
    --c-testimonial-card-width: 449px;
    --c-testimonial-card-height: 276px;
    --c-testimonial-card-star-row-size: 24px;
    --c-testimonial-card-star-size: 16px;
    --c-testimonial-card-portrait-size: 70px;
    --c-testimonial-card-padding-inline: clamp(24px, 8.25%, 37px);
    --c-testimonial-card-quote-min-height: 78px;

    box-sizing: border-box;
    display: flex;
    min-inline-size: 0;
    inline-size: min(100%, var(--c-testimonial-card-width));
    min-block-size: var(--c-testimonial-card-height);
    flex-direction: column;
    margin: 0;
    padding-block: 35px 37px;
    padding-inline: var(--c-testimonial-card-padding-inline);
    border: 0;
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    box-shadow: none;
  }

  .c-testimonial-card .c-testimonial-card__stars {
    display: flex;
    min-inline-size: 0;
    min-block-size: var(--c-testimonial-card-star-row-size);
    flex: 0 0 var(--c-testimonial-card-star-row-size);
    align-items: center;
    gap: 2px;
    padding-inline-start: 3px;
    line-height: 0;
  }

  .c-testimonial-card .c-testimonial-card__star {
    display: block;
    inline-size: var(--c-testimonial-card-star-size);
    block-size: var(--c-testimonial-card-star-size);
    max-inline-size: none;
    flex: 0 0 var(--c-testimonial-card-star-size);
  }

  .c-testimonial-card .c-testimonial-card__quote-slot {
    min-inline-size: 0;
    min-block-size: var(--c-testimonial-card-quote-min-height);
    margin-block-start: 14px;
  }

  .c-testimonial-card .c-testimonial-card__quote,
  .c-testimonial-card .c-testimonial-card__quote-text {
    margin: 0;
  }

  .c-testimonial-card .c-testimonial-card__quote {
    border: 0;
    padding: 0;
    color: var(--cci-color-muted-review);
    font-size: var(--cci-type-quote-size);
    font-style: italic;
    font-weight: 600;
    line-height: var(--cci-type-quote-line);
  }

  .c-testimonial-card .c-testimonial-card__quote-text {
    overflow-wrap: anywhere;
  }

  .c-testimonial-card .c-testimonial-card__person {
    display: grid;
    min-inline-size: 0;
    min-block-size: var(--c-testimonial-card-portrait-size);
    grid-template-columns: var(--c-testimonial-card-portrait-size) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin-block-start: 18px;
  }

  .c-testimonial-card .c-testimonial-card__portrait,
  .c-testimonial-card .c-testimonial-card__portrait-image,
  .c-testimonial-card .c-testimonial-card__portrait-missing {
    display: block;
    inline-size: var(--c-testimonial-card-portrait-size);
    block-size: var(--c-testimonial-card-portrait-size);
    border-radius: 50%;
  }

  .c-testimonial-card .c-testimonial-card__portrait {
    overflow: hidden;
    background: var(--cci-color-rating);
  }

  .c-testimonial-card .c-testimonial-card__portrait-image {
    max-inline-size: none;
    object-fit: cover;
  }

  .c-testimonial-card .c-testimonial-card__portrait-missing {
    background: var(--cci-color-rating);
    box-shadow: inset 0 0 0 2px var(--cci-color-warm);
  }

  .c-testimonial-card .c-testimonial-card__identity {
    display: block;
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }

  .c-testimonial-card .c-testimonial-card__name,
  .c-testimonial-card .c-testimonial-card__supporting {
    display: block;
  }

  .c-testimonial-card .c-testimonial-card__name {
    color: var(--cci-color-ink);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }

  .c-testimonial-card .c-testimonial-card__supporting {
    color: var(--cci-color-muted-review);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }
}

/* source: src/components/external-rating-summary/external-rating-summary.css */
@layer components {
  .c-external-rating-summary {
    --c-external-rating-summary-width: 553px;
    --c-external-rating-summary-height: 88px;
    --c-external-rating-summary-provider-width: 200px;
    --c-external-rating-summary-provider-gap: 65px;
    --c-external-rating-summary-star-gap: 3px;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--c-external-rating-summary-provider-width), var(--c-external-rating-summary-provider-width)));
    min-inline-size: 0;
    inline-size: min(100%, var(--c-external-rating-summary-width));
    min-block-size: var(--c-external-rating-summary-height);
    align-content: center;
    justify-content: center;
    gap: 16px var(--c-external-rating-summary-provider-gap);
    margin: 0;
    padding-block: 22px 23px;
    padding-inline: max(16px, calc((100% - 465px) / 2));
    border: 0;
    border-radius: 44px;
    color: var(--cci-color-ink);
    background: var(--cci-color-rating);
    list-style: none;
  }

  .c-external-rating-summary .c-external-rating-summary__provider {
    position: relative;
    inset-inline-start: 1px;
    display: grid;
    grid-template-columns: 41px 132px;
    min-inline-size: 0;
    inline-size: var(--c-external-rating-summary-provider-width);
    align-items: start;
    column-gap: 27px;
  }

  .c-external-rating-summary .c-external-rating-summary__provider--firmy {
    grid-template-columns: 39px 132px;
    column-gap: 29px;
  }

  .c-external-rating-summary .c-external-rating-summary__icon-slot {
    display: block;
    inline-size: 41px;
    block-size: 41px;
    margin-block-start: 2px;
  }

  .c-external-rating-summary .c-external-rating-summary__provider--firmy .c-external-rating-summary__icon-slot {
    inline-size: 39px;
    block-size: 39px;
  }

  .c-external-rating-summary .c-external-rating-summary__provider-icon,
  .c-external-rating-summary .c-external-rating-summary__star {
    display: block;
    max-inline-size: none;
  }

  .c-external-rating-summary .c-external-rating-summary__provider--google .c-external-rating-summary__provider-icon {
    inline-size: 41px;
    block-size: 41px;
  }

  .c-external-rating-summary .c-external-rating-summary__provider--firmy .c-external-rating-summary__provider-icon {
    inline-size: 39px;
    block-size: 39px;
  }

  .c-external-rating-summary .c-external-rating-summary__rating {
    display: block;
    min-inline-size: 0;
    inline-size: 132px;
  }

  .c-external-rating-summary .c-external-rating-summary__provider--firmy .c-external-rating-summary__rating {
    margin-inline-start: 1px;
  }

  .c-external-rating-summary .c-external-rating-summary__stars {
    display: flex;
    inline-size: 132px;
    block-size: 24px;
    gap: var(--c-external-rating-summary-star-gap);
  }

  .c-external-rating-summary .c-external-rating-summary__star {
    flex: 0 0 24px;
    inline-size: 24px;
    block-size: 24px;
  }

  .c-external-rating-summary .c-external-rating-summary__value {
    display: block;
    min-inline-size: 0;
    margin: 0;
    color: var(--cci-color-ink);
    font-size: var(--cci-type-meta-size);
    font-weight: 700;
    line-height: 19px;
    overflow-wrap: anywhere;
  }

  .c-external-rating-summary .c-external-rating-summary__stars + .c-external-rating-summary__value:not(.c-external-rating-summary__value--missing) {
    transform: translateY(5px);
  }

  .c-external-rating-summary .c-external-rating-summary__value--missing {
    font-size: 14px;
    font-weight: 600;
  }
}

/* source: src/components/review-band/review-band.css */
@layer components {
  .c-review-band {
    --c-review-band-width: 1427px;
    --c-review-band-column: 449px;
    --c-review-band-column-gap: 40px;
    --c-review-band-header-gap: 24px;
    --c-review-band-rating-gap: 50px;
    --c-review-band-testimonials-gap: 71px;
    --c-review-band-closing-inset: 80px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    background: var(--cci-color-warm);
    container-name: c-review-band;
    container-type: inline-size;
  }

  .c-review-band .c-review-band__inner {
    box-sizing: border-box;
    display: flex;
    min-inline-size: 0;
    inline-size: 100%;
    flex-direction: column;
    align-items: center;
    padding-block: 77px var(--c-review-band-closing-inset);
  }

  .c-review-band .c-review-band__header {
    display: flex;
    min-inline-size: 0;
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), var(--c-review-band-width));
    flex-direction: column;
    align-items: center;
    gap: var(--c-review-band-header-gap);
    text-align: center;
  }

  .c-review-band .c-review-band__eyebrow,
  .c-review-band .c-review-band__heading {
    margin: 0;
    overflow-wrap: anywhere;
  }

  .c-review-band .c-review-band__rating {
    display: flex;
    min-inline-size: 0;
    inline-size: min(100%, 553px);
    justify-content: center;
    margin-block-start: var(--c-review-band-rating-gap);
  }

  .c-review-band .c-review-band__testimonials {
    display: grid;
    min-inline-size: 0;
    inline-size: min(100%, var(--c-review-band-width));
    grid-template-columns: repeat(3, var(--c-review-band-column));
    align-items: start;
    justify-content: center;
    gap: var(--c-review-band-column-gap);
    margin-block-start: var(--c-review-band-rating-gap);
  }

  .c-review-band .c-review-band__rating + .c-review-band__testimonials {
    margin-block-start: var(--c-review-band-testimonials-gap);
  }

  .c-review-band .c-review-band__testimonials[data-testimonial-count="1"] {
    inline-size: min(100%, var(--c-review-band-column));
    grid-template-columns: var(--c-review-band-column);
  }

  .c-review-band .c-review-band__testimonials[data-testimonial-count="2"] {
    inline-size: min(100%, 938px);
    grid-template-columns: repeat(2, var(--c-review-band-column));
  }

  @container c-review-band (max-width: 1426px) {
    .c-review-band .c-review-band__testimonials {
      inline-size: min(100%, 938px);
      grid-template-columns: repeat(2, var(--c-review-band-column));
    }
  }

  @container c-review-band (max-width: 1024px) {
    .c-review-band .c-review-band__testimonials,
    .c-review-band .c-review-band__testimonials[data-testimonial-count="2"] {
      inline-size: min(100%, var(--c-review-band-column));
      grid-template-columns: minmax(0, var(--c-review-band-column));
    }
  }

  @container c-review-band (max-width: 639px) {
    .c-review-band .c-review-band__inner {
      --c-review-band-header-gap: 12px;
      --c-review-band-rating-gap: 32px;
      --c-review-band-testimonials-gap: 40px;
      --c-review-band-closing-inset: 48px;
      padding-block-start: 48px;
      padding-inline: var(--cci-page-gutter-narrow);
    }

    .c-review-band .c-review-band__header {
      inline-size: 100%;
    }

    .c-review-band .c-review-band__testimonials,
    .c-review-band .c-review-band__testimonials[data-testimonial-count="1"],
    .c-review-band .c-review-band__testimonials[data-testimonial-count="2"] {
      inline-size: min(100%, var(--c-review-band-column));
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

/* source: src/components/content-page-layout/content-page-layout.css */
@layer components {
  .c-content-page-layout {
    --c-content-page-layout-main: var(--cci-layout-content-main);
    --c-content-page-layout-gap: var(--cci-layout-content-gap);
    --c-content-page-layout-aside: var(--cci-layout-content-aside);
    --c-content-page-layout-inset: var(--cci-layout-content-inset);
    --c-content-page-layout-flow-gap: var(--cci-layout-gap);
    --c-content-page-layout-sidebar-offset: 16px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    container-name: c-content-page-layout;
    container-type: inline-size;
  }

  .c-content-page-layout .c-content-page-layout__inner,
  .c-content-page-layout .c-content-page-layout__grid,
  .c-content-page-layout .c-content-page-layout__primary,
  .c-content-page-layout .c-content-page-layout__sidebar,
  .c-content-page-layout .c-content-page-layout__prelude,
  .c-content-page-layout .c-content-page-layout__article-header,
  .c-content-page-layout .c-content-page-layout__consultation,
  .c-content-page-layout .c-content-page-layout__article-body,
  .c-content-page-layout .c-content-page-layout__latest-stories {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .c-content-page-layout .c-content-page-layout__grid,
  .c-content-page-layout .c-content-page-layout__primary,
  .c-content-page-layout .c-content-page-layout__sidebar {
    display: grid;
    inline-size: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--c-content-page-layout-flow-gap);
    align-items: start;
  }

  .c-content-page-layout.c-content-page-layout--sidebar .c-content-page-layout__consultation {
    inline-size: min(100%, var(--c-content-page-layout-aside));
    justify-self: center;
  }

  @container c-content-page-layout (min-width: 1280px) {
    .c-content-page-layout.c-content-page-layout--sidebar .c-content-page-layout__grid {
      inline-size: min(
        calc(100% - var(--c-content-page-layout-inset)),
        calc(
          var(--c-content-page-layout-main) + var(--c-content-page-layout-gap) +
            var(--c-content-page-layout-aside)
        )
      );
      grid-template-columns: minmax(0, 900fr) minmax(0, 449fr);
      column-gap: var(--c-content-page-layout-gap);
      row-gap: var(--c-content-page-layout-flow-gap);
      margin-inline-start: var(--c-content-page-layout-inset);
    }

    .c-content-page-layout.c-content-page-layout--sidebar:not(.has-prelude) .c-content-page-layout__primary {
      grid-column: 1;
    }

    .c-content-page-layout.c-content-page-layout--sidebar:not(.has-prelude) .c-content-page-layout__sidebar {
      grid-column: 2;
      row-gap: calc(
        var(--c-content-page-layout-flow-gap) + var(--c-content-page-layout-sidebar-offset)
      );
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude .c-content-page-layout__article-header {
      grid-column: 1;
      grid-row: 1;
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude .c-content-page-layout__prelude {
      grid-column: 1 / -1;
      grid-row: 2;
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude .c-content-page-layout__consultation {
      grid-column: 2;
      grid-row: 3;
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude .c-content-page-layout__article-body {
      grid-column: 1;
      grid-row: 3;
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude .c-content-page-layout__latest-stories {
      grid-column: 2;
      grid-row: 3;
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude.has-consultation.has-latest-stories .c-content-page-layout__grid {
      grid-template-rows: auto auto max-content minmax(0, 1fr);
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude.has-consultation.has-latest-stories .c-content-page-layout__article-body {
      grid-row: 3 / 5;
    }

    .c-content-page-layout.c-content-page-layout--sidebar.has-prelude.has-consultation.has-latest-stories .c-content-page-layout__latest-stories {
      grid-row: 4;
      margin-block-start: var(--c-content-page-layout-sidebar-offset);
    }

    .c-content-page-layout.c-content-page-layout--full-width .c-content-page-layout__grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

/* source: src/components/rozcestnik/rozcestnik.css */
@layer components {
  .c-rozcestnik {
    container: rozcestnik / inline-size;
    min-inline-size: 0;
  }

  .c-rozcestnik .c-rozcestnik__grid {
    display: grid;
    align-items: start;
    min-inline-size: 0;
    gap: 24px;
  }

  .c-rozcestnik .c-rozcestnik__grid--columns-1 { grid-template-columns: minmax(0, 1fr); }
  .c-rozcestnik .c-rozcestnik__grid--columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-rozcestnik .c-rozcestnik__grid--columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .c-rozcestnik .c-rozcestnik__grid--columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .c-rozcestnik .c-rozcestnik__column {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto auto;
    min-inline-size: 0;
    border-radius: 20px;
    background: #e9f4ff;
    --rozcestnik-heading-color: #1aaaed;
  }

  .c-rozcestnik .c-rozcestnik__column:nth-child(2) { --rozcestnik-heading-color: #1c95e7; }
  .c-rozcestnik .c-rozcestnik__column:nth-child(3) { --rozcestnik-heading-color: #318ae8; }
  .c-rozcestnik .c-rozcestnik__column:nth-child(4) { --rozcestnik-heading-color: #6481f1; }
  .c-rozcestnik .c-rozcestnik__grid--columns-3 > .c-rozcestnik__column:nth-child(1) { --rozcestnik-heading-color: #00a4ec; }
  .c-rozcestnik .c-rozcestnik__grid--columns-3 > .c-rozcestnik__column:nth-child(2) { --rozcestnik-heading-color: #1681ef; }
  .c-rozcestnik .c-rozcestnik__grid--columns-3 > .c-rozcestnik__column:nth-child(3) { --rozcestnik-heading-color: #7376f4; }

  .c-rozcestnik .c-rozcestnik__heading {
    min-inline-size: 0;
    border-radius: 20px 20px 0 0;
    color: var(--cci-color-paper);
    background: var(--rozcestnik-heading-color);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
  }

  .c-rozcestnik .c-rozcestnik__heading-link,
  .c-rozcestnik .c-rozcestnik__heading-text {
    box-sizing: border-box;
    display: block;
    align-content: center;
    min-inline-size: 0;
    min-block-size: 70px;
    padding: 12px 20px;
    overflow-wrap: anywhere;
    color: inherit;
  }

  .c-rozcestnik .c-rozcestnik__heading-link { text-decoration: none; }
  .c-rozcestnik .c-rozcestnik__heading-link:hover { text-decoration: underline; text-underline-offset: 0.16em; }
  .c-rozcestnik .c-rozcestnik__heading-link:focus-visible,
  .c-rozcestnik .c-rozcestnik__cta:focus-visible {
    outline: var(--cci-focus-width) solid var(--cci-color-pink);
    outline-offset: var(--cci-focus-offset);
  }

  .c-rozcestnik .c-rozcestnik__content {
    display: flex;
    min-inline-size: 0;
    padding: 32px;
    gap: 20px;
    flex-direction: column;
  }

  .c-rozcestnik .c-rozcestnik__list {
    display: grid;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    gap: 16px;
    list-style: none;
  }

  .c-rozcestnik .c-rozcestnik__item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    min-inline-size: 0;
    gap: 8px;
    color: var(--cci-color-ink);
  }

  .c-rozcestnik .c-rozcestnik__marker {
    color: var(--cci-color-pink);
    font-weight: 700;
  }

  .c-rozcestnik .c-rozcestnik__item--plus .c-rozcestnik__marker { color: #00d57d; }
  .c-rozcestnik .c-rozcestnik__item--minus .c-rozcestnik__marker { color: #fa0d50; }

  .c-rozcestnik .c-rozcestnik__item-text { min-inline-size: 0; overflow-wrap: anywhere; }

  .c-rozcestnik .c-rozcestnik__highlight {
    min-inline-size: 0;
    overflow-wrap: anywhere;
    color: var(--cci-color-ink);
    font-size: 20px;
  }

  .c-rozcestnik .c-rozcestnik__cta {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    min-inline-size: 0;
    min-block-size: 64px;
    padding: 12px 48px;
    border: 2px solid #0298e9;
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    color: var(--cci-color-paper);
    background: #0298e9;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
  }

  .c-rozcestnik .c-rozcestnik__grid--columns-4 .c-rozcestnik__cta { padding-inline: 32px; }

  .c-rozcestnik .c-rozcestnik__cta:hover { border-color: #1681ef; background: #1681ef; }
  .c-rozcestnik .c-rozcestnik__cta:active { border-color: #7376f4; background: #7376f4; }

  @container rozcestnik (max-width: 959px) {
    .c-rozcestnik .c-rozcestnik__grid--columns-3,
    .c-rozcestnik .c-rozcestnik__grid--columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @container rozcestnik (max-width: 559px) {
    .c-rozcestnik .c-rozcestnik__grid {
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
    }

    .c-rozcestnik .c-rozcestnik__content { padding: 24px 18px; }
    .c-rozcestnik .c-rozcestnik__cta { padding-inline: 24px; }
  }
}

/* source: src/components/article-header/article-header.css */
@layer components {
  .c-article-header {
    --c-article-header-eyebrow-heading-gap: 28px;
    --c-article-header-heading-intro-gap: 40px;
    --c-article-header-back-link-gap: 24px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    container-name: c-article-header;
    container-type: inline-size;
  }

  .c-article-header .c-article-header__back-link,
  .c-article-header .c-article-header__eyebrow,
  .c-article-header .c-article-header__heading,
  .c-article-header .c-article-header__intro,
  .c-article-header .c-article-header__intro > :where(p) {
    margin: 0;
  }

  .c-article-header .c-article-header__back-link {
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: var(--cci-type-meta-line);
  }

  .c-article-header .c-article-header__back-link :where(a),
  .c-article-header .c-article-header__intro :where(a) {
    color: var(--cci-color-link-text);
    text-decoration-line: none;
  }

  .c-article-header .c-article-header__back-link :where(a:hover),
  .c-article-header .c-article-header__back-link :where(a:focus-visible),
  .c-article-header .c-article-header__intro :where(a:hover),
  .c-article-header .c-article-header__intro :where(a:focus-visible) {
    text-decoration-line: underline;
  }

  .c-article-header .c-article-header__back-link + .c-article-header__eyebrow,
  .c-article-header .c-article-header__back-link + .c-article-header__heading {
    margin-block-start: var(--c-article-header-back-link-gap);
  }

  .c-article-header .c-article-header__eyebrow {
    color: var(--cci-color-pink);
    font-size: var(--cci-type-eyebrow-size);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: var(--cci-type-eyebrow-line);
    overflow-wrap: anywhere;
    text-decoration-line: none;
    text-transform: uppercase;
  }

  .c-article-header .c-article-header__eyebrow + .c-article-header__heading {
    margin-block-start: var(--c-article-header-eyebrow-heading-gap);
  }

  .c-article-header .c-article-header__heading {
    font-size: var(--cci-type-page-title-size);
    font-weight: 700;
    line-height: var(--cci-type-page-title-line);
    overflow-wrap: anywhere;
  }

  .c-article-header .c-article-header__heading + .c-article-header__intro {
    margin-block-start: var(--c-article-header-heading-intro-gap);
  }

  .c-article-header .c-article-header__intro {
    min-inline-size: 0;
    font-size: var(--cci-type-body-size);
    font-weight: 400;
    line-height: var(--cci-type-body-line);
    overflow-wrap: anywhere;
  }

  .c-article-header .c-article-header__intro > :where(p + p) {
    margin-block-start: 28px;
  }

  @container c-article-header (max-width: 639px) {
    .c-article-header {
      --c-article-header-eyebrow-heading-gap: 24px;
      --c-article-header-heading-intro-gap: 28px;
      --c-article-header-back-link-gap: 20px;
    }

    .c-article-header .c-article-header__heading {
      font-size: 40px;
      line-height: 48px;
    }

    .c-article-header .c-article-header__intro {
      font-size: 18px;
      line-height: 30px;
    }
  }
}

/* source: src/components/article-list-item/article-list-item.css */
@layer components {
  .c-article-list-item {
    --c-article-list-item-full-media-width: 280px;
    --c-article-list-item-full-media-ratio: 2 / 1;
    --c-article-list-item-full-gap: 28px;
    --c-article-list-item-compact-media-size: 72px;
    --c-article-list-item-compact-gap: 16px;
    --c-article-list-item-block-space: 24px;
    --c-article-list-item-compact-block-space: 16px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    padding-block: var(--c-article-list-item-block-space);
    border-block-end: 1px solid var(--cci-color-rating);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container-name: c-article-list-item;
    container-type: inline-size;
  }

  .c-article-list-item.c-article-list-item--compact {
    padding-block: var(--c-article-list-item-compact-block-space);
  }

  .c-article-list-item .c-article-list-item__layout,
  .c-article-list-item .c-article-list-item__content,
  .c-article-list-item .c-article-list-item__meta,
  .c-article-list-item .c-article-list-item__title,
  .c-article-list-item .c-article-list-item__excerpt {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .c-article-list-item .c-article-list-item__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 20px;
  }

  .c-article-list-item.c-article-list-item--compact.has-image .c-article-list-item__layout {
    grid-template-columns: var(--c-article-list-item-compact-media-size) minmax(0, 1fr);
    gap: var(--c-article-list-item-compact-gap);
  }

  .c-article-list-item .c-article-list-item__media-link {
    display: block;
    min-inline-size: 0;
    inline-size: 100%;
    aspect-ratio: var(--c-article-list-item-full-media-ratio);
    border-radius: var(--cci-radius-common);
    overflow: hidden;
    line-height: 0;
  }

  .c-article-list-item.c-article-list-item--compact .c-article-list-item__media-link {
    inline-size: var(--c-article-list-item-compact-media-size);
    block-size: var(--c-article-list-item-compact-media-size);
    aspect-ratio: 1;
  }

  .c-article-list-item .c-article-list-item__image {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    border-radius: inherit;
    object-fit: cover;
  }

  .c-article-list-item .c-article-list-item__meta,
  .c-article-list-item .c-article-list-item__title,
  .c-article-list-item .c-article-list-item__excerpt {
    margin: 0;
    overflow-wrap: anywhere;
  }

  .c-article-list-item .c-article-list-item__meta {
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-article-list-item .c-article-list-item__meta-item + .c-article-list-item__meta-item::before {
    content: "·";
    margin-inline: 8px;
    color: var(--cci-color-muted-warm);
  }

  .c-article-list-item .c-article-list-item__title {
    margin-block-start: 8px;
    color: var(--cci-color-ink);
    font-size: var(--cci-type-card-size);
    font-weight: 600;
    line-height: var(--cci-type-card-line);
  }

  .c-article-list-item.c-article-list-item--compact .c-article-list-item__title {
    margin-block-start: 4px;
    font-size: 18px;
    line-height: 24px;
  }

  .c-article-list-item .c-article-list-item__excerpt {
    margin-block-start: 12px;
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-article-list-item .c-article-list-item__excerpt > :first-child {
    margin-block-start: 0;
  }

  .c-article-list-item .c-article-list-item__excerpt > :last-child {
    margin-block-end: 0;
  }

  .c-article-list-item .c-article-list-item__title-link,
  .c-article-list-item .c-article-list-item__creator,
  .c-article-list-item .c-article-list-item__category,
  .c-article-list-item .c-article-list-item__read-more {
    color: var(--cci-color-link-text);
    text-decoration-line: none;
  }

  .c-article-list-item .c-article-list-item__read-more {
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    margin-block-start: 8px;
    font-weight: 600;
  }

  .c-article-list-item .c-article-list-item__media-link:hover,
  .c-article-list-item .c-article-list-item__media-link:focus-visible,
  .c-article-list-item .c-article-list-item__title-link:hover,
  .c-article-list-item .c-article-list-item__title-link:focus-visible,
  .c-article-list-item .c-article-list-item__creator:hover,
  .c-article-list-item .c-article-list-item__creator:focus-visible,
  .c-article-list-item .c-article-list-item__category:hover,
  .c-article-list-item .c-article-list-item__category:focus-visible,
  .c-article-list-item .c-article-list-item__read-more:hover,
  .c-article-list-item .c-article-list-item__read-more:focus-visible {
    text-decoration-line: underline;
  }

  @container c-article-list-item (min-width: 640px) {
    .c-article-list-item.c-article-list-item--full.has-image .c-article-list-item__layout {
      grid-template-columns: minmax(0, var(--c-article-list-item-full-media-width)) minmax(0, 1fr);
      gap: var(--c-article-list-item-full-gap);
    }
  }
}

/* source: src/components/qa-item/qa-item.css */
@layer components {
  .c-qa-item {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    border: 1px solid var(--cci-color-rating);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container-name: c-qa-item;
    container-type: inline-size;
  }

  .c-qa-item .c-qa-item__inner {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    padding: 28px;
  }

  .c-qa-item .c-qa-item__title,
  .c-qa-item .c-qa-item__content,
  .c-qa-item .c-qa-item__pair,
  .c-qa-item .c-qa-item__term,
  .c-qa-item .c-qa-item__description,
  .c-qa-item .c-qa-item__answer-text {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .c-qa-item .c-qa-item__title {
    margin: 0;
    color: var(--cci-color-navy);
    font-size: var(--cci-type-card-size);
    font-weight: 600;
    line-height: var(--cci-type-card-line);
    overflow-wrap: anywhere;
  }

  .c-qa-item .c-qa-item__title-link,
  .c-qa-item .c-qa-item__read-more {
    display: inline-flex;
    align-items: center;
    min-block-size: 24px;
    max-inline-size: 100%;
    color: var(--cci-color-link-text);
    overflow-wrap: anywhere;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  .c-qa-item .c-qa-item__title-link:hover,
  .c-qa-item .c-qa-item__title-link:focus-visible,
  .c-qa-item .c-qa-item__read-more:hover,
  .c-qa-item .c-qa-item__read-more:focus-visible {
    color: var(--cci-color-navy);
    text-decoration-thickness: 2px;
  }

  .c-qa-item .c-qa-item__content {
    display: grid;
    gap: 18px;
    margin: 22px 0 0;
  }

  .c-qa-item .c-qa-item__pair {
    display: grid;
    gap: 6px;
    margin: 0;
    padding-inline-start: 18px;
    border-inline-start: 3px solid var(--cci-color-pink);
  }

  .c-qa-item .c-qa-item__pair--answer {
    border-inline-start-color: var(--cci-color-navy);
  }

  .c-qa-item .c-qa-item__term {
    color: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    font-weight: 700;
    line-height: var(--cci-type-meta-line);
    overflow-wrap: anywhere;
  }

  .c-qa-item .c-qa-item__description {
    margin: 0;
    font-size: var(--cci-type-body-size);
    line-height: var(--cci-type-body-line);
    overflow-wrap: anywhere;
  }

  .c-qa-item .c-qa-item__description--answer {
    display: grid;
    justify-items: start;
    gap: 10px;
  }

  @container c-qa-item (max-width: 359px) {
    .c-qa-item .c-qa-item__inner {
      padding: 20px;
    }

    .c-qa-item .c-qa-item__content {
      gap: 16px;
      margin-block-start: 18px;
    }

    .c-qa-item .c-qa-item__pair {
      padding-inline-start: 12px;
    }
  }
}

/* source: src/components/qa-list/qa-list.css */
@layer components {
  .c-qa-list {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    container: c-qa-list / inline-size;
    color: var(--cci-color-ink);
  }

  .c-qa-list .c-qa-list__items {
    display: grid;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 24px;
  }

  .c-qa-list .c-qa-list__item {
    min-inline-size: 0;
    margin: 0;
  }

  .c-qa-list .c-qa-list__message {
    box-sizing: border-box;
    min-inline-size: 0;
    margin: 0;
    padding: 18px 20px;
    border-inline-start: 4px solid var(--cci-color-navy);
    border-radius: 0 var(--cci-radius-common) var(--cci-radius-common) 0;
    overflow-wrap: anywhere;
    color: var(--cci-color-navy);
    background: var(--cci-color-warm);
  }

  .c-qa-list .c-qa-list__message--error {
    border-inline-start-color: var(--cci-color-pink);
    font-weight: 700;
  }

  @container c-qa-list (max-width: 359px) {
    .c-qa-list .c-qa-list__items {
      gap: 16px;
    }

    .c-qa-list .c-qa-list__message {
      padding: 16px;
    }
  }
}

/* source: src/components/reference-list-item/reference-list-item.css */
@layer components {
  .c-reference-list-item {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    padding-block: 24px;
    border-block-end: 1px solid var(--cci-color-rating);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container: c-reference-list-item / inline-size;
  }

  .c-reference-list-item .c-reference-list-item__inner,
  .c-reference-list-item .c-reference-list-item__body,
  .c-reference-list-item .c-reference-list-item__identity,
  .c-reference-list-item .c-reference-list-item__portrait,
  .c-reference-list-item .c-reference-list-item__quote,
  .c-reference-list-item .c-reference-list-item__quote-text {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .c-reference-list-item .c-reference-list-item__inner {
    display: grid;
  }

  .c-reference-list-item.has-portrait .c-reference-list-item__inner {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 16px;
  }

  .c-reference-list-item .c-reference-list-item__portrait {
    inline-size: 40px;
    block-size: 40px;
  }

  .c-reference-list-item .c-reference-list-item__portrait-image {
    display: block;
    inline-size: 40px;
    block-size: 40px;
    max-inline-size: none;
    border-radius: 50%;
  }

  .c-reference-list-item .c-reference-list-item__body {
    display: grid;
    justify-items: start;
    gap: 18px;
  }

  .c-reference-list-item .c-reference-list-item__identity {
    display: grid;
    gap: 4px;
  }

  .c-reference-list-item .c-reference-list-item__name,
  .c-reference-list-item .c-reference-list-item__location,
  .c-reference-list-item .c-reference-list-item__other-info,
  .c-reference-list-item .c-reference-list-item__quote,
  .c-reference-list-item .c-reference-list-item__quote-text {
    margin: 0;
    overflow-wrap: anywhere;
  }

  .c-reference-list-item .c-reference-list-item__name {
    color: var(--cci-color-navy);
    font-size: var(--cci-type-card-size);
    font-weight: 700;
    line-height: var(--cci-type-card-line);
  }

  .c-reference-list-item .c-reference-list-item__location,
  .c-reference-list-item .c-reference-list-item__other-info {
    color: var(--cci-color-muted);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-reference-list-item .c-reference-list-item__quote {
    padding-inline-start: 16px;
    border-inline-start: 3px solid var(--cci-color-pink);
    color: var(--cci-color-ink);
  }

  .c-reference-list-item .c-reference-list-item__quote-text {
    font-size: var(--cci-type-body-size);
    font-style: italic;
    line-height: var(--cci-type-body-line);
  }

  .c-reference-list-item .c-reference-list-item__detail-link {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
    max-inline-size: 100%;
    color: var(--cci-color-link-text);
    font-weight: 600;
    overflow-wrap: anywhere;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  .c-reference-list-item .c-reference-list-item__detail-link:hover,
  .c-reference-list-item .c-reference-list-item__detail-link:focus-visible {
    color: var(--cci-color-navy);
    text-decoration-thickness: 2px;
  }

  @container c-reference-list-item (max-width: 359px) {
    .c-reference-list-item.has-portrait .c-reference-list-item__inner {
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
    }

    .c-reference-list-item .c-reference-list-item__body {
      gap: 14px;
    }
  }
}

/* source: src/components/inline-reference/inline-reference.css */
@layer components {
  .c-inline-reference {
    --c-inline-reference-gap: 12px;
    --c-inline-reference-flow-gap: 40px;
    box-sizing: border-box;
    display: grid;
    container-type: inline-size;
    grid-template-columns: minmax(0, 1fr);
    inline-size: 100%;
    min-inline-size: 0;
    gap: var(--c-inline-reference-gap) 16px;
    margin-block: var(--c-inline-reference-flow-gap);
    margin-inline: 0;
    padding: 20px;
    border-radius: var(--cci-radius-common);
    background: var(--cci-color-warm);
    color: var(--cci-color-ink);
  }
  .c-inline-reference.has-portrait { grid-template-columns: 56px minmax(0, 1fr); }
  .c-inline-reference .c-inline-reference__portrait { grid-column: 1; grid-row: 1 / span 3; inline-size: 56px; block-size: 56px; max-inline-size: none; border-radius: 50%; object-fit: cover; }
  .c-inline-reference .c-inline-reference__identity, .c-inline-reference .c-inline-reference__teaser, .c-inline-reference .c-inline-reference__teaser-text { min-inline-size: 0; max-inline-size: 100%; margin: 0; overflow-wrap: anywhere; }
  .c-inline-reference .c-inline-reference__identity { display: flex; flex-wrap: wrap; gap: 0 0.35em; align-items: baseline; color: var(--cci-color-navy); font-size: var(--cci-type-card-size); line-height: var(--cci-type-card-line); }
  .c-inline-reference.has-portrait .c-inline-reference__identity { grid-column: 2; }
  .c-inline-reference .c-inline-reference__name { font-size: 20px; font-weight: 600; line-height: 24px; }
  .c-inline-reference .c-inline-reference__location, .c-inline-reference .c-inline-reference__other-info { color: var(--cci-color-muted-warm); font-size: 16px; line-height: 24px; }
  .c-inline-reference .c-inline-reference__teaser { color: var(--cci-color-muted-review); }
  .c-inline-reference.has-portrait .c-inline-reference__teaser { grid-column: 2; }
  .c-inline-reference .c-inline-reference__teaser-text { font-size: 18px; font-style: italic; font-weight: 600; line-height: 26px; }
  .c-inline-reference .c-inline-reference__detail-link { display: inline-flex; align-items: center; min-block-size: 44px; max-inline-size: 100%; justify-self: start; color: var(--cci-color-link-text); font-size: 18px; font-weight: 600; line-height: 26px; overflow-wrap: anywhere; text-decoration: none; }
  .c-inline-reference.has-portrait .c-inline-reference__detail-link { grid-column: 2; }
  .c-inline-reference .c-inline-reference__detail-link:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
  .c-inline-reference .c-inline-reference__detail-link:focus-visible { outline: 3px solid var(--cci-color-pink); outline-offset: 3px; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
  @media (max-width: 639px) { .c-inline-reference { --c-inline-reference-flow-gap: 32px; } }
  @container (max-width: 319px) { .c-inline-reference.has-portrait .c-inline-reference__portrait, .c-inline-reference.has-portrait .c-inline-reference__identity, .c-inline-reference.has-portrait .c-inline-reference__teaser, .c-inline-reference.has-portrait .c-inline-reference__detail-link { grid-column: 1 / -1; grid-row: auto; } }
}

/* source: src/components/reference-list/reference-list.css */
@layer components {
  .c-reference-list {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    container: c-reference-list / inline-size;
    color: var(--cci-color-ink);
  }

  .c-reference-list .c-reference-list__items {
    display: grid;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 24px;
  }

  .c-reference-list .c-reference-list__item {
    min-inline-size: 0;
    margin: 0;
  }

  .c-reference-list .c-reference-list__message {
    box-sizing: border-box;
    min-inline-size: 0;
    margin: 0;
    padding: 18px 20px;
    border-inline-start: 4px solid var(--cci-color-navy);
    border-radius: 0 var(--cci-radius-common) var(--cci-radius-common) 0;
    overflow-wrap: anywhere;
    color: var(--cci-color-navy);
    background: var(--cci-color-warm);
  }

  .c-reference-list .c-reference-list__message--error {
    border-inline-start-color: var(--cci-color-pink);
    font-weight: 700;
  }

  @container c-reference-list (max-width: 359px) {
    .c-reference-list .c-reference-list__items {
      gap: 16px;
    }

    .c-reference-list .c-reference-list__message {
      padding: 16px;
    }
  }
}

/* source: src/components/reference-detail/reference-detail.css */
@layer components {
  .c-reference-detail {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    padding-block: 32px;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container: c-reference-detail / inline-size;
  }

  .c-reference-detail .c-reference-detail__inner,
  .c-reference-detail .c-reference-detail__portrait,
  .c-reference-detail .c-reference-detail__body,
  .c-reference-detail .c-reference-detail__identity,
  .c-reference-detail .c-reference-detail__quote,
  .c-reference-detail .c-reference-detail__quote-text {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .c-reference-detail .c-reference-detail__inner {
    display: grid;
  }

  .c-reference-detail.has-portrait .c-reference-detail__inner {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 20px;
  }

  .c-reference-detail .c-reference-detail__portrait {
    inline-size: 60px;
    block-size: 60px;
  }

  .c-reference-detail .c-reference-detail__portrait-image {
    display: block;
    inline-size: 60px;
    block-size: 60px;
    max-inline-size: none;
    border-radius: 50%;
  }

  .c-reference-detail .c-reference-detail__body {
    display: grid;
    justify-items: start;
    gap: 24px;
  }

  .c-reference-detail .c-reference-detail__identity {
    display: grid;
    gap: 4px;
  }

  .c-reference-detail .c-reference-detail__name,
  .c-reference-detail .c-reference-detail__location,
  .c-reference-detail .c-reference-detail__other-info,
  .c-reference-detail .c-reference-detail__quote,
  .c-reference-detail .c-reference-detail__quote-text {
    margin: 0;
    overflow-wrap: anywhere;
  }

  .c-reference-detail .c-reference-detail__name {
    color: var(--cci-color-navy);
    font-size: var(--cci-type-card-size);
    font-weight: 700;
    line-height: var(--cci-type-card-line);
  }

  .c-reference-detail .c-reference-detail__location,
  .c-reference-detail .c-reference-detail__other-info {
    color: var(--cci-color-muted);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-reference-detail .c-reference-detail__quote {
    padding-inline-start: 20px;
    border-inline-start: 3px solid var(--cci-color-pink);
  }

  .c-reference-detail .c-reference-detail__quote-text {
    font-size: var(--cci-type-body-size);
    font-style: italic;
    line-height: var(--cci-type-body-line);
  }

  .c-reference-detail .c-reference-detail__back-link {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
    max-inline-size: 100%;
    color: var(--cci-color-link-text);
    font-weight: 600;
    overflow-wrap: anywhere;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  .c-reference-detail .c-reference-detail__back-link:hover,
  .c-reference-detail .c-reference-detail__back-link:focus-visible {
    text-decoration-thickness: 2px;
  }

  @container c-reference-detail (max-width: 359px) {
    .c-reference-detail.has-portrait .c-reference-detail__inner {
      grid-template-columns: minmax(0, 1fr);
      gap: 14px;
    }
  }
}

/* source: src/components/form-field/form-field.css */
@layer components {
  .c-form-field {
    --c-form-field-gap: 10px;
    --c-form-field-control-padding-block: 10px;
    --c-form-field-control-padding-inline: 14px;
    --c-form-field-border: 2px solid var(--cci-color-muted-warm);

    box-sizing: border-box;
    display: grid;
    min-inline-size: 0;
    inline-size: 100%;
    gap: var(--c-form-field-gap);
    padding: 0;
    margin: 0;
    border: 0;
    color: var(--cci-color-ink);
    container-name: c-form-field;
    container-type: inline-size;
  }

  .c-form-field .c-form-field__label,
  .c-form-field .c-form-field__control,
  .c-form-field .c-form-field__options,
  .c-form-field .c-form-field__option,
  .c-form-field .c-form-field__help,
  .c-form-field .c-form-field__error {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .c-form-field .c-form-field__label {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 0;
    color: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: var(--cci-type-meta-line);
    overflow-wrap: anywhere;
  }

  .c-form-field .c-form-field__requirement {
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-eyebrow-size);
    font-weight: 400;
    line-height: var(--cci-type-meta-line);
  }

  .c-form-field .c-form-field__control {
    min-block-size: 48px;
    inline-size: 100%;
    padding: var(--c-form-field-control-padding-block) var(--c-form-field-control-padding-inline);
    border: var(--c-form-field-border);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-form-field .c-form-field__control::placeholder {
    color: var(--cci-color-muted-warm);
    opacity: 1;
  }

  .c-form-field .c-form-field__control:hover,
  .c-form-field .c-form-field__control:focus-visible {
    border-color: var(--cci-color-navy);
  }

  .c-form-field.is-server-invalid .c-form-field__control {
    border-color: var(--cci-color-pink);
  }

  .c-form-field .c-form-field__control--textarea {
    display: block;
    min-block-size: 152px;
    resize: vertical;
    overflow-wrap: anywhere;
  }

  .c-form-field .c-form-field__help,
  .c-form-field .c-form-field__error {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: var(--cci-type-eyebrow-size);
    line-height: 22px;
  }

  .c-form-field .c-form-field__help {
    color: var(--cci-color-muted-warm);
  }

  .c-form-field .c-form-field__error {
    padding: 10px 12px;
    border-inline-start: 4px solid var(--cci-color-pink);
    border-radius: 0 var(--cci-radius-common) var(--cci-radius-common) 0;
    color: var(--cci-color-navy);
    background: var(--cci-color-warm);
    font-weight: 600;
  }

  .c-form-field .c-form-field__options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
  }

  .c-form-field .c-form-field__option {
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border: 2px solid transparent;
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    cursor: pointer;
  }

  .c-form-field .c-form-field__option:hover {
    border-color: var(--cci-color-muted-warm);
  }

  .c-form-field .c-form-field__option:has(.c-form-field__radio:focus-visible) {
    border-color: var(--cci-color-navy);
  }

  .c-form-field .c-form-field__radio {
    flex: 0 0 auto;
    inline-size: 24px;
    block-size: 24px;
    margin: 0;
    accent-color: var(--cci-color-navy);
  }

  .c-form-field .c-form-field__option-label {
    min-inline-size: 0;
    overflow-wrap: anywhere;
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  @container c-form-field (max-width: 479px) {
    .c-form-field .c-form-field__options {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
    }

    .c-form-field .c-form-field__option {
      inline-size: 100%;
    }
  }
}

/* source: src/components/form-status/form-status.css */
@layer components {
  .c-form-status {
    box-sizing: border-box;
    display: grid;
    min-inline-size: 0;
    inline-size: 100%;
    gap: 10px;
    margin: 0;
    padding: 20px 22px;
    border: 2px solid var(--cci-color-rating);
    border-inline-start-width: 6px;
    border-radius: 0 var(--cci-radius-common) var(--cci-radius-common) 0;
    overflow-wrap: anywhere;
    color: var(--cci-color-ink);
    background: var(--cci-color-warm);
  }

  .c-form-status.c-form-status--validation-summary,
  .c-form-status.c-form-status--backend-error {
    border-color: var(--cci-color-pink);
  }

  .c-form-status.c-form-status--success {
    border-color: var(--cci-color-green);
    background: var(--cci-color-paper);
  }

  .c-form-status .c-form-status__heading,
  .c-form-status .c-form-status__message,
  .c-form-status .c-form-status__list,
  .c-form-status .c-form-status__item,
  .c-form-status.c-form-status--validation-summary > ul,
  .c-form-status.c-form-status--validation-summary > ul > li {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin: 0;
    overflow-wrap: anywhere;
  }

  .c-form-status .c-form-status__heading {
    color: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    font-weight: 700;
    line-height: var(--cci-type-meta-line);
  }

  .c-form-status .c-form-status__message,
  .c-form-status .c-form-status__list,
  .c-form-status.c-form-status--validation-summary > ul {
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-form-status .c-form-status__list,
  .c-form-status.c-form-status--validation-summary > ul {
    display: grid;
    gap: 6px;
    padding-inline-start: 24px;
  }

  .c-form-status.c-form-status--validation-summary:has(> ul:only-child > li:only-child[style*="display:none"]) {
    display: none;
  }

  @container (max-width: 360px) {
    .c-form-status {
      padding: 16px;
    }
  }
}

/* source: src/components/rating-form-validation/rating-form-validation.css */
@layer components {
  /*
   * Validation intentionally adds no presentation. RatingForm keeps the current
   * V2 page styling while this component changes only legacy validation state.
   */
}

/* source: src/components/rating-presentation/rating-presentation.css */
@layer components {
  .c-rating-presentation {
    box-sizing: border-box;
    display: grid;
    min-inline-size: 0;
    inline-size: 100%;
    gap: 24px;
    color: var(--cci-color-ink);
  }

  .c-rating-presentation :where(.c-rating-presentation__title, .c-rating-presentation__review-text, .c-rating-presentation__review-meta) { margin: 0; overflow-wrap: anywhere; }
  .c-rating-presentation__title { color: var(--cci-color-navy); }
  .c-rating-presentation__aggregate { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; min-inline-size: 0; padding: 14px 16px; border-radius: var(--cci-radius-common); color: var(--cci-color-navy); background: var(--cci-color-warm); }
  .c-rating-presentation__stars { display: inline-flex; color: var(--cci-color-rating); letter-spacing: 2px; }
  .c-rating-presentation__star { font-size: 24px; line-height: 1; }
  .c-rating-presentation__star.star-active { color: var(--cci-color-navy); }
  .c-rating-presentation__star.star-half { background: linear-gradient(90deg, var(--cci-color-navy) 50%, var(--cci-color-rating) 50%); background-clip: text; color: transparent; }
  .c-rating-presentation__aggregate-text { font-size: 14px; line-height: 22px; }
  .c-rating-presentation__review { display: grid; gap: 6px; min-inline-size: 0; padding-block-end: 20px; border-block-end: 1px solid var(--cci-color-muted-warm); }
  .c-rating-presentation__review-text { font-size: 16px; line-height: 24px; }
  .c-rating-presentation__review-meta { color: var(--cci-color-muted); font-size: 14px; line-height: 22px; }
  .c-rating-presentation .c-rating-form-validation { display: grid; min-inline-size: 0; inline-size: 100%; gap: 20px; }
  .c-rating-presentation__field { display: grid; min-inline-size: 0; gap: 8px; }
  .c-rating-presentation__field > label, .c-rating-presentation__scale > legend { color: var(--cci-color-navy); font-size: 14px; font-weight: 600; line-height: 22px; }
  .c-rating-presentation .c-rating-form-validation :where(input[type="text"], textarea) { box-sizing: border-box; min-inline-size: 0; min-block-size: 48px; inline-size: 100%; max-inline-size: 100%; padding: 10px 14px; border: 2px solid var(--cci-color-muted-warm); border-radius: var(--cci-radius-common); color: var(--cci-color-ink); background: var(--cci-color-paper); font: inherit; font-size: 16px; line-height: 24px; }
  .c-rating-presentation .c-rating-form-validation textarea { min-block-size: 152px; resize: vertical; }
  .c-rating-presentation .c-rating-form-validation :where(input[type="text"], textarea):where(:hover, :focus-visible) { border-color: var(--cci-color-navy); }
  .c-rating-presentation .c-rating-form-validation :where(input[type="text"], textarea):focus-visible { outline: 3px solid var(--cci-color-navy); outline-offset: 2px; }
  .c-rating-presentation .c-rating-form-validation :where(input[type="text"], textarea).input-validation-error { border-color: var(--cci-color-pink); }
  .c-rating-presentation__scale { display: flex; flex-wrap: wrap; gap: 8px; min-inline-size: 0; margin: 0; padding: 0; border: 0; }
  .c-rating-presentation__scale > legend { inline-size: 100%; margin-block-end: 2px; }
  .c-rating-presentation__rating-option { position: relative; display: inline-flex; min-block-size: 48px; min-inline-size: 48px; }
  .c-rating-presentation__rating-option > input { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; margin: 0; opacity: 0; cursor: pointer; }
  .c-rating-presentation__rating-option > label { display: grid; inline-size: 100%; place-items: center; border: 2px solid var(--cci-color-muted-warm); border-radius: var(--cci-radius-common); color: var(--cci-color-navy); font-size: 16px; line-height: 1; }
  .c-rating-presentation__rating-option > label::before { content: attr(data-rating-value); }
  .c-rating-presentation__rating-option > input:checked + label { border-color: var(--cci-color-navy); color: var(--cci-color-paper); background: var(--cci-color-navy); }
  .c-rating-presentation__rating-option > input:focus-visible + label { outline: 3px solid var(--cci-color-navy); outline-offset: 2px; }
  .c-rating-presentation .c-rating-form-validation input[type="submit"] { box-sizing: border-box; min-block-size: 44px; min-inline-size: 0; inline-size: fit-content; max-inline-size: 100%; padding: 10px 20px; border: 2px solid var(--cci-color-navy); border-radius: var(--cci-radius-common); color: var(--cci-color-paper); background: var(--cci-color-navy); font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; }
  .c-rating-presentation .c-rating-form-validation input[type="submit"]:hover { background: var(--cci-color-navy-deep); }
  .c-rating-presentation .c-rating-form-validation input[type="submit"]:focus-visible { outline: 3px solid var(--cci-color-navy); outline-offset: 3px; }
}

/* source: src/components/application-form-validation/application-form-validation.css */
@layer components {
  .c-application-form-validation {
    --c-application-form-validation-gap: 10px;
    --c-application-form-validation-control-padding-block: 10px;
    --c-application-form-validation-control-padding-inline: 14px;

    box-sizing: border-box;
    display: grid;
    min-inline-size: 0;
    inline-size: 100%;
    gap: 24px;
    margin: 0;
    color: var(--cci-color-ink);
    container-name: c-application-form-validation;
    container-type: inline-size;
  }

  .c-application-form-validation :where(.row, .col-md-6, .col-sm-12, .form-group) {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    max-inline-size: 100%;
    margin: 0;
    padding: 0;
  }

  .c-application-form-validation :where(.validation-summary-errors, .validation-summary-valid) {
    display: none;
  }

  .c-application-form-validation .form-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--c-application-form-validation-gap);
  }

  .c-application-form-validation .form-group > br {
    display: none;
  }

  .c-application-form-validation .form-group > label {
    display: block;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin: 0;
    padding: 0;
    overflow-wrap: anywhere;
    color: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: var(--cci-type-meta-line);
  }

  .c-application-form-validation .form-group > label:not(:first-child) {
    margin-block-start: 10px;
  }

  .c-application-form-validation .form-group > :where(input.form-control, textarea.form-control) {
    box-sizing: border-box;
    min-inline-size: 0;
    min-block-size: 48px;
    inline-size: 100%;
    max-inline-size: 100%;
    margin: 0;
    padding: var(--c-application-form-validation-control-padding-block) var(--c-application-form-validation-control-padding-inline);
    border: 2px solid var(--cci-color-muted-warm);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    font: inherit;
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-application-form-validation .form-group > :where(input.form-control, textarea.form-control)::placeholder {
    color: var(--cci-color-muted-warm);
    opacity: 1;
  }

  .c-application-form-validation .form-group > :where(input.form-control, textarea.form-control):where(:hover, :focus-visible) {
    border-color: var(--cci-color-navy);
  }

  .c-application-form-validation .form-group > input.form-control.input-validation-error,
  .c-application-form-validation .form-group > textarea.form-control.input-validation-error {
    border-color: var(--cci-color-pink);
  }

  .c-application-form-validation .form-group > textarea.form-control {
    display: block;
    min-block-size: 152px;
    resize: vertical;
    overflow-wrap: anywhere;
  }

  .c-application-form-validation .form-group > input.btn.btn-primary[type="submit"] {
    box-sizing: border-box;
    display: inline-flex;
    min-inline-size: 0;
    min-block-size: 44px;
    inline-size: fit-content;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0;
    padding: 12px 20px;
    border: 2px solid transparent;
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-paper);
    background: var(--cci-color-navy);
    font: inherit;
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
  }

  .c-application-form-validation .form-group > input.btn.btn-primary[type="submit"]:hover {
    background: var(--cci-color-navy-deep);
  }
}

/* source: src/components/pagination/pagination.css */
@layer components {
  .c-pagination {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-navy);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    container-name: c-pagination;
    container-type: inline-size;
  }

  .c-pagination .c-pagination__list,
  .c-pagination .c-pagination__numbers,
  .c-pagination .c-pagination__pages,
  .c-pagination .c-pagination__item,
  .c-pagination .c-pagination__link,
  .c-pagination .c-pagination__current {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .c-pagination .c-pagination__list,
  .c-pagination .c-pagination__pages {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .c-pagination .c-pagination__list {
    display: grid;
    grid-template-columns: minmax(44px, 1fr) minmax(0, auto) minmax(44px, 1fr);
    align-items: start;
    gap: 12px;
  }

  .c-pagination .c-pagination__numbers {
    grid-column: 2;
    grid-row: 1;
  }

  .c-pagination .c-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2px;
  }

  .c-pagination .c-pagination__item {
    display: flex;
    max-inline-size: 100%;
  }

  .c-pagination .c-pagination__item--previous {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
  }

  .c-pagination .c-pagination__item--next {
    grid-column: 3;
    grid-row: 1;
    justify-self: start;
  }

  .c-pagination .c-pagination__link,
  .c-pagination .c-pagination__current {
    display: inline-flex;
    min-block-size: 44px;
    min-inline-size: 44px;
    max-inline-size: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    border: 0;
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    text-align: center;
    color: var(--cci-color-navy);
    background: transparent;
    text-decoration: none;
  }

  .c-pagination .c-pagination__link--page,
  .c-pagination .c-pagination__current {
    font-variant-numeric: tabular-nums;
  }

  .c-pagination .c-pagination__link:hover {
    background: var(--cci-color-warm);
  }

  .c-pagination .c-pagination__current {
    position: relative;
    font-weight: 700;
  }

  .c-pagination .c-pagination__current::after {
    content: "";
    position: absolute;
    inline-size: 18px;
    block-size: 3px;
    inset-inline-start: 50%;
    inset-block-end: 2px;
    transform: translateX(-50%);
    border-radius: 3px;
    background: var(--cci-color-pink);
  }

  .c-pagination .c-pagination__link--previous,
  .c-pagination .c-pagination__link--next {
    inline-size: 44px;
    padding: 10px;
  }

  .c-pagination .c-pagination__arrow {
    display: block;
    flex: none;
    inline-size: 20px;
    block-size: 20px;
  }

  .c-pagination.c-pagination--after-content {
    margin-block-start: 48px;
  }

  @container c-pagination (max-width: 560px) {
    .c-pagination .c-pagination__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 24px;
    }

    .c-pagination .c-pagination__numbers {
      grid-column: 1 / -1;
      grid-row: 1;
    }

    .c-pagination .c-pagination__item--previous {
      grid-column: 1;
      grid-row: 2;
    }

    .c-pagination .c-pagination__item--next {
      grid-column: 2;
      grid-row: 2;
    }
    .c-pagination .c-pagination__list:not(:has(.c-pagination__item--previous)) .c-pagination__item--next,
    .c-pagination .c-pagination__list:not(:has(.c-pagination__item--next)) .c-pagination__item--previous {
      grid-column: 1 / -1;
      justify-self: center;
    }
  }
}

/* source: src/components/student-profile/student-profile.css */
@layer components {
  .c-student-profile {
    --c-student-profile-photo-size: 96px;
    --c-student-profile-gap: 28px;
    --c-student-profile-section-gap: 32px;
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container: c-student-profile / inline-size;
  }

  .c-student-profile .c-student-profile__inner,
  .c-student-profile .c-student-profile__profile,
  .c-student-profile .c-student-profile__profile-content,
  .c-student-profile .c-student-profile__contact,
  .c-student-profile .c-student-profile__basic-info,
  .c-student-profile .c-student-profile__cohort,
  .c-student-profile .c-student-profile__latest-posts,
  .c-student-profile .c-student-profile__social {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .c-student-profile .c-student-profile__inner,
  .c-student-profile .c-student-profile__profile-content {
    display: grid;
    gap: var(--c-student-profile-section-gap);
  }

  .c-student-profile .c-student-profile__profile {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--c-student-profile-gap);
  }

  .c-student-profile.has-photo .c-student-profile__profile {
    grid-template-columns: var(--c-student-profile-photo-size) minmax(0, 1fr);
  }

  .c-student-profile .c-student-profile__photo,
  .c-student-profile .c-student-profile__photo-image {
    inline-size: var(--c-student-profile-photo-size);
    block-size: var(--c-student-profile-photo-size);
  }

  .c-student-profile .c-student-profile__photo-image {
    display: block;
    max-inline-size: none;
    border-radius: 50%;
  }

  .c-student-profile .c-student-profile__contact,
  .c-student-profile .c-student-profile__basic-info,
  .c-student-profile .c-student-profile__social-lead,
  .c-student-profile .c-student-profile__helper {
    overflow-wrap: anywhere;
  }

  .c-student-profile .c-student-profile__contact > :first-child,
  .c-student-profile .c-student-profile__basic-info > :first-child {
    margin-block-start: 0;
  }

  .c-student-profile .c-student-profile__contact > :last-child,
  .c-student-profile .c-student-profile__basic-info > :last-child {
    margin-block-end: 0;
  }

  .c-student-profile .c-student-profile__cohort-list,
  .c-student-profile .c-student-profile__latest-list,
  .c-student-profile .c-student-profile__instagram-results {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .c-student-profile .c-student-profile__cohort-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
  }

  .c-student-profile .c-student-profile__latest-list {
    display: grid;
    gap: 16px;
  }

  .c-student-profile .c-student-profile__instagram-results {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 120px));
    gap: 20px 16px;
    max-inline-size: 392px;
    margin-block-end: 16px;
  }

  .c-student-profile .c-student-profile__instagram-result-link,
  .c-student-profile .c-student-profile__instagram-result-image {
    display: block;
    inline-size: 120px;
    block-size: 120px;
  }

  .c-student-profile .c-student-profile__instagram-result-link {
    outline-offset: 3px;
  }

  .c-student-profile .c-student-profile__instagram-result-link:hover {
    outline: 2px solid var(--cci-color-navy);
  }

  .c-student-profile .c-student-profile__instagram-result-link:focus-visible {
    outline: 3px solid var(--cci-color-pink);
  }

  .c-student-profile .c-student-profile__heading,
  .c-student-profile .c-student-profile__social-lead,
  .c-student-profile .c-student-profile__helper {
    margin: 0;
  }

  .c-student-profile .c-student-profile__heading {
    margin-block-end: 16px;
    color: var(--cci-color-navy);
    font-size: var(--cci-type-card-size);
    line-height: var(--cci-type-card-line);
  }

  .c-student-profile .c-student-profile__cohort-link,
  .c-student-profile .c-student-profile__social-link {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
    max-inline-size: 100%;
    color: var(--cci-color-link-text);
    font-weight: 600;
    overflow-wrap: anywhere;
    text-decoration-line: underline;
    text-underline-offset: 3px;
  }

  .c-student-profile .c-student-profile__cohort-link:hover,
  .c-student-profile .c-student-profile__cohort-link:focus-visible,
  .c-student-profile .c-student-profile__social-link:hover,
  .c-student-profile .c-student-profile__social-link:focus-visible {
    text-decoration-thickness: 2px;
  }

  .c-student-profile .c-student-profile__social-lead + .c-student-profile__social-link,
  .c-student-profile .c-student-profile__social-link + .c-student-profile__helper {
    margin-block-start: 8px;
  }

  .c-student-profile .c-student-profile__helper {
    padding: 12px 16px;
    border-inline-start: 4px solid var(--cci-color-pink);
    color: var(--cci-color-navy);
    background: var(--cci-color-warm);
  }

  .c-student-profile .c-student-profile__helper.is-empty {
    min-block-size: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  @container c-student-profile (max-width: 359px) {
    .c-student-profile.has-photo .c-student-profile__profile {
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
    }
  }
}

/* source: src/components/listing-page-layout/listing-page-layout.css */
@layer components {
  .c-listing-page-layout {
    --c-listing-page-layout-main: var(--cci-layout-content-main);
    --c-listing-page-layout-gap: var(--cci-layout-content-gap);
    --c-listing-page-layout-sidebar: var(--cci-layout-content-aside);
    --c-listing-page-layout-inset: var(--cci-layout-content-inset);
    --c-listing-page-layout-flow-gap: var(--cci-layout-gap);
    --c-listing-page-layout-block-space: var(--cci-section-space);

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    padding-block: var(--c-listing-page-layout-block-space);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container-name: c-listing-page-layout;
    container-type: inline-size;
  }

  .c-listing-page-layout .c-listing-page-layout__inner,
  .c-listing-page-layout .c-listing-page-layout__grid,
  .c-listing-page-layout .c-listing-page-layout__primary,
  .c-listing-page-layout .c-listing-page-layout__heading,
  .c-listing-page-layout .c-listing-page-layout__status,
  .c-listing-page-layout .c-listing-page-layout__list,
  .c-listing-page-layout .c-listing-page-layout__sidebar {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .c-listing-page-layout .c-listing-page-layout__grid,
  .c-listing-page-layout .c-listing-page-layout__primary {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .c-listing-page-layout .c-listing-page-layout__grid {
    gap: var(--c-listing-page-layout-flow-gap);
  }

  .c-listing-page-layout .c-listing-page-layout__primary {
    gap: var(--c-listing-page-layout-flow-gap);
  }

  @container c-listing-page-layout (min-width: 1280px) {
    .c-listing-page-layout.c-listing-page-layout--with-sidebar .c-listing-page-layout__grid {
      inline-size: min(
        calc(100% - var(--c-listing-page-layout-inset)),
        calc(
          var(--c-listing-page-layout-main) + var(--c-listing-page-layout-gap) +
            var(--c-listing-page-layout-sidebar)
        )
      );
      grid-template-columns: minmax(0, 900fr) minmax(0, 449fr);
      column-gap: var(--c-listing-page-layout-gap);
      margin-inline-start: var(--c-listing-page-layout-inset);
    }

    .c-listing-page-layout.c-listing-page-layout--without-sidebar .c-listing-page-layout__grid {
      inline-size: min(
        calc(100% - var(--c-listing-page-layout-inset)),
        var(--c-listing-page-layout-main)
      );
      margin-inline-start: var(--c-listing-page-layout-inset);
    }

    .c-listing-page-layout.c-listing-page-layout--qa-form-first.c-listing-page-layout--with-sidebar .c-listing-page-layout__primary {
      grid-column: 1;
      grid-row: 1;
    }

    .c-listing-page-layout.c-listing-page-layout--qa-form-first.c-listing-page-layout--with-sidebar .c-listing-page-layout__sidebar {
      grid-column: 2;
      grid-row: 1 / span 2;
    }

    .c-listing-page-layout.c-listing-page-layout--qa-form-first.c-listing-page-layout--with-sidebar .c-listing-page-layout__grid > .c-listing-page-layout__list {
      grid-column: 1;
      grid-row: 2;
    }
  }

  @container c-listing-page-layout (max-width: 639px) {
    .c-listing-page-layout {
      --c-listing-page-layout-flow-gap: 28px;
      --c-listing-page-layout-block-space: 48px;
    }
  }
}

/* source: src/components/article-detail/article-detail.css */
@layer components {
  .c-article-detail {
    --c-article-detail-main: var(--cci-layout-content-main);
    --c-article-detail-gap: var(--cci-layout-content-gap);
    --c-article-detail-sidebar: var(--cci-layout-content-aside);
    --c-article-detail-inset: var(--cci-layout-content-inset);
    --c-article-detail-block-space: var(--cci-section-space);
    --c-article-detail-flow-gap: var(--cci-layout-gap);
    --c-article-detail-metadata-gap: 16px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container-name: c-article-detail;
    container-type: inline-size;
  }

  .c-article-detail .c-article-detail__content {
    padding-block: var(--c-article-detail-block-space);
  }

  .c-article-detail .c-article-detail__content,
  .c-article-detail .c-article-detail__inner,
  .c-article-detail .c-article-detail__grid,
  .c-article-detail .c-article-detail__article,
  .c-article-detail .c-article-detail__header,
  .c-article-detail .c-article-detail__metadata,
  .c-article-detail .c-article-detail__metadata-item,
  .c-article-detail .c-article-detail__main-image,
  .c-article-detail .c-article-detail__body,
  .c-article-detail .c-article-detail__navigation,
  .c-article-detail .c-article-detail__navigation-list,
  .c-article-detail .c-article-detail__navigation-item,
  .c-article-detail .c-article-detail__sidebar,
  .c-article-detail .c-article-detail__review-band {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .c-article-detail .c-article-detail__grid,
  .c-article-detail .c-article-detail__article {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--c-article-detail-flow-gap);
  }

  .c-article-detail .c-article-detail__metadata,
  .c-article-detail .c-article-detail__navigation-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .c-article-detail .c-article-detail__metadata {
    display: flex;
    flex-wrap: wrap;
    gap: 8px var(--c-article-detail-metadata-gap);
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-article-detail .c-article-detail__metadata-item {
    display: inline-flex;
    align-items: baseline;
    overflow-wrap: anywhere;
  }

  .c-article-detail .c-article-detail__metadata-item + .c-article-detail__metadata-item::before {
    content: "·";
    margin-inline-end: var(--c-article-detail-metadata-gap);
    color: var(--cci-color-muted-warm);
  }

  .c-article-detail .c-article-detail__metadata :where(a),
  .c-article-detail .c-article-detail__navigation :where(a) {
    color: var(--cci-color-link-text);
    overflow-wrap: anywhere;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.18em;
  }

  .c-article-detail .c-article-detail__metadata :where(a:hover, a:focus-visible),
  .c-article-detail .c-article-detail__navigation :where(a:hover, a:focus-visible) {
    text-decoration-line: none;
  }

  .c-article-detail .c-article-detail__main-image {
    inline-size: 100%;
    line-height: 0;
  }

  .c-article-detail .c-article-detail__main-image :where(img) {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    border-radius: var(--cci-radius-common);
  }

  .c-article-detail .c-article-detail__navigation {
    padding-block-start: var(--c-article-detail-flow-gap);
    border-block-start: 1px solid var(--cci-color-rating);
  }

  .c-article-detail .c-article-detail__navigation-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
  }

  .c-article-detail .c-article-detail__navigation-item--back {
    grid-column: 1;
    justify-self: start;
  }

  .c-article-detail .c-article-detail__navigation-item--previous {
    grid-column: 2;
    justify-self: center;
    text-align: center;
  }

  .c-article-detail .c-article-detail__navigation-item--next {
    grid-column: 3;
    justify-self: end;
    text-align: end;
  }

  @container c-article-detail (min-width: 1280px) {
    .c-article-detail.c-article-detail--sidebar.c-article-detail--has-sidebar .c-article-detail__grid {
      inline-size: min(
        calc(100% - var(--c-article-detail-inset)),
        calc(var(--c-article-detail-main) + var(--c-article-detail-gap) + var(--c-article-detail-sidebar))
      );
      grid-template-columns: minmax(0, 900fr) minmax(0, 449fr);
      column-gap: var(--c-article-detail-gap);
      margin-inline-start: var(--c-article-detail-inset);
    }

    .c-article-detail.c-article-detail--sidebar.c-article-detail--without-sidebar .c-article-detail__grid {
      inline-size: min(calc(100% - var(--c-article-detail-inset)), var(--c-article-detail-main));
      margin-inline-start: var(--c-article-detail-inset);
    }

    .c-article-detail.c-article-detail--full-width .c-article-detail__grid {
      inline-size: 100%;
    }
  }

  @container c-article-detail (max-width: 639px) {
    .c-article-detail {
      --c-article-detail-block-space: 48px;
      --c-article-detail-flow-gap: 28px;
    }

    .c-article-detail .c-article-detail__metadata {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
    }

    .c-article-detail .c-article-detail__metadata-item + .c-article-detail__metadata-item::before {
      content: none;
    }

    .c-article-detail .c-article-detail__navigation-list {
      grid-template-columns: minmax(0, 1fr);
    }

    .c-article-detail .c-article-detail__navigation-item--back,
    .c-article-detail .c-article-detail__navigation-item--previous,
    .c-article-detail .c-article-detail__navigation-item--next {
      grid-column: 1;
      justify-self: start;
      text-align: start;
    }
  }
}

/* source: src/components/rich-text/rich-text.css */
@layer scopes {
  .s-rich-text {
    --s-rich-text-flow-gap: 28px;
    --s-rich-text-media-gap: 40px;
    --s-rich-text-caption-gap: 12px;

    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: var(--cci-color-ink);
    font-size: var(--cci-type-body-size);
    font-weight: 400;
    line-height: var(--cci-type-body-line);
    overflow-wrap: anywhere;
    container-name: s-rich-text;
    container-type: inline-size;
  }

  .s-rich-text :where(h2, h3, h4, p, ul, ol, figure, table, pre):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block: 0;
  }

  .s-rich-text :where(h2, h3, h4):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    color: var(--cci-color-ink);
    font-weight: 700;
    overflow-wrap: anywhere;
  }

  .s-rich-text :where(h2):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    font-size: var(--cci-type-section-size);
    line-height: var(--cci-type-section-line);
  }

  .s-rich-text :where(h3):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    font-size: 30px;
    line-height: 38px;
  }

  .s-rich-text :where(h4):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    font-size: var(--cci-type-card-size);
    line-height: var(--cci-type-card-line);
  }

  .s-rich-text :where(a):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    color: var(--cci-color-link-text);
    overflow-wrap: anywhere;
    text-decoration-line: underline;
  }

  .s-rich-text :where(a:hover, a:focus-visible):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    text-decoration-line: none;
  }

  .s-rich-text :where(.highlightBackground):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    background-color: #FFFF99;
  }

  .s-rich-text :where(strong):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    font-weight: 700;
  }

  .s-rich-text :where(em):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    font-style: italic;
  }

  .s-rich-text :where(ul, ol):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    padding-inline-start: 1.45em;
  }

  .s-rich-text :where(li + li):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block-start: 8px;
  }

  .s-rich-text :where(h2, h3, h4, p, ul, ol, figure, table, pre, .video-wrapper, [data-grid-control-alias="textstring"], [data-grid-control-alias="macro"]) + :where(h2, h3, h4, p, ul, ol, figure, table, pre, .video-wrapper, [data-grid-control-alias="textstring"], [data-grid-control-alias="macro"]):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block-start: var(--s-rich-text-flow-gap);
  }

  .s-rich-text :where(img):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
    border-radius: var(--cci-radius-common);
  }

  .s-rich-text :where(a[data-lightbox]):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
    border-radius: var(--cci-radius-common);
  }

  .s-rich-text :where(a[data-lightbox]:has(> img[style*="float: right" i]), a[data-lightbox]:has(> img[style*="float:right" i])):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    float: right;
  }

  .s-rich-text :where(a[data-lightbox]:has(> img[style*="float: left" i]), a[data-lightbox]:has(> img[style*="float:left" i])):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    float: left;
  }

  .s-rich-text :where(h2, h3, h4, p, ul, ol, table, pre, .video-wrapper, [data-grid-control-alias="textstring"], [data-grid-control-alias="macro"]) + :where(img, a[data-lightbox], figure):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block-start: var(--s-rich-text-media-gap);
  }

  .s-rich-text :where(img, a[data-lightbox], figure) + :where(h2, h3, h4, p:not(.caption), ul, ol, table, pre, .video-wrapper, [data-grid-control-alias="textstring"], [data-grid-control-alias="macro"]):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block-start: var(--s-rich-text-media-gap);
  }

  .s-rich-text :where(img, a[data-lightbox]) + :where(.caption):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block-start: var(--s-rich-text-caption-gap);
  }

  .s-rich-text :where(.caption):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .s-rich-text :where(.caption) + :where(h2, h3, h4, p, ul, ol, figure, table, pre, .video-wrapper, [data-grid-control-alias="textstring"], [data-grid-control-alias="macro"]):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block-start: var(--s-rich-text-media-gap);
  }

  .s-rich-text :where(.video-wrapper):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    min-inline-size: 0;
    inline-size: 100%;
  }

  .s-rich-text :where(.video-wrapper iframe, .video-wrapper video):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    display: block;
    inline-size: 100%;
    block-size: auto;
    border: 0;
    border-radius: var(--cci-radius-common);
    aspect-ratio: 16 / 9;
    background: var(--cci-color-navy-deep);
  }

  .s-rich-text :where(.video-wrapper .embed-fallback):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block-start: var(--s-rich-text-caption-gap);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .s-rich-text :where(table):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    inline-size: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 18px;
    line-height: 28px;
  }

  .s-rich-text :where(caption):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    padding-block-end: 12px;
    color: var(--cci-color-navy);
    font-weight: 700;
    text-align: start;
  }

  .s-rich-text :where(th, td):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    padding: 12px 14px;
    border: 1px solid var(--cci-color-rating);
    overflow-wrap: anywhere;
    text-align: start;
    vertical-align: top;
  }

  .s-rich-text :where(th):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    color: var(--cci-color-navy);
    background: var(--cci-color-warm);
    font-weight: 700;
  }

  .s-rich-text :where(pre):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    max-inline-size: 100%;
    padding: 18px;
    border: 1px solid var(--cci-color-rating);
    border-radius: 8px;
    color: var(--cci-color-navy);
    background: var(--cci-color-warm);
    font-family: ui-monospace, "Cascadia Mono", monospace;
    font-size: 14px;
    line-height: 22px;
    overflow-x: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  @container s-rich-text (max-width: 639px) {
    .s-rich-text :where(h2, h3, h4, p, ul, ol, figure, table, pre, img, a[data-lightbox], .video-wrapper, [data-grid-control-alias="textstring"], [data-grid-control-alias="macro"]):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      --s-rich-text-flow-gap: 24px;
      --s-rich-text-media-gap: 32px;
    }

    .s-rich-text :where(p, li, [data-grid-control-alias="textstring"]):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      font-size: 18px;
      line-height: 30px;
    }

    .s-rich-text :where(h2):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      font-size: 32px;
      line-height: 40px;
    }

    .s-rich-text :where(h3):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      font-size: 26px;
      line-height: 34px;
    }

    .s-rich-text :where(h4):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      font-size: 22px;
      line-height: 30px;
    }

    .s-rich-text :where(table):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      font-size: 16px;
      line-height: 24px;
    }

    .s-rich-text :where(th, td):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      padding: 10px;
    }
  }

  @container s-rich-text (max-width: 767px) {
    .s-rich-text :where(a[data-lightbox]:has(> img:is([style*="float: right" i], [style*="float:right" i], [style*="float: left" i], [style*="float:left" i]))):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      float: none;
      clear: both;
      inline-size: 100%;
      margin-inline: 0;
    }

    .s-rich-text :where(img:is([style*="float: right" i], [style*="float:right" i], [style*="float: left" i], [style*="float:left" i])):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
      float: none !important;
      clear: both;
      inline-size: 100%;
      margin-inline: 0 !important;
    }
  }

  .s-rich-text :where(.c-inline-reference):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    margin-block: revert-layer;
  }

  .s-rich-text :where(.c-inline-reference__portrait):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    max-inline-size: revert-layer;
    block-size: revert-layer;
    border-radius: revert-layer;
  }

  .s-rich-text :where(.c-inline-reference__teaser-text):not(:where([data-rich-text-island], [data-rich-text-island] *)) {
    font-size: revert-layer;
    line-height: revert-layer;
  }
}

/* source: src/pages/home/home.css */
@layer scopes {
  .s-home,
  .s-home__main,
  .s-home__header,
  .s-home__top-content,
  .s-home__metrics,
  .s-home__destinations,
  .s-home__mission,
  .s-home__video,
  .s-home__reviews,
  .s-home__stories,
  .s-home__footer {
    min-inline-size: 0;
  }

  .s-home {
    background: var(--cci-color-paper);
  }

  .s-home__header,
  .s-home__top-content {
    background-color: var(--cci-color-navy);
  }

  .s-home__top-content {
    padding-block-end: 48px;
  }

  .s-home__destinations {
    display: grid;
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), 1426px);
    grid-template-columns: minmax(0, 1fr);
    justify-content: center;
    justify-items: center;
    gap: 32px;
    margin: 40px auto 0;
  }

  @media (min-width: 960px) {
    .s-home__destinations {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: var(--cci-layout-gap);
    }
  }

  @media (min-width: 1280px) {
    .s-home__top-content {
      padding-block-end: 80px;
      background-image: url("/Images/cci-v2/bg-top-1a.jpg");
      background-position: center -233px;
      background-repeat: no-repeat;
      background-size: auto;
    }

    .s-home__destinations {
      grid-template-columns: repeat(2, 693px);
      margin-block-start: 50px;
    }

    .s-home[data-page="home"] {
      margin-block-end: 1px;
    }

    .s-home__video,
    .s-home__reviews,
    .s-home__stories,
    .s-home__footer {
      margin-block-start: 1px;
    }

    .s-home__video,
    .s-home__reviews {
      box-shadow: 0 -1px 0 #fdfcfb;
    }

    .s-home__stories {
      box-shadow: 0 -1px 0 #fefdfd;
    }

    .s-home__reviews {
      min-block-size: 735px;
      background: var(--cci-color-warm);
    }
  }

  @media (min-width: 1280px) and (max-width: 1425px) {
    .s-home__destinations {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 639px) {
    .s-home__top-content {
      padding-block-end: 40px;
    }

    .s-home__destinations {
      inline-size: min(calc(100% - (2 * var(--cci-page-gutter-narrow))), 693px);
      gap: 24px;
      margin-block-start: 32px;
    }
  }
}

/* source: src/pages/content-page/content-page.css */
@layer scopes {
  .s-content-page,
  .s-content-page__main,
  .s-content-page__header,
  .s-content-page__content,
  .s-content-page__layout,
  .s-content-page__article-body,
  .s-content-page__latest-stories,
  .s-content-page__reviews,
  .s-content-page__footer,
  .s-content-page__compatibility-boundary {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .s-content-page {
    background: var(--cci-color-paper);
  }

  .s-content-page__content {
    padding-block: 48px;
  }

  .s-content-page__layout {
    --c-content-page-layout-flow-gap: 40px;
  }

  .s-content-page__compatibility-boundary {
    inline-size: min(calc(100% - (2 * var(--cci-page-gutter))), var(--cci-layout-wide));
    padding: 20px;
    margin-inline: auto;
    overflow-wrap: anywhere;
  }

  .s-content-page__rating :where(textarea) {
    box-sizing: border-box;
    max-inline-size: 100%;
  }

  .s-content-page__layout + .s-content-page__compatibility-boundary {
    margin-block-start: 40px;
  }

  @media (min-width: 1280px) {
    .s-content-page__content {
      padding-block: 70px 80px;
    }

    .s-content-page[data-page-state="default"] .s-content-page__content {
      min-block-size: 3176px;
      padding-block-end: 0;
    }

    .s-content-page[data-page-state="default"] .s-content-page__layout {
      --c-content-page-layout-flow-gap: 45px;
    }

    .s-content-page[data-page-state="default"] .s-content-page__article-body {
      padding-block-start: 5px;
    }

    .s-content-page[data-page-state="default"] .s-content-page__latest-stories {
      padding-block-start: 24px;
    }

    .s-content-page__reviews {
      margin-block-start: 1px;
    }

    .s-content-page[data-page-state="default"] .s-content-page__reviews {
      box-shadow: 0 -1px 0 #f7f5f2;
    }
  }

  @media (max-width: 639px) {
    .s-content-page__content {
      padding-block: 40px;
    }

    .s-content-page__compatibility-boundary {
      inline-size: calc(100% - (2 * var(--cci-page-gutter-narrow)));
      padding: 16px;
    }

    .s-content-page__rating {
      inline-size: 100%;
      margin-inline: 0;
    }
  }
}

/* source: src/pages/inferred-student-blog/inferred-student-blog.css */
@layer scopes {
  .s-inferred-student-blog,
  .s-inferred-student-blog__list-flow,
  .s-inferred-student-blog__list,
  .s-inferred-student-blog__profile,
  .s-inferred-student-blog__status {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .s-inferred-student-blog {
    min-block-size: 100vh;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .s-inferred-student-blog__list-flow,
  .s-inferred-student-blog__list,
  .s-inferred-student-blog__profile {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .s-inferred-student-blog__list-flow {
    gap: 32px;
  }

  .s-inferred-student-blog__list {
    gap: 8px;
  }

  .s-inferred-student-blog__status {
    margin: 0;
    padding: 20px;
    border-inline-start: 4px solid var(--cci-color-pink);
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    background: var(--cci-color-warm);
  }
}

/* source: src/pages/inferred-news/inferred-news.css */
@layer scopes {
  .s-inferred-news,
  .s-inferred-news__list,
  .s-inferred-news__sidebar-stack,
  .s-inferred-news__status {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .s-inferred-news {
    min-block-size: 100vh;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .s-inferred-news__list,
  .s-inferred-news__sidebar-stack {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .s-inferred-news__list {
    gap: 8px;
  }

  .s-inferred-news__sidebar-stack {
    gap: var(--cci-section-space);
  }

  .s-inferred-news__status {
    margin: 0;
    padding: 20px;
    border-inline-start: 4px solid var(--cci-color-pink);
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    background: var(--cci-color-warm);
  }
}

/* source: src/pages/inferred-qa/inferred-qa.css */
@layer scopes {
  .s-inferred-qa,
  .s-inferred-qa__preface,
  .s-inferred-qa__form-panel,
  .s-inferred-qa__form-intro,
  .s-inferred-qa__form-heading,
  .s-inferred-qa__form-copy,
  .s-inferred-qa__form-fields,
  .s-inferred-qa__sidebar-stack,
  .s-inferred-qa__detail-prelude,
  .s-inferred-qa__back-link,
  .s-inferred-qa__full-question,
  .s-inferred-qa__question-copy,
  .s-inferred-qa__analytics-marker {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .s-inferred-qa {
    min-block-size: 100vh;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .s-inferred-qa__form-panel,
  .s-inferred-qa__form-intro,
  .s-inferred-qa__form-fields,
  .s-inferred-qa__sidebar-stack,
  .s-inferred-qa__detail-prelude {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .s-inferred-qa__form-panel {
    gap: 24px;
    padding: clamp(20px, 3vw, 32px);
    border-radius: var(--cci-radius-common);
    background: var(--cci-color-warm);
  }

  .s-inferred-qa__form-intro,
  .s-inferred-qa__detail-prelude {
    gap: 12px;
  }

  .s-inferred-qa__form-fields {
    gap: 20px;
  }

  .s-inferred-qa__sidebar-stack {
    gap: var(--cci-section-space);
  }

  .s-inferred-qa__form-heading,
  .s-inferred-qa__form-copy,
  .s-inferred-qa__back-link,
  .s-inferred-qa__question-copy {
    margin: 0;
  }

  .s-inferred-qa__form-heading {
    color: var(--cci-color-navy);
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.25;
  }

  .s-inferred-qa__form-copy,
  .s-inferred-qa__question-copy {
    font-size: var(--cci-type-body-size);
    line-height: var(--cci-type-body-line);
  }

  .s-inferred-qa__detail-prelude {
    gap: 24px;
  }

  .s-inferred-qa__back-link a {
    display: inline-block;
    color: var(--cci-color-link-text);
    text-decoration-line: underline;
    text-underline-offset: 0.18em;
  }

  .s-inferred-qa__back-link a:hover,
  .s-inferred-qa__back-link a:focus-visible {
    text-decoration-thickness: 2px;
  }

  .s-inferred-qa__full-question {
    padding: clamp(20px, 3vw, 32px);
    border-inline-start: 4px solid var(--cci-color-pink);
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    background: var(--cci-color-warm);
  }

  .s-inferred-qa__analytics-marker[hidden] {
    display: none;
  }
}

@layer scopes {
  .s-inferred-qa--public .s-inferred-qa__form-panel {
    inline-size: max(100%, 304px);
    margin-inline-start: min(0px, calc((100% - 304px) / 2));
    padding-inline: clamp(0px, calc((100% - 304px) / 2), 32px);
  }

  .s-inferred-qa--public .s-inferred-qa__captcha,
  .s-inferred-qa--public .s-inferred-qa__submit {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .s-inferred-qa--public .s-inferred-qa__captcha {
    min-block-size: 78px;
  }

  .s-inferred-qa--public .s-inferred-qa__submit {
    min-block-size: 48px;
    padding: 10px 22px;
    border: 2px solid var(--cci-color-navy);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-paper);
    background: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: var(--cci-type-meta-line);
    cursor: pointer;
  }

  .s-inferred-qa--public .s-inferred-qa__submit:hover {
    border-color: var(--cci-color-pink);
    color: var(--cci-color-navy);
    background: var(--cci-color-paper);
  }
}

/* source: src/pages/inferred-references/inferred-references.css */
@layer scopes {
  .s-inferred-references,
  .s-inferred-references__sidebar-stack,
  .s-inferred-references__detail-error {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .s-inferred-references {
    min-block-size: 100vh;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .s-inferred-references__sidebar-stack {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--cci-section-space);
  }

  .s-inferred-references__detail-error {
    margin: 0;
    padding: clamp(20px, 3vw, 32px);
    border-inline-start: 4px solid var(--cci-color-pink);
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    background: var(--cci-color-warm);
    font-size: var(--cci-type-body-size);
    line-height: var(--cci-type-body-line);
  }
}

/* source: src/components/search-result-item/search-result-item.css */
@layer components {
  .c-search-result-item {
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    padding-block: 22px;
    border-block-end: 1px solid var(--cci-color-rating);
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
    container-name: c-search-result-item;
    container-type: inline-size;
  }

  .c-search-result-item .c-search-result-item__layout,
  .c-search-result-item .c-search-result-item__content,
  .c-search-result-item .c-search-result-item__type,
  .c-search-result-item .c-search-result-item__path,
  .c-search-result-item .c-search-result-item__path-segment,
  .c-search-result-item .c-search-result-item__title {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .c-search-result-item .c-search-result-item__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-inline-size: 0;
    gap: 16px;
  }

  .c-search-result-item .c-search-result-item__media-link {
    display: block;
    inline-size: 80px;
    block-size: 80px;
    border-radius: var(--cci-radius-common);
    overflow: hidden;
    line-height: 0;
  }

  .c-search-result-item .c-search-result-item__media {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    border-radius: inherit;
    object-fit: cover;
  }

  .c-search-result-item .c-search-result-item__type,
  .c-search-result-item .c-search-result-item__path,
  .c-search-result-item .c-search-result-item__title {
    margin: 0;
    overflow-wrap: anywhere;
  }

  .c-search-result-item .c-search-result-item__type {
    color: var(--cci-color-navy);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }

  .c-search-result-item .c-search-result-item__path {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-block-start: 4px;
    padding: 0;
    list-style: none;
    color: var(--cci-color-muted-warm);
    font-size: var(--cci-type-meta-size);
    line-height: var(--cci-type-meta-line);
  }

  .c-search-result-item .c-search-result-item__path-segment + .c-search-result-item__path-segment::before {
    content: "/";
    margin-inline-end: 8px;
    color: var(--cci-color-muted-warm);
  }

  .c-search-result-item .c-search-result-item__title {
    margin-block-start: 6px;
    color: var(--cci-color-ink);
    font-size: var(--cci-type-card-size);
    font-weight: 600;
    line-height: var(--cci-type-card-line);
  }

  .c-search-result-item .c-search-result-item__path-link,
  .c-search-result-item .c-search-result-item__title-link {
    color: var(--cci-color-link-text);
    text-decoration-line: none;
  }

  .c-search-result-item .c-search-result-item__path-link:hover,
  .c-search-result-item .c-search-result-item__path-link:focus-visible,
  .c-search-result-item .c-search-result-item__title-link:hover,
  .c-search-result-item .c-search-result-item__title-link:focus-visible {
    text-decoration-line: underline;
  }

  @container c-search-result-item (min-width: 360px) {
    .c-search-result-item.has-media .c-search-result-item__layout {
      grid-template-columns: 80px minmax(0, 1fr);
      gap: 20px;
      align-items: start;
    }
  }
}

/* source: src/components/search-results/search-results.css */
@layer components {
  .c-search-results {
    box-sizing: border-box;
    min-inline-size: 0;
    container: c-search-results / inline-size;
    color: var(--cci-color-ink);
  }

  .c-search-results__status {
    box-sizing: border-box;
    margin: 0;
    padding: 16px 20px;
    border-inline-start: 4px solid var(--cci-color-navy);
    border-radius: 0 var(--cci-radius-common) var(--cci-radius-common) 0;
    overflow-wrap: anywhere;
    color: var(--cci-color-navy);
    background: var(--cci-color-warm);
  }

  .c-search-results__status--warning {
    border-inline-start-color: var(--cci-color-pink);
  }

  .c-search-results__status--error {
    border-inline-start-color: var(--cci-color-pink);
    font-weight: 700;
  }

  .c-search-results__status-link {
    color: var(--cci-color-link-text);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  .c-search-results__status-link:hover,
  .c-search-results__status-link:focus-visible {
    text-decoration-thickness: 2px;
  }

  .c-search-results__list {
    display: grid;
    min-inline-size: 0;
    margin: 2px 0 0;
    padding: 0;
    list-style: none;
    gap: 0;
  }

  .c-search-results__item {
    min-inline-size: 0;
  }

  @container c-search-results (max-width: 359px) {
    .c-search-results__status {
      padding: 14px 16px;
    }

  }
}

/* source: src/components/study-filter/study-filter.css */
@layer components {
  .c-study-filter {
    --c-study-filter-gap: 20px;
    --c-study-filter-field-gap: 8px;
    --c-study-filter-padding: 28px;

    box-sizing: border-box;
    display: grid;
    min-inline-size: 0;
    inline-size: 100%;
    gap: 22px;
    padding: var(--c-study-filter-padding);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-ink);
    background: var(--cci-color-warm);
    container-name: c-study-filter;
    container-type: inline-size;
  }

  .c-study-filter .c-study-filter__intro,
  .c-study-filter .c-study-filter__controls,
  .c-study-filter .c-study-filter__field,
  .c-study-filter .c-study-filter__label,
  .c-study-filter .c-study-filter__select,
  .c-study-filter .c-study-filter__submit {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .c-study-filter .c-study-filter__intro {
    margin: 0;
    color: var(--cci-color-navy);
    font-size: var(--cci-type-card-size);
    font-weight: 600;
    line-height: var(--cci-type-card-line);
    overflow-wrap: anywhere;
  }

  .c-study-filter .c-study-filter__controls {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    align-items: end;
    gap: var(--c-study-filter-gap);
  }

  .c-study-filter .c-study-filter__field {
    display: grid;
    gap: var(--c-study-filter-field-gap);
  }

  .c-study-filter .c-study-filter__label {
    color: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: var(--cci-type-meta-line);
    overflow-wrap: anywhere;
  }

  .c-study-filter .c-study-filter__select {
    min-block-size: 48px;
    inline-size: 100%;
    padding: 10px 42px 10px 14px;
    border: 2px solid var(--cci-color-muted-warm);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-ink);
    background-color: var(--cci-color-paper);
    font: inherit;
    line-height: var(--cci-type-meta-line);
  }

  .c-study-filter .c-study-filter__select:hover,
  .c-study-filter .c-study-filter__select:focus-visible {
    border-color: var(--cci-color-navy);
  }

  .c-study-filter .c-study-filter__submit {
    min-block-size: 48px;
    padding: 10px 22px;
    border: 2px solid var(--cci-color-navy);
    border-radius: var(--cci-radius-common);
    color: var(--cci-color-paper);
    background: var(--cci-color-navy);
    font-size: var(--cci-type-meta-size);
    font-weight: 600;
    line-height: var(--cci-type-meta-line);
    cursor: pointer;
  }

  .c-study-filter .c-study-filter__submit:hover {
    border-color: var(--cci-color-pink);
    color: var(--cci-color-navy);
    background: var(--cci-color-paper);
  }

  @container c-study-filter (max-width: 1099px) {
    .c-study-filter .c-study-filter__controls {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .c-study-filter .c-study-filter__submit {
      inline-size: 100%;
    }
  }

  @container c-study-filter (max-width: 559px) {
    .c-study-filter {
      --c-study-filter-gap: 16px;
      --c-study-filter-padding: 20px;
    }

    .c-study-filter .c-study-filter__controls {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}

/* source: src/pages/inferred-study-search/inferred-study-search.css */
@layer scopes {
  .s-inferred-study-search,
  .s-inferred-study-search__flow,
  .s-inferred-study-search__grid,
  .s-inferred-study-search__grid-content,
  .s-inferred-study-search__grid-heading,
  .s-inferred-study-search__grid-copy,
  .s-inferred-study-search__grid-link,
  .s-inferred-study-search__sidebar-stack {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .s-inferred-study-search {
    min-block-size: 100vh;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .s-inferred-study-search__flow,
  .s-inferred-study-search__sidebar-stack,
  .s-inferred-study-search__grid-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .s-inferred-study-search__flow {
    gap: clamp(32px, 4vw, 48px);
  }

  .s-inferred-study-search__sidebar-stack {
    gap: var(--cci-section-space);
  }

  .s-inferred-study-search__grid {
    margin: 0;
    padding: clamp(20px, 3vw, 32px);
    border-radius: var(--cci-radius-common);
    overflow-wrap: anywhere;
    background: var(--cci-color-warm);
  }

  .s-inferred-study-search__grid-content {
    gap: 16px;
  }

  .s-inferred-study-search__grid-heading,
  .s-inferred-study-search__grid-copy {
    margin: 0;
  }

  .s-inferred-study-search__grid-heading {
    color: var(--cci-color-navy);
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.25;
  }

  .s-inferred-study-search__grid-copy {
    font-size: var(--cci-type-body-size);
    line-height: var(--cci-type-body-line);
  }

  .s-inferred-study-search__grid-link {
    inline-size: fit-content;
    max-inline-size: 100%;
    color: var(--cci-color-link-text);
    text-decoration-line: underline;
    text-underline-offset: 0.18em;
  }

  .s-inferred-study-search__grid-link:hover,
  .s-inferred-study-search__grid-link:focus-visible {
    text-decoration-thickness: 2px;
  }
}

/* source: src/pages/inferred-fulltext/inferred-fulltext.css */
@layer scopes {
  .s-inferred-fulltext,
  .s-inferred-fulltext__flow,
  .s-inferred-fulltext__form,
  .s-inferred-fulltext__controls,
  .s-inferred-fulltext__input,
  .s-inferred-fulltext__submit {
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .s-inferred-fulltext {
    min-block-size: 100vh;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .s-inferred-fulltext__flow {
    display: grid;
    gap: clamp(32px, 4vw, 48px);
  }

  .s-inferred-fulltext__form {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: clamp(20px, 3vw, 28px);
    border-radius: var(--cci-radius-common);
    background: var(--cci-color-warm);
  }

  .s-inferred-fulltext__label {
    font-size: var(--cci-type-lead-size);
    font-weight: 700;
    line-height: var(--cci-type-lead-line);
  }

  .s-inferred-fulltext__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: stretch;
  }

  .s-inferred-fulltext__input,
  .s-inferred-fulltext__submit {
    min-block-size: 52px;
    border: 2px solid var(--cci-color-navy);
    border-radius: var(--cci-radius-common);
    font: inherit;
  }

  .s-inferred-fulltext__input {
    inline-size: 100%;
    padding: 12px 16px;
    color: var(--cci-color-ink);
    background: var(--cci-color-paper);
  }

  .s-inferred-fulltext__submit {
    padding: 12px 24px;
    color: var(--cci-color-paper);
    font-weight: 700;
    cursor: pointer;
    background: var(--cci-color-navy);
  }

  .s-inferred-fulltext__input:focus-visible,
  .s-inferred-fulltext__submit:focus-visible {
    outline: var(--cci-focus-width) solid var(--cci-focus-color);
    outline-offset: var(--cci-focus-offset);
  }

  .s-inferred-fulltext__submit:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
  }

  @media (max-width: 479px) {
    .s-inferred-fulltext__controls {
      grid-template-columns: minmax(0, 1fr);
    }

    .s-inferred-fulltext__submit {
      inline-size: 100%;
    }
  }
}