:root {
  --black: #000000;
  --white: #ffffff;
  --woodsmoke: #141519;
  --shark: #23252b;
  --trout: #4a4e58;
  --silver: #dadada;
  --silver-chalice: #a0a0a0;
  --brand-color: #ff640a;
  --brand-color-light: #ff7b2e;
  --cr-bg: var(--black);
  --cr-surface: #151515;
  --cr-surface-2: #1f1f1f;
  --cr-border: var(--trout);
  --cr-text: var(--silver);
  --cr-text-strong: var(--white);
  --cr-font-family: 'ATyp', 'ATyp-Bold', sans-serif;
  --hc-header-height: 60px;
  --hc-breadcrumbs-top: var(--hc-header-height);
  --hc-breadcrumbs-z-index: 900;
  --hc-breadcrumbs-height: 116px;
  --hc-category-separator-offset: 135px;
  --hc-category-sticky-top: calc(var(--hc-breadcrumbs-top) + var(--hc-breadcrumbs-height));
  --hc-category-separator-top: calc(var(--hc-category-sticky-top) + var(--hc-category-separator-offset));
  --hc-page-max-width: 1200px;
  --hc-launcher-edge: 16px;
  --hc-launcher-size: 70px;
  --hc-bubble-gap: 10px;
}

@media (max-width: 820px) {
  :root {
    --hc-breadcrumbs-height: 145px;
    --hc-category-separator-offset: 116px;
  }
}

@media (max-width: 568px) {
  :root {
    --hc-breadcrumbs-height: 145px;
    --hc-category-separator-offset: 77px;
  }
}

@media (max-width: 768px) {
  :root {
    --hc-launcher-edge: 12px;
    --hc-launcher-size: 62px;
  }
}

@font-face {
  font-family: 'ATyp';
  src:
    url('/sfsites/c/resource/aTypeRegularFont') format('truetype'),
    url('/resource/aTypeRegularFont') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'ATyp-Bold';
  src:
    url('/sfsites/c/resource/aTypeBoldFont') format('truetype'),
    url('/resource/aTypeBoldFont') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

body,
main,
.background-image-overlay {
  background-color: var(--black) !important;
  font-family: var(--cr-font-family) !important;
}

body,
input,
textarea,
select,
button {
  font-family: var(--cr-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'ATyp-Bold', 'ATyp', sans-serif;
  font-weight: 700;
}
header {
  position: sticky;
  top: 0px;
  z-index: 999999999999999;
}

.outer-header,
header.outer-header {
  z-index: 10000 !important;
}



/* ===== OOTB Article Page Styles ===== */

/* Article body text */
.article-body {
  font-size: 16px;
  line-height: 1.6;
  color: var(--silver);
  font-family: var(--cr-font-family);
}

.article-body p {
  margin: 0 0 16px;
}

.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
  font-family: 'ATyp-Bold', 'ATyp', sans-serif;
  font-weight: 700;
  color: var(--white);
  margin: 28px 0 12px;
}

.article-body h2 { font-size: 20px; }
.article-body h3 { font-size: 17px; }

.article-body a {
  color: var(--brand-color);
  text-decoration: none;
}

.article-body a:hover,
.article-body a:focus {
  color: var(--brand-color-light);
  text-decoration: underline;
}

.article-body ul,
.article-body ol {
  padding-left: 24px;
  margin: 0 0 16px;
}

.article-body li {
  margin-bottom: 8px;
}

.article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 16px 0;
  display: block;
}

.article-body figure.wysiwyg-image {
  margin: 16px 0;
  text-align: center;
}

/* Zendesk-style danger callout */
.article-body .danger-a {
  background: rgba(255, 100, 10, 0.12);
  border-left: 4px solid var(--brand-color);
  color: var(--silver);
  padding: 14px 16px;
  border-radius: 4px;
  margin: 16px 0;
  font-size: 14px;
}

/* Native <details> accordions */
.article-body details {
  display: none;
}

.article-body details summary {
  background: var(--woodsmoke);
  padding: 14px 16px;
  cursor: pointer;
  font-weight: 600;
  color: var(--silver);
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}

.article-body details summary::-webkit-details-marker {
  display: none;
}

.article-body details summary::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 10H17L12 15L7 10Z' fill='%23A0A0A0'/%3E%3C/svg%3E");
  flex-shrink: 0;
  transition: transform 0.2s;
}

.article-body details[open] summary::after {
  transform: rotate(180deg);
}

