*,
:before,
:after {
  box-sizing: border-box
}

* {
  margin: 0
}

body {
  line-height: 1.5
}

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

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

button {
  appearance: none;
  cursor: pointer;
  background-color: initial;
  border: 0;
  padding: 0
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word
}

#root,
#__next {
  isolation: isolate
}

:root {
  --color-white: #fff;
  --color-black: #000;
  --color-primary-50: #f0f3ff;
  --color-primary-300: #e7ecf8;
  --color-primary-500: #7a8ec7;
  --color-primary-700: #3453a7;
  --color-primary-750: #2f4b97;
  --color-primary-800: #203468;
  --color-accent-50: #fec864;
  --color-neutral-50: #f4f5f8;
  --color-neutral-200: #d7dce5;
  --color-neutral-500: #7f8b9a;
  --color-neutral-600: #616a76;
  --color-neutral-800: #383c43;
  --color-neutral-850: #2b2e34;
  --color-neutral-900: #1e2125;
  --color-feedback-danger: #bc2739;
  --color-feedback-warning: #fec864;
  --color-feedback-success: #34997d;
  --color-bg-body: var(--color-white);
  --color-bg-neutral-subtle: var(--color-neutral-50);
  --color-fg-body: var(--color-neutral-800);
  --color-fg-heading: var(--color-neutral-900);
  --color-fg-caption: var(--color-neutral-600);
  --color-cta-100: #73d4b8;
  --color-cta-650: #60ccaf;
  --color-cta-700: #35b782;
  --color-cta-800: #1e9e6a;
  --color-cta-900: #0c8553;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --spacing-none: 0;
  --spacing-2xs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 48px;
  --layout-full-width-max-width: 1330px;
  --layout-with-sidebar-main-max-width: 990px;
  --layout-with-sidebar-gap: var(--spacing-2xl);
  --layout-with-sidebar-sidebar-width: 300px;
  --font-family-sans-serif: var(--font-euclid-circular-b);
  --font-family-serif: "Georgia", serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-display: 32px;
  --font-size-heading-sm: 20px;
  --font-size-heading-md: 24px;
  --font-size-heading-lg: 24px;
  --font-size-title-xs: 14px;
  --font-size-title-sm: 16px;
  --font-size-title-md: 16px;
  --font-size-title-lg: 18px;
  --font-size-body-xs: 12px;
  --font-size-body-sm: 14px;
  --font-size-body-md: 16px;
  --font-size-body-lg: 18px;
  --font-size-eyebrow-xs: 10px;
  --font-size-eyebrow-sm: 12px;
  --font-size-eyebrow-md: 14px;
  --font-size-eyebrow-lg: 16px;
  --line-height-2xs: 16px;
  --line-height-xs: 18px;
  --line-height-sm: 20px;
  --line-height-md: 24px;
  --line-height-lg: 20px;
  --line-height-xl: 24px;
  --line-height-xxl: 26px;
  --line-height-3xl: 32px;
  --line-height-4xl: 36px;
  --line-height-5xl: 40px;
  --border-width-none: 0;
  --border-width-xs: 1px;
  --border-width-sm: 2px;
  --border-width-md: 4px;
  --border-width-lg: 8px;
  --border-radius-none: 0;
  --border-radius-xs: 4px;
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-xl: 24px;
  --box-shadow-4dp: 0 4px 8px -1px #0000001a, 0 0 1px 0 #0000000d;
  --box-shadow-8dp: 0 8px 16px -3px #0003, 0 0 3px 0 #0000001a;
  --box-shadow-16dp: 0 16px 20px -5px #0000002e, 0 0 4px 0 #00000024;
  --button-primary-color: var(--color-white);
  --button-primary-background-color: var(--color-cta-700);
  --button-primary-hover-background-color: var(--color-cta-800);
  --button-primary-hover-box-shadow: var(--box-shadow-4dp);
  --button-primary-active-background-color: var(--color-cta-900);
  --button-secondary-color: var(--color-primary-700);
  --button-secondary-background-color: var(--color-white);
  --button-secondary-border-color: var(--color-primary-500);
  --button-secondary-border-width: var(--border-width-xs);
  --button-secondary-hover-background-color: var(--color-primary-300);
  --button-secondary-hover-border-width: var(--border-width-sm);
  --button-secondary-active-background-color: var(--color-primary-300);
  --button-ghost-color: var(--color-primary-700);
  --button-ghost-border-width: var(--border-width-xs);
  --button-ghost-hover-background-color: var(--color-primary-300);
  --button-ghost-hover-box-shadow: var(--box-shadow-4dp);
  --button-ghost-active-background-color: var(--color-primary-300);
  --button-grid-title-background: var(--color-neutral-50);
  --button-grid-title-border-top-color: var(--color-primary-700);
  --publish-date-font-color: var(--color-black);
  --publish-date-font-weight: var(--font-weight-bold);
  --sidebar-articles-header-background-color: var(--color-primary-50);
  --sidebar-articles-header-border-bottom: var(--color-primary-300);
  --sidebar-articles-item-action-link-color: var(--color-primary-700);
  --page-background: var(--color-bg-body);
  --stepper-indicator-background: var(--color-primary-700);
  --stepper-step-border-top-color: var(--color-neutral-200);
  --text-ul-li-marker-color: var(--color-fg-body);
  --table-font-family: var(--font-family-sans-serif);
  --ask-an-expert-card-background: var(--color-white);
  --ask-an-expert-card-border-top-width: 4px;
  --ask-an-expert-card-border-top-color: var(--color-primary-700);
  --ask-an-expert-card-border-radius: var(--border-radius-md);
  --ask-an-expert-card-box-shadow: 0 2px 8px #00000014;
  --ask-an-expert-card-padding: var(--spacing-3xl) var(--spacing-lg);
  --ask-an-expert-card-padding-desktop: var(--spacing-3xl);
  --ask-an-expert-card-gap: var(--spacing-lg);
  --ask-an-expert-card-gap-desktop: var(--spacing-3xl);
  --ask-an-expert-header-gap: var(--spacing-xs);
  --ask-an-expert-label-font-size: var(--font-size-title-sm);
  --ask-an-expert-label-font-weight: var(--font-weight-bold);
  --ask-an-expert-label-line-height: var(--line-height-sm);
  --ask-an-expert-label-color: var(--color-fg-caption);
  --ask-an-expert-heading-font-size: var(--font-size-heading-md);
  --ask-an-expert-heading-font-weight: var(--font-weight-semibold);
  --ask-an-expert-heading-line-height: 28px;
  --ask-an-expert-heading-color: var(--color-fg-heading);
  --ask-an-expert-heading-font-size-desktop: 32px;
  --ask-an-expert-heading-line-height-desktop: 40px;
  --ask-an-expert-content-gap: var(--spacing-sm);
  --ask-an-expert-content-gap-desktop: var(--spacing-sm);
  --ask-an-expert-tabs-list-gap: var(--spacing-sm);
  --ask-an-expert-tabs-list-border-radius: var(--border-radius-xs);
  --ask-an-expert-tabs-list-width-desktop: 318.66px;
  --ask-an-expert-tabs-list-max-height-desktop: 280px;
  --ask-an-expert-expert-card-gap: var(--spacing-sm);
  --ask-an-expert-expert-card-background: var(--color-primary-50);
  --ask-an-expert-expert-card-active-background: var(--color-primary-300);
  --ask-an-expert-expert-card-background-desktop: var(--color-neutral-50);
  --ask-an-expert-expert-card-active-background-desktop: var(--color-primary-300);
  --ask-an-expert-expert-card-padding: var(--spacing-xl);
  --ask-an-expert-tab-border-radius: var(--border-radius-xs);
  --ask-an-expert-avatar-size: 40px;
  --ask-an-expert-avatar-border-radius: 50%;
  --ask-an-expert-avatar-background: var(--color-neutral-200);
  --ask-an-expert-expert-name-font-size: var(--font-size-title-sm);
  --ask-an-expert-expert-name-font-weight: var(--font-weight-semibold);
  --ask-an-expert-expert-name-line-height: var(--line-height-xl);
  --ask-an-expert-expert-name-color: var(--color-fg-body);
  --ask-an-expert-expert-title-font-size: var(--font-size-body-sm);
  --ask-an-expert-expert-title-font-weight: var(--font-weight-normal);
  --ask-an-expert-expert-title-line-height: var(--line-height-sm);
  --ask-an-expert-expert-title-color: var(--color-fg-caption);
  --ask-an-expert-answer-background: var(--color-primary-300);
  --ask-an-expert-answer-border-radius: var(--border-radius-xs);
  --ask-an-expert-answer-padding: var(--spacing-lg) var(--spacing-2xl);
  --ask-an-expert-answer-gap: var(--spacing-lg);
  --ask-an-expert-answer-height-desktop: 280px;
  --ask-an-expert-answer-header-gap: var(--spacing-xs);
  --ask-an-expert-answer-title-font-size: var(--font-size-title-lg);
  --ask-an-expert-answer-title-font-weight: var(--font-weight-semibold);
  --ask-an-expert-answer-title-line-height: var(--line-height-xl);
  --ask-an-expert-answer-title-color: var(--color-fg-body);
  --ask-an-expert-answer-title-font-size-desktop: 20px;
  --ask-an-expert-answer-title-line-height-desktop: 26px;
  --ask-an-expert-answer-text-font-size: var(--font-size-body-sm);
  --ask-an-expert-answer-text-font-weight: var(--font-weight-normal);
  --ask-an-expert-answer-text-line-height: var(--line-height-sm);
  --ask-an-expert-answer-text-color: var(--color-fg-body);
  --ask-an-expert-answer-text-font-weight-bold: var(--font-weight-semibold);
  --ask-an-expert-answer-link-color: var(--color-primary-700);
  --ask-an-expert-expert-info-gap: var(--spacing-sm);
  --ask-an-expert-expert-info-name-color: var(--color-primary-700);
  --ask-an-expert-scrollbar-height: 6px;
  --ask-an-expert-scrollbar-width: 6px;
  --ask-an-expert-scrollbar-color: var(--color-neutral-500);
  --ask-an-expert-scrollbar-track-color: var(--color-neutral-50);
  --ask-an-expert-scrollbar-border-radius: 3px
}

