.ce_tab_accordion {
    margin-block: 0;
    padding-block: calc(var(--spacing-section) / 2);
    color: var(--color-text-dark);
    font-family: var(--font-family-base);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-body);
    overflow-wrap: anywhere;
}

.ce_tab_accordion [hidden] { display: none; }
.ce_tab_accordion :is(p, h1, h2, h3, h4, figure) { margin: 0; min-width: 0; }
.ce_tab_accordion__layout { display: grid; gap: var(--spacing-2xl); }
.ce_tab_accordion__header,
.ce_tab_accordion__heading-copy { display: grid; gap: var(--spacing-md); min-width: 0; }
.ce_tab_accordion__heading { letter-spacing: -.04em; white-space: pre-line; }
.ce_tab_accordion__intro { font-size: var(--font-size-description); line-height: var(--line-height-description); white-space: pre-line; }

.ce_tab_accordion__label,
.ce_tab_accordion__status {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    color: var(--color-secondary);
    font-size: var(--font-size-eyebrow);
    line-height: var(--line-height-label);
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ce_tab_accordion__label { color: var(--color-text-dark); }
.ce_tab_accordion__label::before { content: ''; flex: 0 0 var(--spacing-md); height: 2px; background: currentColor; }
.ce_tab_accordion__label > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ce_tab_accordion__status { flex-wrap: wrap; }
.ce_tab_accordion__status::before { content: ''; width: var(--spacing-xs); height: var(--spacing-xs); border-radius: var(--radius-pill); background: currentColor; }

.ce_tab_accordion__split { display: grid; align-items: start; min-width: 0; border-radius: var(--radius-list); background: var(--color-text-light); }
.ce_tab_accordion__stage { display: grid; gap: var(--spacing-lg); min-width: 0; padding: var(--spacing-md); border-radius: var(--radius-list); background: var(--color-primary); color: var(--color-text-light); }
.ce_tab_accordion__panels { display: grid; gap: var(--spacing-2xl); min-width: 0; }
.ce_tab_accordion__panel { display: grid; gap: var(--spacing-lg); min-width: 0; }
.ce_tab_accordion__media { position: relative; aspect-ratio: 480 / 220; min-width: 0; }
.ce_tab_accordion__media--empty { display: none; }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__panels { grid-template-rows: repeat(4, auto); row-gap: var(--spacing-lg); }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__panel { grid-column: 1; grid-row: 1 / span 4; grid-template-rows: subgrid; visibility: hidden; pointer-events: none; }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__panel.is-current { visibility: visible; pointer-events: auto; }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__status { grid-row: 1; }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__media { grid-row: 2; }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__media--empty { display: block; }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__metadata { grid-row: 3; }
.ce_tab_accordion.is-enhanced .ce_tab_accordion__copy { grid-row: 4; align-content: start; }
.ce_tab_accordion__image { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.ce_tab_accordion__metadata { display: flex; justify-content: space-between; align-items: start; gap: var(--spacing-xs); padding-top: calc(2 * var(--spacing-xs)); border-top: 1px solid var(--color-border-inverse-subtle); color: var(--color-text-light); font-size: var(--font-size-eyebrow); line-height: var(--line-height-label); text-transform: uppercase; letter-spacing: .08em; }
.ce_tab_accordion__pagination { flex-shrink: 0; white-space: nowrap; }
.ce_tab_accordion__copy { display: grid; gap: calc(2 * var(--spacing-xs)); min-width: 0; }
.ce_tab_accordion__title { color: var(--color-text-light); white-space: pre-line; }
.ce_tab_accordion__description { white-space: pre-line; }
.ce_tab_accordion__link { justify-self: start; color: var(--color-secondary); font-size: var(--font-size-caption); text-underline-offset: .2em; }
.ce_tab_accordion__progress { display: flex; flex-wrap: wrap; gap: var(--spacing-xs); }
.ce_tab_accordion__progress > span { width: var(--spacing-xs); height: calc(var(--spacing-xs) / 2); border-radius: var(--radius-pill); background: var(--color-border-inverse-subtle); }
.ce_tab_accordion__progress > .is-active { width: var(--spacing-md); background: var(--color-secondary); }

.ce_tab_accordion__navigation { min-width: 0; }
.ce_tab_accordion__tabs { border-radius: var(--radius-list); }
.ce_tab_accordion__tab {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: calc(2 * var(--spacing-xs));
    width: 100%;
    min-width: 0;
    padding: var(--spacing-lg) var(--spacing-md);
    border: 0;
    border-top: 1px solid var(--color-primary-muted);
    border-right: 1px solid var(--color-primary-muted);
    border-left: 1px solid var(--color-primary-muted);
    border-bottom: 1px solid var(--color-primary-muted);
    background: var(--color-text-light);
    color: var(--color-text-dark);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.ce_tab_accordion__tab + .ce_tab_accordion__tab { margin-top: -1px; }
.ce_tab_accordion.is-accordion .ce_tab_accordion__tabs { overflow-anchor: none; }
.ce_tab_accordion.is-accordion .ce_tab_accordion__stage { min-height: 0; border-radius: 0; }
.ce_tab_accordion.is-accordion .ce_tab_accordion__stage:last-child { border-bottom-left-radius: var(--radius-list); border-bottom-right-radius: var(--radius-list); }
.ce_tab_accordion.is-accordion .ce_tab_accordion__stage + .ce_tab_accordion__tab { margin-top: -1px; }
.ce_tab_accordion__tab:first-child { border-top-left-radius: var(--radius-list); border-top-right-radius: var(--radius-list); }
.ce_tab_accordion__tab:last-child { border-bottom-left-radius: var(--radius-list); border-bottom-right-radius: var(--radius-list); }
.ce_tab_accordion__tab-title { display: grid; font-size: var(--font-size-h4); line-height: var(--line-height-h4); white-space: pre-line; }
.ce_tab_accordion__tab-title > span,
.ce_tab_accordion__tab-title::after { grid-area: 1 / 1; }
.ce_tab_accordion__tab-title::after { content: attr(data-label); font-weight: var(--font-weight-bold); visibility: hidden; }
.ce_tab_accordion__number { color: var(--color-primary-muted); font-size: var(--font-size-eyebrow); letter-spacing: .08em; }
.ce_tab_accordion__tab:is([aria-selected="true"], [aria-expanded="true"]) { background: var(--color-primary); color: var(--color-secondary); border-color: var(--color-primary); }
.ce_tab_accordion__tab:is([aria-selected="true"], [aria-expanded="true"]) .ce_tab_accordion__tab-title { font-weight: var(--font-weight-bold); }
.ce_tab_accordion__tab:is([aria-selected="true"], [aria-expanded="true"]) .ce_tab_accordion__number { color: inherit; }
.ce_tab_accordion__toggle { position: relative; width: var(--spacing-lg); height: var(--spacing-lg); border: 1px solid var(--color-primary-muted); border-radius: var(--radius-pill); color: var(--color-primary-muted); }
.ce_tab_accordion__tab:is([aria-selected="true"], [aria-expanded="true"]) .ce_tab_accordion__toggle { border-color: currentColor; color: inherit; }
.ce_tab_accordion__toggle::before,
.ce_tab_accordion__toggle::after { content: ''; position: absolute; top: 50%; left: 50%; width: calc(1.5 * var(--spacing-xs)); height: 1px; background: currentColor; transform: translate(-50%, -50%); }
.ce_tab_accordion__toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.ce_tab_accordion__tab:is([aria-selected="true"], [aria-expanded="true"]) .ce_tab_accordion__toggle::after { display: none; }
.ce_tab_accordion__tab:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.ce_tab_accordion__panel:focus-visible,
.ce_tab_accordion__link:focus-visible { outline: 2px solid var(--color-secondary); outline-offset: 3px; }
.ce_tab_accordion__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--spacing-md); padding: var(--spacing-xl) var(--spacing-md); color: var(--color-text-muted-teal); font-size: var(--font-size-caption); }

@media (min-width: 701px) {
    .ce_tab_accordion__stage { padding: var(--spacing-xl); }
}

@media (min-width: 1024px) {
    .ce_tab_accordion__header { grid-template-columns: minmax(0, 820fr) minmax(0, 370fr); align-items: end; gap: var(--spacing-2xl); }
    .ce_tab_accordion.is-enhanced .ce_tab_accordion__split { grid-template-columns: minmax(0, 540fr) minmax(0, 772fr); }
    .ce_tab_accordion.is-enhanced .ce_tab_accordion__stage { grid-column: 1; grid-row: 1; }
    .ce_tab_accordion.is-enhanced .ce_tab_accordion__navigation { grid-column: 2; grid-row: 1; }
    .ce_tab_accordion__stage { padding: var(--spacing-xl) calc(2 * var(--spacing-md)) calc(2 * var(--spacing-xl)) calc(2 * var(--spacing-lg)); border-top-right-radius: 0; }
    .ce_tab_accordion__tabs { border-radius: 0 var(--radius-list) var(--radius-list) 0; }
    .ce_tab_accordion__tab { padding-right: calc(2 * var(--spacing-md)); border-left: 0; }
    .ce_tab_accordion__tab:first-child { border-top-left-radius: 0; }
    .ce_tab_accordion__tab:last-child { border-bottom-left-radius: 0; }
    .ce_tab_accordion__cta { padding-inline: calc(2 * var(--spacing-md)); }
}