.article-body details summary:hover {
  color: var(--white);
}

.article-body details[open] summary {
  border-bottom: 1px solid var(--trout);
}

.article-body details > *:not(summary) {
  padding: 14px 16px;
  background: var(--black);
}

/* Article title */
.article-title {
  font-family: 'ATyp-Bold', 'ATyp', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--white);
  margin: 0 0 24px;
  line-height: 1.25;
}



/* ===== Zendesk-Parity Article Layout ===== */
.article {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .article {
    flex: 1 0 75%;
    max-width: 75%;
    min-width: 640px;
    padding: 0 30px;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

.article-header h1 {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
  }

  .article-title {
    flex-basis: 100%;
  }
}

.article-body {
  background: var(--woodsmoke);
  padding: 16px 24px 40px 24px;
}

.article-body img {
  outline: 2px solid var(--white);
}

.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .article-body ul,
[dir="rtl"] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}

.article-body a,
.article-body a > *,
.article-body a > * > * {
  color: var(--brand-color-light) !important;
  text-decoration: none !important;
}

.article-body code,
.article-body pre {
  background: #101115;
  border: 1px solid var(--trout);
  border-radius: 3px;
}

.article-body code {
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid var(--trout);
  color: var(--silver-chalice);
  font-style: italic;
  padding: 0 15px;
}

.article-body > p:last-child {
  margin-bottom: 0;
}

.article-content {
  line-height: 1.6;
  word-wrap: break-word;
}

.article-votes {
  border-top: 1px solid var(--trout);
  border-bottom: 0;
  background: var(--woodsmoke);
  display: flex;
  flex-direction: row;
  padding: 24px;
  text-align: center;
  justify-content: space-between;
  align-items: center;
}

.article-votes-question {
  font-size: 16px;
  font-weight: 500;
}

.article-votes-controls {
  display: flex;
  gap: 8px;
  padding-right: 0;
  flex-direction: row;
}

.article-vote {
  min-width: 90px;
  width: 150px;
  border-radius: 8px;
  text-transform: uppercase;
  color: var(--silver);
  border: 2px solid var(--silver-chalice);
  font-weight: 800;
}

.article-vote:hover {
  color: var(--white);
  border: 2px solid var(--white);
  background: var(--shark);
}

.article-vote:active,
.article-vote.button-primary {
  color: var(--white);
  border: 2px solid var(--white);
  background: var(--woodsmoke);
}

.article-vote:focus-visible {
  outline: 4px solid var(--white);
  border: none;
}

/* ===== OOTB Knowledge Article Wrapper Targeting ===== */
community_layout-column.col-large-size_9-of-12 {
  width: 100%;
  max-width: 100%;
}

community_layout-column.col-large-size_9-of-12 > .column-content {
  width: 100%;
}

community_layout-section.comm-section-container:has(c-article-page) > .columns-content {
  width: 100%;
  max-width: var(--hc-page-max-width, 1200px);
  margin: 0 auto;
}

.search-results-page community_layout-column > .column-content {
  width: 100%;
  max-width: var(--hc-page-max-width, 1200px);
  margin: 0 auto;
}

community_layout-column.col-large-size_9-of-12 dxp_service-knowledge-article-content .slds-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

community_layout-column.col-large-size_9-of-12 dxp_service-knowledge-article-content .slds-card__body {
  margin: 0 !important;
  padding: 0 !important;
}

community_layout-column.col-large-size_9-of-12 dxp_base-text-block h1,
community_layout-column.col-large-size_9-of-12 h1.dxp-text-heading-large {
  font-family: 'ATyp-Bold', 'ATyp', sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--white) !important;
  text-align: left !important;
  margin: 1rem !important;
}

community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text .outputRichText {
  background: var(--woodsmoke);
  padding: 16px 24px 40px;
  color: var(--silver);
  line-height: 1.6;
  word-wrap: break-word;
  overflow: visible !important;
}

community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text p,
community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text li,
community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text td,
community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text th {
  color: var(--silver) !important;
}

community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text a,
community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text a > * {
  color: var(--brand-color-light) !important;
  text-decoration: none !important;
}

community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text table {
  width: 95% !important;
  max-width: 95% !important;
  border-collapse: collapse;
  table-layout: fixed;
}

community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text td,
community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text th {
  border: 1px solid var(--trout) !important;
  vertical-align: top;
}

community_layout-column.col-large-size_9-of-12 dxp_records-knowledge-detail-form dxp_records-section-row:not(:first-child) {
  display: none;
}