@media (min-width:768px) {
  :root {
    --font-size-display: 48px;
    --font-size-heading-sm: 24px;
    --font-size-heading-md: 28px;
    --font-size-heading-lg: 32px;
    --font-size-title-md: 18px;
    --font-size-title-lg: 20px;
    --line-height-lg: 24px;
    --line-height-xl: 26px;
    --line-height-xxl: 32px;
    --line-height-3xl: 36px;
    --line-height-4xl: 40px;
    --line-height-5xl: 58px
  }
}

@media (min-width:992px) {
  :root {
    --font-size-display: 56px;
    --font-size-heading-md: 32px;
    --font-size-heading-lg: 48px;
    --line-height-3xl: 40px;
    --line-height-4xl: 58px;
    --line-height-5xl: 68px;
    --layout-with-sidebar-gap: var(--spacing-3xl)
  }
}

@scope(.dark-page-theme) {
  :scope {
    --color-bg-body: var(--color-neutral-900);
    --color-fg-body: var(--color-neutral-50);
    --color-fg-heading: var(--color-white);
    --accordion-padding-x: 0;
    --accordion-heading-font-color: var(--color-fg-heading);
    --accordion-text-base-color: var(--color-fg-heading);
    --accordion-trigger-icon-color: var(--color-neutral-500);
    --accordion-item-border-bottom: 4px solid var(--color-neutral-800);
    --ad-disclosure-background-color: var(--color-neutral-800);
    --ad-disclosure-text-color: var(--color-fg-body);
    --ad-disclosure-popover-trigger-color: var(--color-fg-body);
    --footer-background-color: var(--color-neutral-800);
    --footer-copyright-color: var(--color-fg-heading);
    --footer-logo-fill: var(--color-fg-heading);
    --page-background: var(--color-bg-body);
    --separator-border-color: var(--color-neutral-800);
    --text-base-color: var(--color-fg-body);
    --text-heading-color: var(--color-fg-heading);
    --text-ul-li-marker-color: var(--color-fg-body)
  }
}