@media (max-width: 1024px) {
  community_layout-column.col-large-size_9-of-12 dxp_base-text-block h1,
  community_layout-column.col-large-size_9-of-12 h1.dxp-text-heading-large {
    font-size: 30px !important;
  }

  community_layout-column.col-large-size_9-of-12 knowledgeui-output-rich-text .outputRichText {
    padding: 16px;
  }
}

@media (max-width: 768px) {
  .article-votes {
    flex-direction: column;
  }

  .article-votes-question {
    margin-bottom: 24px;
    padding-left: 0;
  }

  .article-votes-controls {
    flex-direction: column;
    padding-right: 0;
  }
}


.search-results-page .object-navigation-container {
  display: none;
}

.search-results-page .slds-card .result-card-inner {
  background: var(--woodsmoke);
  padding: 20px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--trout);
}

.search-results-page .result-card-inner:hover {
  background-color: var(--shark);
}

.search-results-page .title-field {
  color: var(--silver) !important;
  text-decoration: none !important;
}

.search-results-page .result-card-inner {
  position: relative;
}

.search-results-page .result-card-inner .title-field {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: block;
  left: 20px;
  top: 25%;
}

.search-results-page .results-header {
  z-index: 0 !important;
}

.search-results-page .slds-media__body,
.search-results-page .slds-media__body .slds-card__header-title,
.search-results-page .slds-media__body .slds-text-body--small,
.search-results-page .slds-media__body .slds-text-color--weak,
.search-results-page .slds-media__body #sortLabel,
.search-results-page .slds-media__body .header-meta__count-label {
  color: var(--white) !important;
}

.search-results-page .slds-media__body a,
.search-results-page .slds-media__body button,
.search-results-page .slds-media__body lightning-button-menu button {
  color: var(--brand-color-light) !important;
}

.search-results-page .slds-media__body lightning-button-menu .slds-button__icon {
  fill: var(--brand-color-light) !important;
}

.search-results-page .show-more-button,
.search-results-page .show-more-button.slds-text-body_small {
  color: var(--white) !important;
  background: var(--black) !important;
}

.search-results-page .show-more-button .slds-button.slds-button_outline-brand {
  color: var(--brand-color-light) !important;
  border-color: var(--brand-color-light) !important;
  background: var(--black) !important;
}

.search-results-page .show-more-button .slds-button.slds-button_outline-brand:hover,
.search-results-page .show-more-button .slds-button.slds-button_outline-brand:focus {
  color: var(--white) !important;
  border-color: var(--brand-color-light) !important;
  background: rgba(255, 123, 46, 0.14) !important;
}

.search-results-page .slds-card__header.scoped-bucket__card__header,
.search-results-page .scoped-bucket__card__header {
  z-index: 100 !important;
}

.language-header-desktop {
  background: var(--shark);
}

dxp_base-language-selector {
  --dxp-c-language-selector-margin: 0;
  --dxp-s-button-radius-border: 0;
  --dxp-s-dropdown-color-background: var(--shark);
  --dxp-s-dropdown-color-border: var(--trout);
  --dxp-s-dropdown-text-color: var(--silver);
  --dxp-s-dropdown-color-background-hover: #2a2d33;
  --dxp-s-dropdown-text-color-hover: var(--white);
  display: block;
  align-items: center;
  height: 60px;
}

dxp_base-language-selector .slds-button.slds-button_neutral {
  background: var(--shark) !important;
  border: 0 !important;
  color: var(--silver) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  height: 60px !important;
  padding: 18px 15px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

dxp_base-language-selector .slds-button.slds-button_neutral:hover,
dxp_base-language-selector .slds-button.slds-button_neutral:focus {
  background: var(--woodsmoke) !important;
  color: var(--white) !important;
}

dxp_base-language-selector .slds-button__icon {
  fill: currentColor !important;
}

dxp_base-language-selector .slds-dropdown {
  margin-top: 10px !important;
  min-width: 220px !important;
  border: 1px solid var(--trout) !important;
  border-radius: 10px !important;
  background: #1f2126 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3) !important;
  overflow: hidden !important;
  top: 60px;
  right: 0;
  left: auto;
}

dxp_base-language-selector .slds-dropdown__item > a,
dxp_base-language-selector .slds-dropdown__item > button {
  color: var(--silver) !important;
  background: transparent !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
}

dxp_base-language-selector .slds-dropdown__item > a:hover,
dxp_base-language-selector .slds-dropdown__item > a:focus,
dxp_base-language-selector .slds-dropdown__item > button:hover,
dxp_base-language-selector .slds-dropdown__item > button:focus {
  background: #2a2d33 !important;
  color: var(--white) !important;
}

#help-center-sierra-container {
  position: fixed;
  right: 16px;
  bottom: 96px;
  width: min(380px, calc(100vw - 32px));
  height: min(580px, calc(100vh - 130px));
  z-index: 9999999;
  transform-origin: bottom right;
  will-change: transform, opacity;
  transition:
    opacity 260ms ease,
    transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

#help-center-sierra-container.help-center-sierra-container--closed {
  opacity: 0;
  transform: translateY(18px) scale(0.97);
  pointer-events: none;
}

#help-center-sierra-container.help-center-sierra-container--open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

#help-center-chat-launcher {
  position: fixed;
  right: var(--hc-launcher-edge);
  bottom: var(--hc-launcher-edge);
  z-index: 9999;
  width: var(--hc-launcher-size);
  height: var(--hc-launcher-size);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  display: grid;
  place-items: center;
  line-height: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
  background: var(--taupe, #ece1c2);
  color: #4a4e58;
}

#help-center-chat-launcher:hover,
#help-center-chat-launcher:focus {
  transform: scale(1.04);
  background: #ddd6b8;
  color: #4a4e58;
}

#help-center-chat-launcher.help-center-chat-launcher--open {
  background: #ff640a;
  color: #ffffff;
}

#help-center-chat-launcher.help-center-chat-launcher--open:hover,
#help-center-chat-launcher.help-center-chat-launcher--open:focus {
  background: #ff7a1a;
}

#help-center-chat-launcher .launcher-icon-inactive,
#help-center-chat-launcher .launcher-icon-active {
  display: block;
}

#help-center-chat-launcher .launcher-icon-active {
  display: none;
}

#help-center-chat-launcher.help-center-chat-launcher--open .launcher-icon-inactive {
  display: none;
}

#help-center-chat-launcher.help-center-chat-launcher--open .launcher-icon-active {
  display: block;
}

html[dir='rtl'] .search-results-page .result-card-inner .title-field,
body[dir='rtl'] .search-results-page .result-card-inner .title-field {
  left: auto;
  right: 20px;
  text-align: right;
}

html[dir='rtl'] dxp_base-language-selector .slds-button.slds-button_neutral,
body[dir='rtl'] dxp_base-language-selector .slds-button.slds-button_neutral {
  text-align: right !important;
}

html[dir='rtl'] dxp_base-language-selector .slds-dropdown,
body[dir='rtl'] dxp_base-language-selector .slds-dropdown {
  right: auto;
  left: 0;
}

html[dir='rtl'] #help-center-sierra-container,
body[dir='rtl'] #help-center-sierra-container {
  right: auto;
  left: 16px;
  transform-origin: bottom left;
}

html[dir='rtl'] #help-center-chat-launcher,
body[dir='rtl'] #help-center-chat-launcher {
  right: auto;
  left: var(--hc-launcher-edge);
}

/* ===== Article Footer / Relatives / Return-to-top ===== */

.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.article-comment-count {
  color: var(--silver-chalice);
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count-icon {
  vertical-align: middle;
  color: var(--brand-color);
  width: 18px;
  height: 18px;
}

.article-relatives {
  border-top: 0;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

.article-relatives > *:last-child {
  padding: 0;
}

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}

.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}

.article-return-to-top {
  border-top: 1px solid var(--trout);
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: var(--silver);
  display: block;
  padding: 20px 0;
}

.article-return-to-top a:hover,
.article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: rotate(0.5turn);
}

/* ===== Sidenav / Sidebar Items (OOTB) ===== */

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}

.sidenav-item {
  color: var(--silver);
  min-height: 52px;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 9px 20px;
  margin: 0;
  border-radius: 0;
  background: var(--woodsmoke);
  font-size: 14px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  text-decoration: none !important;
}

.sidenav-item::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70706 2.29303L14.7071 9.29303L15.4142 10.0001L14.7071 10.7072L7.70706 17.7072L6.29285 16.293L12.5857 10.0001L6.29285 3.70724L7.70706 2.29303Z' fill='%23DADADA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  padding-left: 4px;
  display: inline-block;
  flex: 0 0 auto;
  transform: rotate(0);
  position: relative;
  top: 0;
}

[dir="rtl"] .sidenav-item::after {
  flex: 0 0 auto;
  transform: rotate(180deg);
}