@scope(.new-sem-page-theme) {
  :scope {
    --color-bg-white: #fff;
    --color-bg-neutral-light: #f5f6f8;
    --color-bg-neutral: #e5e5e5;
    --color-bg-neutral-mid: #747c80;
    --color-bg-neutral-dark: #333;
    --color-bg-header: #1e2125;
    --color-bg-accent-1: #f3c060;
    --color-bg-accent-1-light: #fef9ef;
    --color-bg-accent-2: #6a3fe0;
    --color-bg-accent-2-light: #f2edff;
    --color-bg-secondary-light: #def1fc;
    --color-bg-secondary: #1e72a8;
    --color-bg-secondary-dark: #155a84;
    --color-bg-primary-light: #0c7663;
    --color-bg-primary: #0c7663;
    --color-bg-primary-dark: #075a4b;
    --color-fg-heading: #1e2125;
    --color-fg-body: #333;
    --color-fg-caption: #747c80;
    --color-fg-stroke-ui: #e5e5e5;
    --color-fg-link: #1e72a8;
    --color-fg-stroke-ui-inverse: #f5f6f8;
    --color-fg-heading-inverse: #fff;
    --color-fg-body-inverse: #f5f6f8;
    --color-fg-caption-inverse: #e5e5e5;
    --color-fg-table-border: #e5e5e5;
    --color-fg-stroke-inverse: #747c80;
    --color-fg-stroke-dark-inverse: #333;
    --color-fg-feedback-error: #eb4015;
    --color-fg-feedback-warning: #ffb136;
    --color-fg-feedback-success: #0c7663;
    --box-shadow-4dp: 0 0 1px 0 #0000000d, 0 4px 8px -1px #0000001a;
    --box-shadow-8dp: 0 0 3px 0 #0000001a, 0 8px 16px -3px #0003;
    --border-radius-none: 0;
    --border-radius-xs: 4px;
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;
    --border-width-none: 0;
    --border-width-xs: 1px;
    --border-width-sm: 2px;
    --border-width-md: 4px;
    --border-width-lg: 8px;
    --text-base-font-family: var(--font-work-sans);
    --text-base-font-size: 16px;
    --text-base-line-height: 26px;
    --text-heading-font-family: var(--font-work-sans);
    --text-a-color: var(--color-fg-link);
    --text-a-hover-color: var(--color-fg-link);
    --text-h1-font-size: 32px;
    --text-h1-line-height: 42px;
    --text-h2-font-size: 24px;
    --text-h2-line-height: 34px;
    --text-h3-font-size: 20px;
    --text-h3-line-height: 30px;
    --text-h4-font-size: 18px;
    --text-h4-line-height: 28px;
    --button-font-family: var(--font-work-sans);
    --button-font-weight: var(--font-weight-semibold);
    --button-border-radius: var(--border-radius-xs);
    --button-items-gap: var(--spacing-xs);
    --button-icon-size: 20px;
    --button-small-padding-y: var(--spacing-md);
    --button-small-padding-x: var(--spacing-xl);
    --button-small-font-size: 14px;
    --button-small-line-height: 24px;
    --button-large-padding-y: var(--spacing-md);
    --button-large-padding-x: var(--spacing-xl);
    --button-large-font-size: 18px;
    --button-large-line-height: 28px;
    --button-primary-color: var(--color-bg-white);
    --button-primary-background-color: var(--color-bg-primary);
    --button-primary-border-width: 0;
    --button-primary-border-color: transparent;
    --button-primary-hover-color: var(--color-bg-white);
    --button-primary-hover-background-color: var(--color-bg-primary-dark);
    --button-primary-hover-box-shadow: none;
    --button-secondary-color: var(--color-bg-primary);
    --button-secondary-background-color: var(--color-bg-white);
    --button-secondary-border-color: var(--color-bg-primary);
    --button-secondary-border-width: var(--border-width-xs);
    --button-secondary-hover-color: var(--color-bg-primary-dark);
    --button-secondary-hover-background-color: var(--color-bg-white);
    --button-secondary-hover-border-color: var(--color-bg-primary-dark);
    --button-secondary-hover-border-width: var(--border-width-xs);
    --button-ghost-color: var(--color-bg-primary);
    --button-ghost-background-color: transparent;
    --button-ghost-border-width: 0;
    --button-ghost-hover-color: var(--color-bg-primary-dark);
    --button-ghost-hover-background-color: transparent;
    --button-ghost-hover-box-shadow: none;
    --header-background-color: var(--color-bg-header);
    --header-color: var(--color-bg-white);
    --footer-background-color: var(--color-bg-neutral-light);
    --sidebar-articles-border: var(--border-width-xs) solid var(--color-fg-stroke-ui);
    --sidebar-articles-root-padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-sm);
    --sidebar-articles-header-background-color: transparent;
    --sidebar-articles-header-padding: 0 0 var(--spacing-sm);
    --sidebar-articles-content-padding: 0;
    --sidebar-articles-item-padding: var(--spacing-sm) 0;
    --sidebar-articles-item-action-container-margin-top: var(--spacing-xs);
    --sidebar-articles-header-border-bottom: var(--border-width-xs) solid var(--color-fg-stroke-ui);
    --sidebar-articles-heading-font-family: var(--font-work-sans);
    --sidebar-articles-heading-font-weight: var(--font-weight-bold);
    --sidebar-articles-heading-font-size: 16px;
    --sidebar-articles-heading-line-height: 26px;
    --sidebar-articles-heading-color: var(--color-fg-heading);
    --sidebar-articles-item-border-top: var(--border-width-xs) solid var(--color-fg-stroke-ui);
    --sidebar-articles-item-title-font-family: var(--font-work-sans);
    --sidebar-articles-item-title-font-weight: var(--font-weight-normal);
    --sidebar-articles-item-title-font-size: 14px;
    --sidebar-articles-item-title-line-height: 24px;
    --sidebar-articles-item-title-color: var(--color-fg-body);
    --sidebar-articles-item-action-link-color: var(--color-bg-primary);
    --sidebar-articles-item-action-icon-display: inline-block;
    --sidebar-articles-item-action-icon-width: 15px;
    --sidebar-articles-item-action-icon-height: 10px;
    --sidebar-articles-item-action-text-font-family: var(--font-work-sans);
    --sidebar-articles-item-action-text-font-weight: var(--font-weight-semibold);
    --sidebar-articles-item-action-text-font-size: 14px;
    --sidebar-articles-item-action-text-line-height: 24px;
    --table-font-family: var(--font-work-sans);
    --table-header-background-color: var(--color-bg-secondary-dark);
    --table-header-font-color: var(--color-fg-heading-inverse);
    --table-header-font-weight: var(--font-weight-semibold);
    --table-header-font-size: 16px;
    --table-header-line-height: 26px;
    --table-header-padding: var(--spacing-sm);
    --table-header-text-align: left;
    --table-data-padding: var(--spacing-sm);
    --table-data-font-size: 14px;
    --table-data-line-height: 24px;
    --table-odd-row-background-color: var(--color-bg-neutral-light);
    --table-even-row-background-color: var(--color-bg-white);
    --accordion-padding-x: 0;
    --accordion-heading-font-family: var(--font-work-sans);
    --accordion-heading-font-weight: var(--font-weight-bold);
    --accordion-heading-font-size: 20px;
    --accordion-heading-line-height: 30px;
    --accordion-heading-margin-bottom: var(--spacing-xl);
    --accordion-heading-font-color: var(--color-fg-heading);
    --accordion-item-padding: var(--spacing-sm) 0;
    --accordion-item-border-bottom: var(--border-width-xs) solid var(--color-fg-stroke-ui);
    --accordion-text-base-color: var(--color-fg-body);
    --accordion-item-trigger-text-font-family: var(--font-work-sans);
    --accordion-item-trigger-text-font-weight: var(--font-weight-semibold);
    --accordion-item-trigger-text-font-size: 16px;
    --accordion-item-trigger-text-line-height: 26px;
    --accordion-item-content-text-font-family: var(--font-work-sans);
    --accordion-item-content-text-font-size: 14px;
    --accordion-item-content-text-line-height: 24px;
    --accordion-item-content-text-padding-top: 7px;
    --accordion-trigger-icon-width: 24px;
    --accordion-trigger-icon-height: 24px;
    --accordion-trigger-icon-color: var(--color-fg-heading);
    --ask-an-expert-card-background: var(--color-bg-white);
    --ask-an-expert-card-border: var(--border-width-sm) solid var(--color-fg-stroke-ui);
    --ask-an-expert-card-border-top-width: var(--border-width-sm);
    --ask-an-expert-card-border-top-color: var(--color-fg-stroke-ui);
    --ask-an-expert-card-border-radius: var(--border-radius-sm);
    --ask-an-expert-card-box-shadow: none;
    --ask-an-expert-card-padding: var(--spacing-lg);
    --ask-an-expert-card-padding-desktop: var(--spacing-xl);
    --ask-an-expert-card-gap: var(--spacing-lg);
    --ask-an-expert-card-gap-desktop: var(--spacing-xl);
    --ask-an-expert-label-font-family: var(--font-work-sans);
    --ask-an-expert-label-font-weight: var(--font-weight-bold);
    --ask-an-expert-label-font-size: 14px;
    --ask-an-expert-label-line-height: 24px;
    --ask-an-expert-label-color: var(--color-fg-caption);
    --ask-an-expert-label-letter-spacing: .5px;
    --ask-an-expert-heading-font-family: var(--font-work-sans);
    --ask-an-expert-heading-font-weight: var(--font-weight-bold);
    --ask-an-expert-heading-font-size: 20px;
    --ask-an-expert-heading-line-height: 30px;
    --ask-an-expert-heading-font-size-desktop: 24px;
    --ask-an-expert-heading-line-height-desktop: 34px;
    --ask-an-expert-heading-color: var(--color-fg-heading);
    --ask-an-expert-expert-card-background: var(--color-bg-neutral-light);
    --ask-an-expert-expert-card-active-background: var(--color-bg-accent-1-light);
    --ask-an-expert-expert-card-background-desktop: var(--color-bg-white);
    --ask-an-expert-expert-card-active-background-desktop: var(--color-bg-accent-1-light);
    --ask-an-expert-expert-name-font-family: var(--font-work-sans);
    --ask-an-expert-expert-name-line-height: 26px;
    --ask-an-expert-expert-name-color: var(--color-fg-body);
    --ask-an-expert-expert-title-font-family: var(--font-work-sans);
    --ask-an-expert-expert-title-font-size: 10px;
    --ask-an-expert-expert-title-line-height: 16px;
    --ask-an-expert-expert-title-color: var(--color-fg-caption);
    --ask-an-expert-answer-background: var(--color-bg-accent-1-light);
    --ask-an-expert-answer-padding: var(--spacing-lg);
    --ask-an-expert-answer-gap: var(--spacing-lg);
    --ask-an-expert-answer-gap-desktop: var(--spacing-xl);
    --ask-an-expert-answer-text-font-family: var(--font-work-sans);
    --ask-an-expert-answer-text-font-size: 14px;
    --ask-an-expert-answer-text-line-height: 24px;
    --ask-an-expert-answer-text-color: var(--color-fg-body);
    --ask-an-expert-answer-link-color: var(--color-bg-primary);
    --ask-an-expert-expert-info-name-color: var(--color-bg-primary);
    --ask-an-expert-expert-info-name-font-size: 18px;
    --ask-an-expert-expert-info-name-line-height: 28px;
    --ask-an-expert-expert-card-border: var(--border-width-xs) solid var(--color-fg-stroke-ui-inverse);
    --button-grid-background-color: var(--color-bg-neutral-light);
    --button-grid-padding: var(--spacing-lg);
    --button-grid-font-family: var(--font-work-sans);
    --button-grid-title-background: transparent;
    --button-grid-title-border-top-width: 0;
    --button-grid-title-padding-x: 0;
    --button-grid-title-margin-bottom: 17px;
    --button-grid-title-font-weight: var(--font-weight-bold);
    --button-grid-title-font-size: 20px;
    --button-grid-title-line-height: 30px;
    --button-grid-title-color: var(--color-fg-heading);
    --read-more-trigger-color: var(--color-bg-primary);
    --read-more-trigger-font-weight: var(--font-weight-semibold);
    --read-more-trigger-text-decoration: underline;
    --author-info-font-family: var(--font-work-sans);
    --author-info-name-font-weight: var(--font-weight-bold);
    --author-info-prefix-font-weight: var(--font-weight-medium);
    --author-info-tooltip-border-color: var(--color-fg-stroke-ui);
    --author-info-tooltip-box-shadow: var(--box-shadow-8dp);
    --author-info-tooltip-name-color: var(--color-bg-primary);
    --author-info-tooltip-name-font-weight: var(--font-weight-bold);
    --author-info-tooltip-role-color: var(--color-fg-body);
    --author-info-tooltip-show-more-link-color: var(--color-bg-primary);
    --ad-disclosure-padding: 8px 4px;
    --ad-disclosure-background-color: #333333b3;
    --ad-disclosure-border-radius: var(--border-radius-xs);
    --ad-disclosure-backdrop-filter: blur(12px);
    --ad-disclosure-text-font-family: var(--font-work-sans);
    --ad-disclosure-text-font-size: 10px;
    --ad-disclosure-text-line-height: 16px;
    --ad-disclosure-text-color: var(--color-bg-white);
    --ad-disclosure-popover-trigger-color: var(--color-bg-white);
    --ad-disclosure-prefix-color: var(--color-bg-white)
  }

  @media (min-width:768px) {
    :scope {
      --text-h2-font-size: 28px;
      --text-h2-line-height: 38px;
      --text-h3-font-size: 24px;
      --text-h3-line-height: 34px;
      --text-h4-font-size: 20px;
      --text-h4-line-height: 30px;
      --ad-disclosure-padding: 7px 8px;
      --table-data-font-size: 16px;
      --table-data-line-height: 26px;
      --accordion-heading-font-size: 24px;
      --accordion-heading-line-height: 34px;
      --accordion-item-trigger-text-font-size: 18px;
      --accordion-item-trigger-text-line-height: 28px;
      --accordion-item-content-text-font-size: 16px;
      --accordion-item-content-text-line-height: 26px;
      --ask-an-expert-card-border: var(--border-width-xs) solid var(--color-fg-stroke-ui);
      --ask-an-expert-card-border-top-width: var(--border-width-xs);
      --ask-an-expert-label-font-size: 16px;
      --ask-an-expert-label-line-height: 26px;
      --ask-an-expert-expert-title-font-size: 14px;
      --ask-an-expert-expert-title-line-height: 24px;
      --ask-an-expert-answer-padding: var(--spacing-lg) var(--spacing-xl);
      --button-grid-title-font-size: 24px;
      --button-grid-title-line-height: 34px
    }
  }

  @media (min-width:992px) {
    :scope {
      --text-h1-font-size: 48px;
      --text-h1-line-height: 58px;
      --text-h2-font-size: 32px;
      --text-h2-line-height: 42px
    }
  }
}