@media (max-width: 1024px) {
  .sidenav-item {
    padding: 12px 8px;
  }

  .sidenav-item::after {
    flex: 0 0 auto;
  }
}

.sidenav-item:hover,
a.sidenav-item:hover {
  background: var(--shark);
  color: var(--silver);
  text-decoration: none !important;
  transition: all linear 0.1s;
}

.sidenav-item.current-article {
  background: var(--shark);
  color: var(--silver);
}

.article-sidebar-item {
  padding-left: 20px;
  color: var(--silver-chalice);
  font-size: 18px;
  line-height: 26px;
}

[dir="rtl"] .article-sidebar-item {
  padding-left: 0;
  padding-right: 20px;
}

.collapsible-sidebar-title {
  padding: 12px 8px;
  margin: 0;
  border-radius: 0;
  background: var(--woodsmoke);
  border-bottom: 1px solid var(--trout);
}

@media (max-width: 1024px) {
  .collapsible-sidebar-title {
    padding: 0;
    border-bottom: 0;
  }
}

.cr-related-articles:not(:has(h2)) {
  display: none;
}

/* ===== Collapsible CSS ===== */

.collapsible,
.collapsibleV2 {
  display: block;
  width: 99%;
  margin: 4px;
  background-color: var(--shark);
  border-left: 4px solid transparent;
  font-size: 1em;
  font-weight: 500;
  text-align: left;
  outline: none;
  box-sizing: border-box;
  position: relative;
  transition: all linear 0.1s;
  color: var(--silver);
}

.collapsible:hover,
.collapsibleV2:hover {
  transition: all linear 0.1s;
}

.collapsible[open],
.collapsibleV2[open] {
  border-left: 4px solid var(--brand-color-light);
  padding-bottom: 15px;
  margin-bottom: 2px;
  top: 0;
  text-align: left;
}

.collapsible summary,
.collapsibleV2 summary {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 16px 8px;
  box-sizing: border-box;
  line-height: 1em;
  transition: transform 0.25s cubic-bezier(0, 0, 0.3, 1);
}

.collapsible *,
.collapsibleV2 * {
  font-size: 1em;
  max-width: 95%;
}

.collapsible p,
.collapsible h3,
.collapsible ul,
.collapsible ol,
.collapsibleV2 p,
.collapsibleV2 h3,
.collapsibleV2 ul,
.collapsibleV2 ol {
  padding-left: 24px;
  padding-right: 16px;
}

.collapsible ul,
.collapsibleV2 ul {
  list-style-type: disc;
}

.collapsible ul > li > ul,
.collapsibleV2 ul > li > ul {
  list-style-type: square;
}

.collapsible pre,
.collapsibleV2 pre,
.collapsible table,
.collapsibleV2 table {
  margin: 20px;
}

.collapsible [class^="info"],
.collapsible [class^="warning"],
.collapsible [class^="success"],
.collapsible [class^="danger"],
.collapsibleV2 [class^="info"],
.collapsibleV2 [class^="warning"],
.collapsibleV2 [class^="success"],
.collapsibleV2 [class^="danger"] {
  margin: 35px;
  padding: 5px 50px;
}

.collapsible [class^="info"] p,
.collapsible [class^="warning"] p,
.collapsible [class^="success"] p,
.collapsible [class^="danger"] p,
.collapsibleV2 [class^="info"] p,
.collapsibleV2 [class^="warning"] p,
.collapsibleV2 [class^="success"] p,
.collapsibleV2 [class^="danger"] p {
  padding: 0;
}

.collapsible summary::before,
.collapsibleV2 summary::before {
  content: '+';
  background-repeat: no-repeat;
  font-size: 1.8em;
  line-height: 0.5em;
  margin: 0 16px 0 0;
  transform-origin: center;
  transition: 0.25s transform ease;
  float: right;
}

[dir="rtl"] .collapsible summary::before,
[dir="rtl"] .collapsibleV2 summary::before {
  margin: 0 0 0 16px;
}

.collapsible[open] > summary::before,
.collapsibleV2[open] > summary::before {
  content: '\2013';
  font-weight: 600;
  transform: rotate(180deg);
}

@media (max-width: 640px) {
  .collapsible table {
    margin: 10px;
  }
}

/* ===== Table Styles ===== */

[class^="table-cr"],
figure.wysiwyg-table table {
  border-collapse: separate !important;
  border: 2px solid var(--trout);
  border-radius: 8px;
  width: 100% !important;
  padding: 0;
  border-spacing: 0;
}

[class^="table-cr"] td,
[class^="table-cr"] th,
figure.wysiwyg-table table td,
figure.wysiwyg-table table th {
  padding: 2% 15px 2% 5px;
  border-collapse: separate;
  text-align: center;
  overflow: hidden;
  max-width: 0;
}

@media (max-width: 640px) {
  [class^="table-cr"],
  figure.wysiwyg-table table {
    width: 95% !important;
  }

  [class^="table-cr"] td,
  [class^="table-cr"] th,
  figure.wysiwyg-table table td,
  figure.wysiwyg-table table th {
    font-size: 0.875rem;
    padding: 2% 8px 2% 4px;
  }
}

@media (max-width: 380px) {
  [class^="table-cr"],
  figure.wysiwyg-table table {
    width: 90% !important;
  }

  [class^="table-cr"] td,
  [class^="table-cr"] th,
  figure.wysiwyg-table table td,
  figure.wysiwyg-table table th {
    font-size: 0.75rem;
    padding: 2% 4px 2% 2px;
  }
}

[class^="table-cr"] p,
[class^="table-cr"] h1,
[class^="table-cr"] h2,
[class^="table-cr"] h3,
[class^="table-cr"] h4,
[class^="table-cr"] h5,
[class^="table-cr"] h6,
figure.wysiwyg-table table p,
figure.wysiwyg-table table h1,
figure.wysiwyg-table table h2,
figure.wysiwyg-table table h3,
figure.wysiwyg-table table h4,
figure.wysiwyg-table table h5,
figure.wysiwyg-table table h6 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
}

[class^="table-cr"] tr:first-child td:first-child { border-top-left-radius: 6px; }
[class^="table-cr"] tr:first-child td:last-child { border-top-right-radius: 6px; }
[class^="table-cr"] tr:last-child td:first-child { border-bottom-left-radius: 6px; }
[class^="table-cr"] tr:last-child td:last-child { border-bottom-right-radius: 6px; }

figure.wysiwyg-table table tr:first-child td:first-child { border-top-left-radius: 6px; }
figure.wysiwyg-table table tr:first-child td:last-child { border-top-right-radius: 6px; }
figure.wysiwyg-table table tr:last-child td:first-child { border-bottom-left-radius: 6px; }
figure.wysiwyg-table table tr:last-child td:last-child { border-bottom-right-radius: 6px; }

/* Style 1 */
.table-crorange-1 td,
.table-crteal-1 td,
figure.wysiwyg-table table td { border: 0; }

.table-crorange-1 tr:first-child td,
.table-crteal-1 tr:first-child td,
figure.wysiwyg-table table tr:first-child td { background-color: var(--woodsmoke) !important; }

.table-crorange-1 tr td:nth-child(odd),
.table-crteal-1 tr td:nth-child(odd),
figure.wysiwyg-table table tr td:nth-child(odd) { background-color: var(--shark); }

.table-crorange-1 tr td:nth-child(even),
.table-crteal-1 tr td:nth-child(even),
figure.wysiwyg-table table tr td:nth-child(even) { background-color: var(--trout); }

/* Style 2 */
.table-crorange-2 td,
.table-crteal-2 td { border: 0; }

.table-crorange-2 tr:first-child td,
.table-crteal-2 tr:first-child td { background-color: var(--woodsmoke) !important; border: 0 solid var(--shark); }

.table-crorange-2 tr:nth-child(even),
.table-crteal-2 tr:nth-child(even) { background: var(--shark); }

.table-crorange-2 tr:nth-child(odd),
.table-crteal-2 tr:nth-child(odd) { background: var(--trout); }

/* Style 3 */
.table-crorange-3 td,
.table-crteal-3 td { border: 1px solid var(--woodsmoke); }

.table-crorange-3 tr:first-child td,
.table-crteal-3 tr:first-child td { background-color: var(--woodsmoke) !important; border: 0 solid var(--shark); }

.table-crorange-3 tr:nth-child(odd),
.table-crteal-3 tr:nth-child(odd),
.table-crorange-3 tr:nth-child(even),
.table-crteal-3 tr:nth-child(even) { background: var(--shark); }

/* Style 4 */
.table-crorange-4 td,
.table-crteal-4 td { border: 1px solid var(--woodsmoke); text-align: left; padding-left: 24px; }