:focus-visible {
  outline-offset: 4px;
  outline: 4px solid #80caf4
}

:root {
  --text-base-font-family: var(--font-family-serif);
  --text-base-font-size: var(--font-size-body-md);
  --text-base-color: var(--color-fg-body);
  --text-base-line-height: var(--line-height-xl);
  --text-a-color: var(--color-primary-700);
  --text-a-text-decoration: none;
  --text-a-hover-text-decoration: underline;
  --text-a-hover-color: var(--color-primary-700);
  --text-heading-font-family: var(--font-family-sans-serif);
  --text-heading-color: var(--color-fg-heading);
  --text-h1-font-size: var(--font-size-heading-lg);
  --text-h1-line-height: var(--line-height-xl);
  --text-h2-font-size: var(--font-size-heading-md);
  --text-h2-line-height: var(--line-height-3xl);
  --text-h3-font-size: var(--font-size-heading-sm);
  --text-h3-line-height: var(--line-height-xl);
  --text-h4-font-size: var(--font-size-title-lg);
  --text-h4-line-height: var(--line-height-xl);
  --text-h5-font-size: var(--font-size-title-xs);
  --text-h5-line-height: var(--line-height-xs);
  --text-p-margin-top: var(--spacing-lg);
  --text-p-margin-bottom: var(--spacing-lg);
  --text-ul-padding-inline-start: .8em;
  --text-ol-padding-inline-start: .8em;
  --text-ol-li-marker-color: var(--color-fg-body);
  --ad-disclosure-padding: var(--spacing-sm);
  --ad-disclosure-background-color: var(--color-bg-neutral-subtle);
  --ad-disclosure-text-color: #929a9b;
  --ad-disclosure-text-font-family: var(--font-family-sans-serif);
  --ad-disclosure-text-font-size: var(--font-size-eyebrow-xs);
  --ad-disclosure-popover-trigger-color: #929a9b;
  --ad-disclosure-popover-content-font-family: var(--font-family-sans-serif);
  --ad-disclosure-popover-content-padding: var(--spacing-lg);
  --ad-disclosure-popover-content-max-width: 360px;
  --ad-disclosure-popover-content-border-radius: 10px;
  --ad-disclosure-popover-content-background-color: var(--color-white);
  --ad-disclosure-popover-content-box-shadow: 0 0 3px #1b1e231a;
  --ad-disclosure-popover-content-z-index: 20;
  --ad-disclosure-popover-content-text-font-family: var(--font-family-sans-serif);
  --ad-disclosure-popover-content-text-font-size: var(--font-size-body-sm);
  --ad-disclosure-popover-content-text-margin: 0;
  --ad-disclosure-popover-content-text-line-height: var(--line-height-xl);
  --ad-disclosure-popover-content-text-color: #333;
  --author-info-font-family: var(--font-family-sans-serif);
  --author-info-name-color: var(--color-fg-body);
  --author-info-position-text-color: var(--color-fg-caption);
  --author-info-tooltip-border-color: var(--color-neutral-200);
  --author-info-tooltip-role-color: var(--color-neutral-600);
  --author-info-tooltip-show-more-link-color: var(--color-primary-700);
  --button-font-family: var(--font-family-sans-serif);
  --button-border-radius: var(--border-radius-xs);
  --button-focus-visible-outline-color: var(--color-feedback-focus);
  --button-font-weight: var(--font-weight-semibold);
  --button-large-padding-x: var(--spacing-xl);
  --button-large-padding-y: var(--spacing-md);
  --button-large-font-size: var(--font-size-title-sm);
  --button-small-padding-x: var(--spacing-lg);
  --button-small-padding-y: var(--spacing-md);
  --button-small-font-size: var(--font-size-body-sm);
  --cover-light-background-color: var(--color-white);
  --cover-dark-background-color: var(--color-black);
  --cover-light-body-color: var(--color-fg-body);
  --cover-light-heading-color: var(--color-fg-heading);
  --cover-dark-body-color: var(--color-white);
  --cover-dark-heading-color: var(--color-white);
  --cover-content-padding-top: var(--spacing-sm);
  --cover-content-padding-bottom: var(--spacing-sm);
  --cover-base-font-family: var(--font-family-sans-serif);
  --cover-base-font-size: var(--font-size-body-sm);
  --cover-base-line-height: var(--line-height-sm);
  --cover-h1-font-size: var(--font-size-heading-lg);
  --cover-h1-line-height: var(--line-height-xl);
  --cover-h1-margin-bottom: var(--spacing-none);
  --cover-p-margin-top: var(--spacing-xs);
  --cover-image-container-hidden-display: none;
  --publish-date-font-size: var(--font-size-body-xs);
  --publish-date-font-color: var(--color-fg-caption);
  --section-with-sidebar-max-width: var(--layout-full-width-max-width);
  --section-with-sidebar-padding: 0 var(--spacing-lg);
  --section-with-sidebar-gap: var(--layout-with-sidebar-gap);
  --section-with-sidebar-grid-template-columns: minmax(0, 1fr);
  --separator-border-width: var(--border-width-md);
  --separator-border-color: var(--color-neutral-900);
  --separator-margin: var(--spacing-xl);
  --sidebar-articles-heading-font-family: var(--font-family-sans-serif);
  --sidebar-articles-item-title-font-family: var(--font-family-sans-serif);
  --sidebar-articles-item-action-text-font-family: var(--font-family-sans-serif);
  --table-border-collapse: collapse;
  --table-overflow: hidden;
  --table-borer-radius: var(--border-radius-sm);
  --table-header-padding: var(--spacing-sm);
  --table-header-text-align: center;
  --table-header-background-color: var(--color-primary-700);
  --table-header-font-color: var(--color-white);
  --table-header-font-weight: var(--font-weight-semibold);
  --table-header-font-size: var(--font-size-body-lg);
  --table-header-border-style: none;
  --table-data-text-align: center;
  --table-data-padding: var(--spacing-sm);
  --table-data-background-color: var(--color-white);
  --table-data-border-style: none;
  --table-data-line-height: var(--line-height-lg);
  --table-data-font-size: var(--font-size-body-lg);
  --table-odd-row-background-color: var(--color-neutral-50);
  --table-even-row-background-color: var(--color-white);
  --carousel-container-padding: var(--spacing-lg);
  --carousel-slide-border-color: var(--color-neutral-200);
  --carousel-slide-border-radius: var(--border-radius-xs);
  --carousel-slide-background-color: var(--color-white);
  --carousel-slide-margin: 0 10px;
  --carousel-slide-padding: var(--spacing-lg, --spacing-xl);
  --carousel-slide-box-shadow: var(--box-shadow-4dp);
  --carousel-arrow-position-top: 50%;
  --carousel-arrow-position-width: 80px;
  --carousel-arrow-position-height: 100%;
  --carousel-arrow-z-index: 3;
  --carousel-next-arrow-position-left: calc(100% + 10px);
  --carousel-prev-arrow-position-left: -10px;
  --carousel-arrow-width: 10px;
  --carousel-arrow-height: 10px;
  --carousel-next-arrow-margin-left: var(--spacing-sm);
  --carousel-prev-arrow-margin-left: var(--spacing-sm)
}

@media (min-width:768px) {
  :root {
    --ad-disclosure-popover-content-max-width: 429px;
    --ad-disclosure-text-font-size: var(--font-size-body-xs);
    --cover-content-padding-top: var(--spacing-lg);
    --cover-content-padding-bottom: var(--spacing-lg);
    --cover-h1-line-height: var(--line-height-xxl);
    --cover-h1-margin-bottom: var(--spacing-sm);
    --cover-image-container-hidden-display: block;
    --cover-p-margin-top: var(--spacing-sm);
    --publish-date-text-align: right;
    --text-base-font-size: var(--font-size-body-lg)
  }
}

@media (min-width:992px) {
  :root {
    --cover-h1-line-height: var(--line-height-4xl);
    --section-with-sidebar-sidebar-width: var(--layout-with-sidebar-sidebar-width);
    --section-with-sidebar-grid-template-columns: minmax(0, 1fr) var(--layout-with-sidebar-sidebar-width)
  }
}