.table-crorange-4 tr:first-child td,
.table-crteal-4 tr:first-child td { padding: 2% 0; background-color: var(--woodsmoke) !important; text-align: center; border: 0 solid var(--shark); }

.table-crorange-4 tr:nth-child(odd),
.table-crteal-4 tr:nth-child(odd),
.table-crorange-4 tr:nth-child(even),
.table-crteal-4 tr:nth-child(even) { background: var(--shark); }

/* Style 5 & 6 */
.table-crorange-5 td,
.table-crteal-5 td,
.table-crorange-6 td,
.table-crteal-6 td { border: 1px solid var(--woodsmoke); }

.table-crorange-5 tr:first-child td,
.table-crteal-5 tr:first-child td,
.table-crorange-6 tr:first-child td,
.table-crteal-6 tr:first-child td { border-top: 0; }

.table-crorange-5 tr:last-child td,
.table-crteal-5 tr:last-child td,
.table-crorange-6 tr:last-child td,
.table-crteal-6 tr:last-child td { border-bottom: 0; }

.table-crorange-5 tr td:first-child,
.table-crteal-5 tr td:first-child,
.table-crorange-6 tr td:first-child,
.table-crteal-6 tr td:first-child { border-left: 0; }

.table-crorange-5 tr td:last-child,
.table-crteal-5 tr td:last-child,
.table-crorange-6 tr td:last-child,
.table-crteal-6 tr td:last-child { border-right: 0; }

.table-crorange-5 tr td:nth-child(even),
.table-crteal-5 tr td:nth-child(even),
.table-crorange-6 tr td:nth-child(even),
.table-crteal-6 tr td:nth-child(even) { background: var(--trout); }

.table-crorange-5 tr td:nth-child(odd),
.table-crteal-5 tr td:nth-child(odd),
.table-crorange-6 tr td:nth-child(odd),
.table-crteal-6 tr td:nth-child(odd) { background-color: var(--shark); }

/* Style 7 */
.table-crorange-7 td,
.table-crteal-7 td { border: 0; }

.table-crorange-7 tr:first-child td,
.table-crteal-7 tr:first-child td { background-color: var(--woodsmoke) !important; text-align: center; border: 0 solid var(--shark); }

.table-crorange-7 tr:nth-child(odd),
.table-crteal-7 tr:nth-child(odd),
.table-crorange-7 tr:nth-child(even),
.table-crteal-7 tr:nth-child(even) { background: var(--shark); }

/* ===== Article Vote Button Specificity ===== */

button.button.article-vote {
  text-transform: uppercase;
  color: var(--silver);
  border: 2px solid var(--silver-chalice);
  font-weight: 800;
}

button.button.article-vote:hover {
  color: var(--white);
  border: 2px solid var(--white);
  background: var(--shark);
}

button.button.article-vote:active,
button.button.article-vote.button-primary {
  color: var(--white);
  border: 2px solid var(--white);
  background: var(--woodsmoke);
}

button.button.article-vote:focus-visible {
  outline: 4px solid var(--white);
  border: none;
}

/* Simplified Notification Banner and HOOPs alert */

.notification-banner {
  position: relative;
  background: var(--blue-base, var(--shark));
  padding: 20px;
  line-height: 1.4;
  z-index: 1000;
  color: var(--text-color, var(--white));
  font-size: 16px;
  top: 0;
  left: 0;
  width: 100%;
}

.notification-banner p {
  margin: auto;
  padding: 0 3.2em;
  font-size: 1.2em;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.notification-banner a {
  color: inherit;
  opacity: 0.7;
  font-weight: 700;
}

.notification-banner a:hover,
.notification-banner a:focus {
  opacity: 1;
}

.notification-close {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: transparent;
  display: inline-block;
  border: 0;
  padding: 0;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjQxNCAxMkwxOC43MDcgNi43MDcwMUMxOS4wOTggNi4zMTYwMSAxOS4wOTggNS42ODQwMSAxOC43MDcgNS4yOTMwMUMxOC4zMTYgNC45MDIwMSAxNy42ODQgNC45MDIwMSAxNy4yOTMgNS4yOTMwMUwxMiAxMC41ODZMNC43MDcwMSA1LjI5MzAxQzYuMzE2MDEgNC45MDIwMSA1LjY4NDAxIDQuOTAyMDEgNS4yOTMwMSA1LjI5MzAxQzQuOTAyMDEgNS42ODQwMSA0LjkwMjAxIDYuMzE2MDEgNS4yOTMwMSA2LjcwNzAxTDEwLjU4NiAxMkw1LjI5MzAxIDE3LjI5M0M0LjkwMjAxIDE3LjY4NCA0LjkwMjAxIDE4LjMxNiA1LjI5MzAxIDE4LjcwN0M1LjY1Nzc1IDE5LjA3MTcgNi4yODMyNyAxOS4xMzA3IDYuNzA3MDEgMTguNzA3TDEyIDEzLjQxNEwxNy4yOTMgMTguNzA3QzE3LjY4NCAxOS4wOTggMTguMzE2IDE5LjA5OCAxOC43MDcgMTguNzA3QzE5LjA5OCAxOC4zMTYgMTkuMDk4IDE3LjY4NCAxOC43MDcgMTcuMjkzTDEzLjQxNCAxMloiIGZpbGw9IndoaXRlIi8+PC9zdmc+');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hoops-notification-close {
  position: relative;
  transform: none;
  right: 0;
  top: 0;
  height: 16px;
  width: 16px;
  margin-bottom: auto;
}

.hoops-notification-banner {
  position: relative;
  background: var(--blue-base, var(--shark));
  padding: .625rem .75rem;
  line-height: 1.4;
  z-index: 1000;
  color: var(--text-color, var(--white));
  font-size: .875rem;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

.hoops-notification-banner::after {
  content: '';
  position: absolute;
  right: 18px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 2px solid transparent;
  border-top: 12px solid var(--blue-base, var(--shark));
}

.hoops-notification-banner p {
  margin: 0;
  padding: 0;
  font-size: .9rem;
  line-height: 1.25rem;
  display: block;
  width: auto;
  text-align: left;
}

#closing-time {
  position: fixed;
  right: var(--hc-launcher-edge);
  bottom: calc(var(--hc-launcher-edge) + var(--hc-launcher-size) + var(--hc-bubble-gap));
  top: auto;
  left: auto;
  z-index: 6000;
  display: none;
  font-size: .8rem;
  width: min(350px, calc(100vw - (var(--hc-launcher-edge) * 2)));
}

.closing-banner-inner {
  display: flex;
  align-items: flex-start;
  font-size: .8125rem;
  line-height: 1.125rem;
  gap: .5rem;
  width: 100%;
}

html[dir='rtl'] #closing-time,
body[dir='rtl'] #closing-time {
  right: auto;
  left: var(--hc-launcher-edge);
}

html[dir='rtl'] .hoops-notification-banner p,
body[dir='rtl'] .hoops-notification-banner p {
  text-align: right;
}

html[dir='rtl'] .hoops-notification-banner::after,
body[dir='rtl'] .hoops-notification-banner::after {
  right: auto;
  left: 18px;
  border-left: 2px solid transparent;
  border-right: 10px solid transparent;
}

@media (max-width: 640px) {
  dxp_base-language-selector .slds-button.slds-button_neutral {
    font-size: 13px !important;
    height: 44px !important;
    padding: 12px 16px !important;
  }
}

@media (max-width: 768px) {
  dxp_base-language-selector {
    display: none !important;
  }

  body.hc-mobile-menu-open dxp_base-language-selector {
    display: block !important;
    position: fixed;
    top: calc(var(--hc-header-height, 60px) + var(--hc-mobile-menu-height, 106px) + var(--hc-banner-height, 0px));
    right: 0;
    left: 0;
    z-index: 1000;
  }

  dxp_base-language-selector .slds-dropdown-trigger {
    display: block;
  }

  #help-center-sierra-container {
    right: 12px;
    left: 12px;
    bottom: 88px;
    width: auto;
    height: min(72vh, 540px);
    transform-origin: bottom center;
  }

  html[dir='rtl'] #help-center-sierra-container,
  body[dir='rtl'] #help-center-sierra-container {
    right: 12px;
    left: 12px;
    transform-origin: bottom center;
  }

  html[dir='rtl'] #help-center-chat-launcher,
  body[dir='rtl'] #help-center-chat-launcher {
    left: var(--hc-launcher-edge);
  }

  html[dir='rtl'] #closing-time,
  body[dir='rtl'] #closing-time {
    right: auto;
    left: var(--hc-launcher-edge);
  }

  dxp_base-language-selector .slds-button.slds-button_neutral {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    text-align: left !important;
  }

  dxp_base-language-selector .slds-button.slds-button_neutral:hover,
  dxp_base-language-selector .slds-button.slds-button_neutral:focus {
    background: var(--woodsmoke) !important;
    color: var(--white) !important;
  }
}