@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

:root {
  --banner-h: 0px;
  --header-h: 120px;
  --fixed-top-h: 120px;
  --main-gap: 40px;
  --sidebar-gap: 16px;
}

body:has(.home-page-wrapper):not(:has(#temp-banner.on))  {
  --fixed-top-h: 60px;
}


/* Keep Zendesk draft preview bar out of document flow */
#preview-bar-container,
#navbar-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483647 !important; /* above banner/header */
}

/* Kill any top space Zendesk injects into the page in draft mode */
html:has(#preview-bar-container),
html:has(#preview-bar-container) body,
html:has(#navbar-container),
html:has(#navbar-container) body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
}

/* --- Custom Font Definitions --- */

@font-face {
  font-family: 'Saans';
  src: url(/hc/theming_assets/01JYKT9K9SEHR4SJQ25A2KPRVE) format('woff2'),
       url(/hc/theming_assets/01JYKT9JGXZN5WJ8804YFZYRTD) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Saans';
  src: url(/hc/theming_assets/01JYKT9VQHHMXF24D9WD4HK8B4) format('woff2'),
       url(/hc/theming_assets/01JYKT9V1N2977ENF33T743085) format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: 'Saans';
    src: url(/hc/theming_assets/01JYNQK25SGMK983TD5N8ZR5BX) format('woff2'),
         url(/hc/theming_assets/01JYNQK1D10207BJ2DK9J6P4V9) format('woff');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'Saans';
    src: url(/hc/theming_assets/01JYNQK9TD9ZNA8ERFTFG3AV9T) format('woff2'),
         url(/hc/theming_assets/01JYNQK956YGYWSWDXYE07A3JK) format('woff');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Saans';
    src: url(/hc/theming_assets/01JYNQJM33JWTVYDBGJ4BJRYZP) format('woff2'),
         url(/hc/theming_assets/01JYNQJK72AQHR3J498F23NX2Z) format('woff');
    font-weight: normal;
    font-style: italic;
  }

@font-face {
  font-family: 'Saans Mono';
  src: url(/hc/theming_assets/01JZSWVTXYHR2ZCY15DX935JW1) format('woff2'),
       url(/hc/theming_assets/01JZSWVT5DHE7HD3DB1K36AAYS) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Saans Mono';
  src: url(/hc/theming_assets/01JZSWVFAQ11GGXXEDHRGX3XZ6) format('woff2'),
       url(/hc/theming_assets/01JZSWVENG8WY5AZATZQ5R1MYP) format('woff');
  font-weight: bold;
  font-style: normal;
}
/* --- END Custom Font Definitions --- */

html {
  line-height: 1.15;
    width: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
      line-height: 1.5;
	font-family: 'Saans', 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1d0e09;
  letter-spacing: 0.3px;
  background-color: #FCFAF9;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

html, body { height: 100%; margin: 0; }

* {
    box-sizing: border-box;
}

@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }
}

main {
  display: block;
  width: 100%;
  background-color: #FCFAF9;
  padding-top: calc(var(--fixed-top-h) + var(--main-gap));
  margin-top: 0;

}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: 500;
}

.tabs-instructions strong {
  font-weight: 600;
}

.tabs-instructions em {
  font-style: normal;
}

/* --- Saans Mono for all code --- */
code, kbd, samp, pre {
  font-family: 'Saans Mono', monospace;
  font-size: 0.9em;
}


small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: 'Saans', 'DM Sans', sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}


progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
h1,
h2,
h3,
h4 {
  font-weight: 300;
}

/* ====================================================================
  DEFAULT MOBILE STYLES 
  ====================================================================
*/
p, li {
  font-size: 1rem; 
}
h1 {
  font-size: 1.75rem; 
}

h2,
.section-container h1 {
  font-size: 1.5rem; 
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1rem;
}


/* ====================================================================
  DESKTOP STYLES 
  ====================================================================
*/
@media (min-width: 768px) {

  p, li {
    font-size: 1.125rem; 
  }

  h1 {
    font-size: 2.25rem;
  }

  h2,
  .section-container h1 {
    font-size: 2rem; 
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

a {
   color:  #3941AC;
  text-decoration: none;
}

.article-body a {
  text-decoration: underline;
  text-underline-offset: 3px;
}


a:hover, a:active, a:focus {
  text-decoration: underline;
  	text-underline-offset: 3px;

}

.container-top-template-pages {
    background-color: #FCFAF9;
    width: 100%;

  }
  .container-top-template-pages.section-page {
    display: flex;
    flex-direction: row;
justify-content: space-between;
    padding: 10px 5%;
    gap: 3%;
    width: 100%;
  }
.container-top-template-pages:has(.cat-details-row) {
    width: 100%;
    margin: 0 0 40px 0;
}

.container-top-template-pages:has(.search-results-template),
.search-results-template {
	display: none;
}

.cat-header {
  display: flex;
  flex-direction: column;
  background-image: url('/hc/theming_assets/01JZAJZJA3N1D7WZG9933JGMRD'); 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px 60px ;
  justify-content: space-between;
      color: #1d0e09;
    border-radius: 8px;
    margin-bottom: 2rem;
  	border: 1px solid #200F0A40;
    width: auto;
  min-height: 175px;
}
.admin-cat-header {
    background-image: url(/hc/theming_assets/01KC6FNBHEEQV0GWN3D4N7EY6V);
    background-position: right 5% bottom; 
    background-size: 350px auto; 
    color: #FCFAF9;
    background-color: #251007;
    background-repeat: no-repeat; 
    	border: none;

}

@container (max-width: 860px) {
.admin-cat-header {
      background-size: 250px auto; 

}
}




@container (max-width: 700px) {
.admin-cat-header {
    background-position: right -75px bottom; 
}
}
@media (max-width: 1024px) {
.container-top-template-pages:has(.cat-details-row) {
	display: none;
}
}

.container.template-pages{
  display: none;
  max-width: none;
  margin: 0;
}


@media (min-width: 1024px) {
.container.template-pages{
  display: block;
}
}
.container.template-pages {
  height: auto;
  position: relative;
    width: 100%;

}

.container.home-page {
    padding: 0;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 0 0;
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul > li:last-child,
li > li:last-child {
  margin-bottom: 0;
}


.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent;
  border: 1px solid #1d0e09;
  border-radius: 4px;
  color: #1d0e09;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}
@media (min-width: 768px) {
  .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
    width: auto;
  }
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
  color: #1d0e09;
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
	border: 1px solid #635753;
  color: #635753;
  text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
	border: 1px solid #635753;
  color: #635753;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
  cursor: default;
}

.button-large, .hbs-form input[type=submit] {
  cursor: pointer;
  border: 0;
  border-radius: 4px;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) {
  .button-large, .hbs-form input[type=submit] {
    width: auto;
  }
}

.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus {
  background-color: #000;
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #2F3941;
  border: 1px solid #87929D;
  background-color: transparent;
}
.button-secondary:visited {
  color: #2F3941;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #2F3941;
  border: 1px solid #87929D;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  border: 0;
  height: 32px;
  line-height: 16px;
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input[type=text] {
  border: 1px solid #87929D;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid #17494D;
}

.form-field input[type=checkbox] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #87929D;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #87929D;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type=checkbox] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #2F3941;
  margin-left: 4px;
}

.form-field p {
  color: #2F3941;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #2F3941;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}
.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}
.form .suggestion-list li {
  padding: 10px 0;
}
.form .suggestion-list li a:visited {
  color: #9358B0;
}

/***** Header *****/

@media (min-width: 1160px) {
  header {
    padding: 0;
  }
}

.header-container {
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  padding: 10px 5%; 
  height: 100%;
	width: 100%;
  max-width: 1960px;
  margin-right: auto;
}


.header-wrapper {
  position: fixed;
  top: var(--banner-h);
  left: 0;
  right: 0;
  z-index: 10010;
  background-color: #FCFAF9E0;
  border-bottom: 0.5px solid #1D0E0960;
}
header.template-header {
    margin: 0 auto;
width: 100%;
  background-color: #FCFAF9;
}



@media (max-width: 768px) {
    .header-container {
      padding: 1rem;
      gap: 1rem;
  }


}

.header-right,
.header-left {
  display: flex;
  align-items: center;
    height: 100%;
    flex-direction: row;
    gap: 1rem;
}
@media (min-width: 768px) {
  .header-right,
.header-left  {
    gap: 2rem;
}
}

.header-right button.button {
  background-color: #200F0A;
  color: #FAF7F6;
	font-weight: 500;
  max-width: 153px;
  height: auto;
  font-size: 1rem;
  border: none;
  	border: 1px solid #200F0A; 
}

.header-right button.button:hover {
      background-color: #BCB7B5;
    color: #200F0A;
	border: 1px solid #E7E8FE; 
}

.header-right .language-selector {
  position: relative;
  display: flex;
  align-items: center;
	width: 100%;
}

.logo {
    display: flex;
  align-items: center;
    height: 100%;
}
.logo span {
  color: #1d0e09;
    line-height: 1;
    margin: 0;
    padding: 0;

}

.logo a {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  height: auto;
}
  .logo img {
  width: auto;
    max-height: 37px;
}

.logo a:hover, .logo a:focus, .logo a:active {
  text-decoration: none;
}
  
/* --- Slight tightening around tablet range --- */
@media (max-width: 1124px) {
  .header-container {
    gap: 0.75rem;
  }

  .header-right {
    gap: 0.75rem; /* narrower spacing between button & language selector */
  }

  .logo img {
    max-height: 32px; /* tighten logo just a bit */
  }

  .header-right button.button {
    font-size: 0.95rem;
  }
}

@media (max-width: 768px) {
  .header-container {
    flex-wrap: wrap;        
  }

  .header-left,
  .header-right {
    flex: 0 1 auto;     /* don't force them to act like 50/50 columns */
    min-width: 0;
  }

  .header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;        /* keeps button + selector close together */
  }

  /* Override the desktop rule that makes this full-width */
  .header-right .language-selector,
  .header-right .dropdown.language-selector {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    white-space: nowrap;  /* prevents ugly wrapping of text */
  }

  .search-container {
    flex: 0 0 100%;      
    order: 1;     
    margin-top: 0.5rem;
  }

  .header-left .toc-toggle-button {
    font-size: 1rem;
        padding: 4px 8px;

  }
  
   .header-left .logo img {
        max-height: 24px;
    }
  
  .category-container .category-content {
    padding: 32px 48px;
}
  
      #main-content-wrapper .cat-header:not(.admin-cat-header) {
    background-position: 75% center;
  }
  

}

@media (max-width: 368px) {
  .header-left,
  .header-right {
    width: 100%;
    align-items:center;
    justify-content: space-between;
  }
    .header-right {
       flex-direction: row-reverse;
  }
 
  
  
.container-top-template-pages.hc-switcher-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

    
  .category-container .category-content {
    padding: 24px 32px;
}

  
  }


/* --- Stack search bar under main row for small screens --- */
@media (max-width: 1024px) {
  .header-container {
    flex-wrap: wrap;
  }

  header.template-header {
    height: auto; /* allow wrapping */
  }

  /* Search drops below logo + header-right */
  .search-container {
    order: 3;
    flex: 0 0 100%;
    margin-top: 0.5rem;
  }

  /* Stretch search input across full width */
  .search-container form,
  .search-container .search,
  .search-container input[type="search"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
  }
}

#zd-modal-container ~ .skip-navigation {
  display: none;
}

/***** Footer *****/
.footer {
  padding: 5rem 0;
  width: 100%;
  background-color: #200F0A;
    color: #FDFDFD;

}

.footer a {
  color: #FDFDFD;
}
.footer .container {
    background-color: unset;
}


.footer-inner {
  display: flex;
  justify-content: space-between;
  padding: 20px 5%;
  width: 100%;
  max-width: 1960px;
    margin-right: auto;
}

.footer-language-selector button {
  color: #2F3941;
  display: inline-block;
}

.go-to-website-icon {
    vertical-align: middle;
    margin: 0 0 2px 6px;
}

.earth-icon {
    vertical-align: middle;
  width: 25px;
}

.powered-by-zendesk {
    display: none;
}

.btn-get-back {
    padding: 15px 0;
}

.social-links {
    display: grid;
    margin: .75rem 0 0 0;
    max-width: 156px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
  gap: 1rem;
    list-style: none;
    padding: 0;
}
    .social-links a {
        background: #1d0e09;
        display: flex;
        justify-content: space-evenly;
      fill: #88DCDB;
        align-items: center;
        align-content: center;
        padding: 10px;
        border: 1px solid #88DCDB;
        border-radius: 50%;
        width: 35px;
        height: 35px;
    }

    .social-links svg {
        display: block;
        height: 20px;
        width: 100%;
    }

    .social-links li * {
        margin: 0;
    }

    .social-links li {
        margin: 0 5px 0 0;
    }

    .social-links a:hover {
  		border-color: #56A9A8;
    }

    .social-links a:hover svg {
    	fill: #56A9A8;
    }

.footer-links {
    margin: 0 0 1.5rem 0;
  	padding: 0;
    width: 100%;
    display: block;
}

@media (min-width:768px) {
    .footer-links li {
        display: inline-block;
        margin-right: 1.5rem;
    }
}

.footer-links li a {
    font-size: 16px;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .system-status {
    display: inline-block;
    margin-bottom: 1.5rem;
    font-size: 1rem;
  margin-right: 6rem;
}

.text-align-right {
    text-align: right;
}

.button-row {
  display: flex;
  gap: 1rem;
}

.footer .button-row {
  flex-direction: column;
	justify-self: start;
        gap: 0.5rem;

}

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

.button-row a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 44px;
  min-width: 152px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  border-radius: 4px;
  min-width: auto;
  text-decoration: none;
}

.footer .button.btn-login {
  background: #A2F6F5;
  color: rgb(9, 54, 63);
  border: none;
}

.footer a.button.btn-login:hover {
  text-decoration: none;
    background: #A2F6F580;
}

.footer .corner{
    border-color: #A2F6F5;
}

.footer .button.btn-getdashlane {
  	border: 1px solid #A2F6F5;
    background: #1D0E09;
    font-size: 1rem;
  	color: #A2F6F5;
  	line-height: 150%;
  padding: 0.75rem 1rem;
    border-radius: 4px;
    	min-width: auto;
   box-sizing: border-box; 
}

.footer .button.btn-getdashlane:hover {
  border-color: #A2F6F5CC;
  color: #A2F6F5CC;
  text-decoration: none;
}

.footer-inner .container {
  width: 100%;
  max-width: none;
}

.stay-in-touch {
    font-size: 1rem;
}

.footer-inner .row {
    display: flex;
    flex-direction: row;
  gap: 1.5rem;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-inner .row.section-legal {
    margin-top: 1.5rem;
}

@media (max-width: 768px) {
.footer-inner .row {
    flex-direction: column;
}
  
}

.section-legal ul {
padding: 0;
}

.legal-links {
    text-align: left;
    font-family: 'Saans Mono', monospace; 
}
.footer-legal {
  max-width: 46rem;
  font-size: 0.75rem;
}

@media (min-width: 768px) {
    .legal-links {
        text-align: right;
    }

    .stay-in-touch {
        text-align: left;
    }
}

.legal-links li {
    display: inline-block;
    border-right: 1px solid #FFFFFF;
    line-height: normal;
    text-transform: uppercase;
    padding-right: 5px;
    font-size: 12px;
}

    .legal-links li:first-child {
        margin-left: 0;
    }

    .legal-links li:last-child {
        border: none;
        padding-right: 0;
        margin-right: 0;
    }

/* Status.io Widget in footer*/
.current-status-indicator {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    display: inline-block;
    border-radius: 6px;
    vertical-align: middle;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

    .current-status-indicator.small {
        width: 8px;
        height: 8px;
        margin: 0 0 0 5px;
        display: inline-block;
        border-radius: 4px
    }

    .current-status-indicator.green {
        background-image: url(/hc/theming_assets/01JPJ0QVH92SJAZKWXKR9H3071);
    }

    .current-status-indicator.yellow {
        background-image: url(/hc/theming_assets/01J7X0NCNQQS56RT9KJ7FPGXE3);
    }

    .current-status-indicator.red {
        background-image: url(/hc/theming_assets/01J7X0N9NFWH20QH9KNPPS08XQ);
    }

    .current-status-indicator.blue {
        background-image: url(/hc/theming_assets/01J7X0NACMQ8BA9FPW3V13E3PV);
    }

    .current-status-indicator.orange {
        background-image: url(/hc/theming_assets/01J7X0NB86Q9SFAM2AFCYD908Z);
    }
/* END Status.io Widget in footer*/
/***** Search field *****/
.search-container {
  position: relative;
}

body:has(.home-page) .search-container { 
  display: none;
}

div.home-page .search {
  width: 100%;
}

.search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 15px;
    z-index: 1;
    width: 18px;
    height: 18px;
    color: #212D37;
    pointer-events: none;
}

.search {
  border-radius: 5px;
  border: 1px solid #63575360;
  display: flex;
  width: 400px;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search input[type=search],
.search .clear-button {
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  border: none;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #FFFFFF;
}
.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #635753;
  flex: 1 1 auto;
  height: 2.5rem;

}

.template-pages .search input[type=search], .template-pages .search, .template-pages .search-container {
  width: 100%;
  max-width: 400px;
  }

@media (min-width: 768px) and (max-width: 1024px) {
.template-pages .search input[type=search], .template-pages .search, .template-pages .search-container {
  max-width: 400px;
  }
}

@media (max-width: 768px) {
.template-pages .search input[type=search], .template-pages .search, .template-pages .search-container {
  max-width: unset;
  }
}

.search input[type=search]:focus {
  color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}
.search .clear-button:hover {
  background-color: #F3F4FE;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #F3F4FE;
}
.search-has-value .clear-button {
  display: flex;
}

[dir=ltr] .search input[type=search] {
  padding-left: 40px;
  padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir=ltr] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir=rtl] .search input[type=search] {
  padding-left: 20px;
  padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir=rtl] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

#search-inner {
    position: relative;
  width: 100%;
}

@media (min-width: 768px) {
.search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #212D37;
  pointer-events: none;
}
[dir=rtl] .search-icon {
  left: auto;
  right: 15px;
}
}

/*

zd-autocomplete {
  font-weight: 700;
  margin-top: 5px;
  border-radius: 6px;
}



zd-autocomplete-multibrand{
  padding: 10px  15px;
}
  zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
  font-weight: 400;
}


zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
    color: #1d0e09;

}

zd-autocomplete-multibrand:hover,
zd-autocomplete-multibrand:hover[aria-selected=true] {
  background-color: #DBDDFD;
}
zd-autocomplete-multibrand:hover zd-autocomplete-title-multibrand,
zd-autocomplete-multibrand[aria-selected=true] {
    color: #1d0e09;
}


zd-autocomplete-multibrand:first-of-type {
  border-radius: 6px 6px 0 0;
}
zd-autocomplete-multibrand[aria-selected=true] {
    background-color: #FCFAF9;
}

zd-autocomplete-breadcrumbs-multibrand {
    opacity: 0;
  height: 0;
}
*/

zd-autocomplete {
  margin-top: -5px;
  border-radius: 4px;

}
zd-autocomplete-multibrand,
zd-autocomplete zd-autocomplete-header {
  display: none !important;
}


.zd-autocomplete-more-results {
  font-size: 1rem;
  color: #1d0e09;
  font-weight: 400;
  background-color: #858DF933;
  text-align: left !important;
  padding: 10px 15px 10px 25px;
  border-radius: 4px;
  border: 1px solid #200F0A40;
}

.zd-autocomplete-more-results:hover {
	text-decoration: none;
}


form.search input[type="submit"] { 
    position: absolute;
    left: -9999px;
}

/***** Hero component *****/
.hero {
  background-position: center;
  background-size: cover;
  text-align: center;
  width: 100%;
}

.hero-title h1 {
  color: #200F0A;
  margin-top: 0;
  }

.hero-title h1 span#purple-help-text {
  color: #858DF9;
  }

@media (min-width: 768px) {
   
.hero-title h1 {
          line-height: 1;
        font-size: 3.5rem;
        margin-top: 0;
        margin-bottom: 1.5rem;
  text-align: left;
}
}

.hero-promoted {
    font-size: 1rem;
    line-height: 24px;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;

}

.hero-promoted p {
  margin-bottom: 0.5rem;
   }

.hero-promoted p:last-of-type {
  margin-bottom: 0rem;
   }


.hero-promoted #link-row {
  padding: 1.5rem 0 1rem 0;
}

@media (min-width: 760px) {
  .hero-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: unset;
    border-radius: 8px;
  }
  
}

/* Container Styles */
.hero-promoted #button-row {
  display: flex;
  flex-wrap: wrap; /* Allows buttons to wrap if needed */
  justify-content: center; /* Center buttons horizontally */
  gap: 0.8rem; /* Default gap between buttons */
}


/* Button Styles */
.hero-promoted #button-row a {
  line-height: 1;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
  width: unset; 
  font-size: 1rem;
  transition: all 0.5s ease-in-out;
  border: 1px solid #1d0e09;
  padding: 0.75rem 1rem;
    width: fit-content;
  white-space: nowrap;

}
.hero-promoted #button-row .btn-admin,
.hero-promoted #button-row .btn-admin:visited {
  background-color: #1d0e09;
  color: #FCFAF9;

}

.blocks-item div.learn-more-btn {
  width: fit-content;
  padding: 0;
} 

#btn-admin-inner {
  display: flex;
  align-items: center;
  margin-left: 5px;
} 

#btn-admin-inner::after {
  content: '';
  background: url(/hc/theming_assets/01KATPWXPFTS4TDQYPMVV2X4YN) center / contain no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 6px;
  vertical-align: middle;
  transition: transform 0.5s ease-in-out;
}

.hero-promoted #button-row .btn-admin:hover #btn-admin-inner::after {
  transform: translateX(5px);
}

.hero-promoted #button-row .btn-fixaprob,
.hero-promoted #button-row .btn-fixaprob:visited {
  background-color: #FCFAF9;
  border: 1px solid #1d0e09;
  color: #1d0e09;
}

.hero-promoted #button-row .btn-fixaprob:hover {
  color: #635753;
  border-color: #635753;
}

.learn-more-button:hover {
  background-color: #4a413e;
  color: #FFFFFF;
  text-decoration: none;
}

.learn-more-button:hover {
  background-color: #4a413e; /* A slightly darker shade for hover */
  color: #FFFFFF;
  text-decoration: none;
}

/* --- START category page lists and special end-of-article lists --- */

:is(.article-list-item, .related-articles li) a,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(.troubleshooting-articles li, .common-questions li) a {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.5rem 3rem 1.5rem 0;
  color: #1d0e09;
  text-decoration: none;
  border-radius: 4px;
  transition: all 300ms ease-in-out;
}

.article-list-item a {
  font-size: 1rem;
}

.related-articles li a,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(.troubleshooting-articles li, .common-questions li) a {
  font-size: 1.125rem;
}

:is(.article-list-item, .related-articles li) a > span,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(.troubleshooting-articles li, .common-questions li) a > span {
  display: inline;
  padding-bottom: 3px;
  background-image: linear-gradient(#1d0e09, #1d0e09);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 1px;
  transition: background-size 0.5s ease-in-out;
}

:is(.article-list-item, .related-articles li):hover a > span,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(.troubleshooting-articles li, .common-questions li):hover a > span {
  background-size: 100% 1px;
}

:is(.article-list-item, .related-articles li) a::after,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(.troubleshooting-articles li, .common-questions li) a::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  background: url(/hc/theming_assets/01K184RRJQAWT8CS5H4G0EWC4F) center / contain no-repeat;
  transition: transform 0.5s ease-in-out;
}

.article-list-item a::after {
  width: 24px;
  height: 24px;
}

.related-articles li a::after,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(.troubleshooting-articles li, .common-questions li) a::after {
  width: 30px;
  height: 30px;
}

:is(.article-list-item, .related-articles li) a:hover::after,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(.troubleshooting-articles li, .common-questions li) a:hover::after {
  transform: translateY(-50%) translateX(4px);
}

.article-body .related-articles ul,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(
  ul.troubleshooting-articles,
  ul.common-questions
) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.related-articles ul li,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(
  ul.troubleshooting-articles li,
  ul.common-questions li
) {
  margin: 0;
  border-bottom: 0.5px solid #200F0A;
}

.related-articles ul li:last-child,
body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) :is(
  ul.troubleshooting-articles li:last-child,
  ul.common-questions li:last-child
) {
  border-bottom: none;
}
#related-articles-wrap {
  display: none;
}
@media (max-width: 1124px) {
  body:not(:has(.breadcrumbs a[href*="/categories/17031147859218"])) .article-body:not(:has(.troubleshooting-articles)) #related-articles-wrap {
  display: block;
}
} 
.accordion + #related-articles-wrap h2.header-divider{
  border-top: none; /* --- hide header divider when articles-in-this-section follows accordion --- */
  margin-top: none;
}

/* --- END category page lists and special end-of-article lists --- */

.top-issues-wrapper {
  margin: 2rem 0 0 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.top-issues-wrapper > p {
  margin: 0 0.5rem 0 0;
}

.top-issues-wrapper > p > a {
  margin: 0;
}


.article-list.top-issues .top-issues-item {
  display: inline;
  list-style: none;
}



.hero-inner {
  position: relative;
  top: 50%;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    margin: 0;
  }
}
.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}
.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}
.page-header-description {
  margin: 0;
  word-break: break-word;
  font-size: 1.125rem;
}
@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}
.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.page-header .page-header-description {
  display: none;
}


@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}
input[type=search]::after {
  font-size: 15px;
    max-width: 400px;
  width: 100%;
}

/***** Home page category blocks *****/
.blocks-list {
  container-type: inline-size;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 1rem;
}

.blocks-list .blocks-item.category._200958889 {
  grid-column: 1 / -1; /* span full width */
}


.blocks-item {
 		box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    min-height: 250px;
    border: 0.5px solid #200F0A80;
    background-color: #E7E8FE;
    transition: box-shadow 450ms;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
  	background-position: right 20px bottom 20px;
    flex: 0 0 auto;
}

.blocks-item:hover,
.blocks-item:focus-within {
  box-shadow: 0 6px 18px rgba(57, 65, 172, 0.15); 
  transform: translateY(-1px);
  transition: box-shadow .2s ease, transform .2s ease;
}


.blocks-item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
  height: 100%;
}

.blocks-item.category._200958889{
  min-height: 150px;
  background-position: left 2.5rem center;
  background-color: #200F0A;
}

.blocks-item.category._200958889 .blocks-item-link {
  padding-left: 9rem;
}
.blocks-item.category._200958889 .blocks-item-link .blocks-item-text {
  color: #FAF7F6;
}

.blocks-item.category._200958889 .blocks-item-content{
    flex-direction: row;
	align-items: center;
}

@container (max-width: 700px) {
  .blocks-list .blocks-item.category {
    grid-column: 1 / -1; /* span full width */
    min-height: 150px;
}
  
  .blocks-item.category._200958889 {
        background-position: right 20px bottom 20px;
	padding: 0;
}

.blocks-item.category._200958889 .blocks-item-content{
    flex-direction: column;
	align-items: flex-start;
      justify-content: space-between;
}
  
.blocks-item.category._200958889 .blocks-item-link {
  padding: 2.5rem;
}

}

.blocks-item.category._200958889 .blocks-item-link .blocks-item-content .learn-more-btn{
  color: #A2F6F5;
  whitespace: nowrap;
  background-image: linear-gradient(#A2F6F5, #A2F6F5);
}
.blocks-item.category._200958889 .blocks-item-link .blocks-item-content .learn-more-btn::after{
      background: url(/hc/theming_assets/01KBHTB6K3R0SJ7C9J2YDT1FSZ);
}


.blocks-item.category._360000606859 { background-image: url(/hc/theming_assets/01KB53NGWM1NCDRPSKVDP7HRFJ); background-size: 5rem 5rem;}
.blocks-item.category._360000606839 { background-image: url(/hc/theming_assets/01KB53Q66KREBC0M5S7MQ992HR); background-size: 5rem 5rem;}
.blocks-item.category._360000606740 { background-image: url(/hc/theming_assets/01KB53Q6W3M26NTPEC40A0SBY1); background-size: 5rem 6rem;}
.blocks-item.category._360000606579 { background-image: url(/hc/theming_assets/01KB538X0377508HAZ90Z5HJW8); background-size: 6rem 6rem; }
.blocks-item.category._200958889 { background-image: url(/hc/theming_assets/01KB54PN45GMRDVFNANKD4BTY1); background-size: 4rem 4rem; }

.blocks-item-text p.blocks-item-description {
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 24px;
  width: 60%; 
}

.blocks-item-link {
  text-decoration: none !important;
      color: #200F0A;
  width: 100%;
    height: 100%;
    padding: 2.5rem;

}

.blocks-item-link div.link-only {
      color: #3941AC;
}

.blocks-item:has(a[href*="10239792718482"]),
.blocks-item:has(a[href*="17031147859218"]),
.blocks-item:has(a[href*="18381067780626"]) {
    display: none;
}

.blocks-item-title {
    margin: 0 0 0.625rem 0;
  line-height: 40px;
font-size: 2.25rem;
}


@media (max-width: 768px) {
.blocks-item {
  background-position: right 20px bottom 20px !important;
}

.blocks-item-content {
flex-direction: column !important;
align-items: unset !important;

}

.blocks-item-text p.blocks-item-description {
  width: 60% !important;
}

 
}

/***** Homepage *****/
.hero-outer {
  margin: 0;
}


/***** Promoted articles *****/

.promoted-articles-item {
    border-bottom: 0.5px solid #200F0A60;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/***** Category pages *****/
.category-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.category-content {
  flex: 1;
  max-width: 100%;
  background-color: #F9F5F2;
  border-radius: 8px;
  border:1px solid #200F0A40;
  padding: 32px 60px;
  height: 100%;
  
}

.admin-resource-image {
  margin: 0

}

.admin-resource-image img {
  border: 1px solid #200F0A60;
  border-radius: 8px;
}
.section-tree .section {
  flex: initial;
  max-width: 100%;
}


h3.section-tree-title a:hover {
cursor: pointer;
}

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.icon-star {
  font-size: 18px;
}

.promoted-articles-item:last-child {
    border-bottom: none;
}

a.see-all-articles  {
  margin-left: 1rem;
      display: block;
    padding: 0.9375rem 0;
    font-size: 1rem;
  font-weight: 600;
  
}

  .promoted-articles-item:nth-last-child(-n + 2) {
    border-bottom: none;
}
  

  .promoted-articles-item:nth-last-child(-n + 2) {
      border-bottom: 0.5px solid #200F0A60;
}
  
    .promoted-articles-item:last-child {
      border-bottom: none;
}



span[data-title="Promoted article"] {
    display: none !important;
}
/* Landing page list */
.resources-links{
 display: grid;
  grid-template-columns: 1fr; 
  gap: 20px; 
  container-type: inline-size;
  margin-bottom: 20px;
}

.resources-links .section-tree {
  display: flex;
  flex-direction: column; 
  align-items: center;
  gap:1rem;
  width: 100%;
  justify-content: space-between;
    height: 100%;
}
.resources-links .section-tree > .section {
  width: 100%;
}


@container (min-width: 768px){
.resources-links{
  grid-template-columns: 1fr 1fr; 
}
  
}


/* ----------------------------
   Main list: column-major Grid
   (fills DOWN first, then across)
   ---------------------------- */

.article-list {
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  grid-auto-flow: column;                      /* fill DOWN first */
  grid-template-rows: repeat(var(--rows, 1), auto);
  grid-auto-columns: 1fr;                      /* each column width */
  row-gap: 0;
  column-gap: 0;                               /* set at breakpoint */
}

/* breakpoint behaviour */
@media (min-width: 768px) {
  .article-list {
    column-gap: 7%;
  }

  .main-category-container .article-list {
    grid-auto-columns: minmax(200px, 1fr);
  }
}

/* article items (shared) */
.article-list-item {
  font-size: 1.125rem;
  padding: 0;
  margin: 0 0 -1px 0;          /* keeps borders touching (optional) */
  border-bottom: 1px solid #ddd;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* mobile single column tweak: ensure consistent column width */
@media (max-width: 767px) {
  .article-list {
    grid-auto-columns: 1fr;
  }
}

/* ----------------------------
   resources-links: keep single-column, original styles
   This list should behave like the older single-column version.
   ---------------------------- */

.resources-links .article-list {
  /* force single-column layout (block) so selectors like
     :nth-last-child(-n+2) still correspond to visual bottom rows */
  display: block;
  column-count: 1;
  column-gap: 0;
  margin-top: 10px;
  margin-right: 0;
}

/* resource-specific item borders and spacing */
.resources-links .article-list-item {
  border-bottom: 1px solid #aba5a5; /* different divider color */
  padding: 0;
  margin: 0 0 -1px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* keep the "last two items" rule for resources (works because display:block) */
.resources-links .article-list-item:nth-last-child(-n + 2) {
  border-bottom: 1px solid #aba5a5;
}
.resources-links .article-list-item:last-child {
  border-bottom: none;
}

/* When resources-links forced to block, hide pseudo element if any */
.resources-links .article-list::before {
  display: none;
}

/* keep earlier rules you had for layout at larger breakpoints */
@container (min-width: 880px) {
  .resources-links {
    grid-template-columns: 1fr;
  }

  .resources-links .section-tree {
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 3rem;
  }

  .article-list-item a {
    padding: 1.25rem 2rem 1.25rem 0;
  }
}


/* Skeleton uses same column-major grid as real list */
.skeleton-list.article-list {
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--rows, 3), auto);
  grid-auto-columns: 1fr;
  row-gap: 0;
  column-gap: 0; /* breakpoint sets gap */
}

/* spacing & visuals for skeleton items */
.skeleton-list .skeleton-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.25rem 0;      /* match article item spacing */
  box-sizing: border-box;
}

/* thin divider like the real list border */
.skeleton-list .skeleton-item:not(:last-child) {
  box-shadow: inset 0 -1px 0 #e0e0e0;
}

/* ensure same breakpoint gap as the real list */
@container (min-width: 768px) {
  .skeleton-list.article-list {
    column-gap: 7%;
  }
}

/* resources-links special case (keep single column skeleton if used there) */
.resources-links .skeleton-list.article-list {
  display: block;
  column-count: 1;
  column-gap: 0;
}

/* keep rule to remove final divider for the very last DOM item
   (applies for main article-list as well) */

.resources-links .category-container {
  margin: 0;
  height: 100%;
    }

.resources-links .container {
  height: auto;
    position: relative;
}

.resources-links div.separator {
  height: 1px;
}


.resources-links .section-tree-title {
    line-height: normal;
}

.resources-links .section-tree-title a {
        cursor: auto;
    }

.resources-links .article-list-item {
    border-bottom: 1px solid #aba5a5;
}

.resources-links ul.article-list {
    margin-top: 10px;
  margin-right: 0; 
}

.resources-links .article-list {
    display: block; 
    grid-template-columns: none;
}


.resources-links .article-list-item:nth-last-child(-n + 2) {
border-bottom: 1px solid #aba5a5;
}
.resources-links .article-list-item:last-child {
border-bottom: none;
}

.resources-links h3 {
margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
}

.resources-links .article-list {
    display: block;
}

.resources-links .article-list::before {
    display: none;
}
.resources-links .responsive-iframe-container {
    padding-top: 0;
}


.responsive-image {
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
.order-1 {
    order: 1 !important;
}
  }
/* END Landing page list */
/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}


.section-content {
  flex: 1 1 auto;     /* base */
  max-width: 100%;
  min-width: 0;       /* prevents flex overflow issues */
  overflow: visible;  /* ← critical so page (or wrapper) is the scroller */
}

@media (min-width: 1124px) {
  .section-content { flex: 0 0 66%; }
}


.section-content h1 {
  margin: 0;
}

.section-list {
  display: none;
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}
.section-list-item:first-child {
  border-top: 1px solid #ddd;
}
.section-list-item a {
  align-items: center;
  color: #2F3941;
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
  display: none;
}

.section-container h1 {
  margin: 0;
	padding-bottom: 0.625rem;
}

/***** Article *****/
.article-container {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #FCFAF9;
    width: 100%;
  margin: 0 auto;
  z-index: 1; 
    color: #1D0E09;
  
}


  /* Sidebar column */
@media (min-width: 1124px) {
    :root {
    --header-h: 150px;
  }
  #main-content.article {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    flex-wrap: nowrap;
  }

  /* Sidebar column — wider but still flexible */
  #sidebar {
    position: sticky;
    top: calc(var(--fixed-top-h) + var(--sidebar-gap));
    max-height: calc(100dvh - var(--fixed-top-h) - var(--sidebar-gap));
    overflow-y: auto;
  	flex: 0 1 350px;   
  	min-width: 320px;  
  	max-width: 440px;  
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    align-self: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  
  
    #sidebar.is-open { max-height: var(--sidebar-cap); overflow-y: auto; }


  
  /* avoid double scrollbars */
  #sidebar .sidebar-inner,
  #sidebar .sidebar-panel,
  #sidebar .sidebar-menu,
  #sidebar ul {
    max-height: none;
    overflow: visible;
  }
   

  /* Main content */
  .article-pieces {
    max-width: 800px;
    margin: 0 auto 0 0;
    flex: 1 1 0;
    min-width: 0;
  }
  
.article-id-21758474302226 .article-pieces,
.article-id-17915674271634 .article-pieces {
    max-width: none;
  }
  
  .article-relatives {
    display: none !important;
  }
}


  .article-pieces {
      width: 100%;
      margin-right: 0;
  }


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

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

.article-avatar {
  margin-right: 10px;
}

.article-subscribe {
  display: none;
}
.article-author {
  margin-bottom: 10px;
  display: none;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}


.article-body {
  display: flow-root;
  position: relative;
}


.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.article-body p:has(img:nth-of-type(2)):not(:has(img:nth-of-type(3))) img,
.article-body figure:has(img:nth-of-type(2)):not(:has(img:nth-of-type(3))) img {
    max-width: 47%;
}

.article-body p:has(img:nth-of-type(3)) img,
.article-body figure:has(img:nth-of-type(3)) img  {
    max-width: 31%;
    margin-right: 4px;
}

.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: 1rem 0 0 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body code:not(pre code) {
  background-color: #E9E7E680;
  border: 1px solid #B2B7C3;
  border-radius: 4px;
  padding: 2px 6px; /* Reduced for inline flow */
  vertical-align: middle;
  word-break: break-word;
}

.article-body pre {
  background-color: #E9E7E680;
  border: 1px solid #B2B7C3;
  border-radius: 4px;
  padding: 15px;
  overflow: auto;
  white-space: pre; /* Keeps formatting */
  margin-bottom: 2rem;
}

.article-body pre code {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  display: block; /* Ensures full width layout */
}
.article-body blockquote {
  border-left: 1px solid #B2B7C3;
  font-style: italic;
 padding: 0 15px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}

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

footer.footer {
  margin-top: 240px;
  flex: 1 0 auto; /* footer grows to fill extra space */
  background: #200F0A;
  color: #FDFDFD;
  display: flex;
}
.article-comment-count {
  color: #2F3941;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.toc-container {
    display: none !important;
}
.articles-in-section .see-more {
  display: none;
}

.articles-in-section li:nth-child(n+6) {
    display: none;
}

.related-articles {
  flex-direction: column;
}

.article-more-questions {
display: none;
}


.article-share {
  display: none;
}

.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}

.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 7px;
    margin-bottom: 0;
    text-decoration: none;
    border-radius: 4px;
    display: block;
}




/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #2F3941;
  display: block;
  margin: 3px 0;
}
[dir=rtl] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}


.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #2F3941;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}


/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}
[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}
.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #2F3941;
}
.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}
.status-label-open {
  background-color: #c72a1c;
}
.status-label-solved {
  background-color: #68737d;
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/* Sidebar navigation that collapses */
.collapsible-sidebar {
  position: relative;
  min-height: 45px;
  padding: 0;
  overflow: hidden;
}

/* The button only spans the header area, not the whole container */
.collapsible-sidebar-toggle {
  position: relative;       
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 45px;
  max-height: 45px;
  padding: 0 28px 0 0;    
  border: 0;
  background: none;
  border-radius: 0;          
  cursor: pointer;
}

.collapsible-sidebar-title {
  margin-top: 0;
  display: flex;
  align-items: center;
  max-height: 45px;
}

/* Icon — don't intercept pointer events */
.collapsible-sidebar-toggle::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  background: url(/hc/theming_assets/01K1B9JAHP9H36WWYKXVZ89Q5J) center / contain no-repeat;
  pointer-events: none;          
}

.collapsible-sidebar-toggle[aria-expanded="true"]::after {
  background: url(/hc/theming_assets/01K1B9JC9TXT7D3Q8GV8XKBX9K) center / contain no-repeat;
}

/* sidebar-body is closed by default */
.collapsible-sidebar-body {
  display: none;
}

/* Open the body when the BUTTON is expanded */
.collapsible-sidebar-toggle[aria-expanded="true"] + .collapsible-sidebar-body {
  display: block;
  margin-bottom: 0.75rem;
}

/* RTL tweaks */
[dir=rtl] .collapsible-sidebar-toggle {
  padding: 0 0 0 28px;
  justify-content: flex-end;
}
[dir=rtl] .collapsible-sidebar-toggle::after {
  left: 0;
  right: auto;
}

/***** Pagination *****/
.pagination {
  margin: 0;
  padding-bottom: 20px; 
  text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}
.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.pagination-next-link {
  padding-right: 10px;
}
.pagination-next-text {
  margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}
.pagination-prev-link {
  padding-left: 10px;
}
.pagination-prev-text {
  margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
  margin-right: 10px;
}

.search-results + .pagination {
  margin: 0 auto 0 0;
    padding: 0 5% 2.5rem 5%;
      max-width: 1960px;
}
/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}
.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: #2F3941;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
  display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #1F73B7;
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  margin: 0;
}
.search-results-list {
  margin: 0 0 1.5rem 0;
  padding: 0;
  list-style: none;
}

.template-pages.search-results-template {
  min-height: 9.5rem;
}

.template-pages.search-results-template #cat-details {
 margin: 0;
}

.template-pages.search-results-template .row {
  align-items: center;
}

    .search-results-list > li {
        border-bottom: 1px solid #ddd;
        padding: 2rem 0;
    }

.search-results section#main-content{
    padding-bottom: 0;
}

.search-result-description em {
   font-weight: bold;
  font-style: normal;
}

.search-result-description {
    margin: 0;
  	font-size: 0.9rem;
  margin-top: 5px;
  word-break: break-word;
}

.breadcrumbs.search-result-breadcrumbs {
    margin: 0;
  margin-top: -7px;
    	font-size: 0.9rem;

}

.breadcrumbs.search-result-breadcrumbs li {
    flex: unset;
  font-size: 0.8rem;
  margin-top: 10px;
}
.breadcrumbs.search-result-breadcrumbs li a {
    padding: 0;
}

.search-result-meta-count, .search-result-votes {
    color: #2F3941;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    padding: 4px 5px;
    position: relative;
}


[dir=ltr] .search-result-meta-count, [dir=ltr] .search-result-votes {
    margin-left: 5px;
}

    [dir=ltr] .search-result-meta-count::before, [dir=ltr] .search-result-votes::before {
        margin-right: 3px;
    }

[dir=rtl] .search-result-meta-count, [dir=rtl] .search-result-votes {
    margin-right: 5px;
}

    [dir=rtl] .search-result-meta-count::before, [dir=rtl] .search-result-votes::before {
        margin-left: 3px;
    }

.search-result-votes::before {
    content: '\1F44D';
}

.search-result-meta-count::before {
    content: '\1F4AC';
}

.search-result .meta-group {
    align-items: center;
}



.search-results-list > li:first-child {
    margin-top: 1px;
}

@media (min-width:990px) {
    .search-results-list {
        display: flex;
        flex-wrap: wrap;
    }


       .search-results-list > li {
        max-width: calc(50% - 40px);
    }

        .search-results-list > li:nth-child(even) {
            margin-left: 80px;
        }
}


    .search-results-list h2 {
      margin: 0
}

   .search-results-list article {
     flex-direction: column;
}

   .search-results-list li {
		flex: 1 1 49%;
}

.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
  margin-bottom: 8.5rem;
}
.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: #1F73B7;
}
.search-results .no-results .action-prompt a:visited {
  color: #1F73B7;
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-title {
  font-size: 1.25rem;
  margin-bottom: 0;
  color: #1D0E0A;
}
.search-result-title a {
  color: #1D0E0A;
}


.search-result-votes, .search-result-meta-count {
  color: #2F3941;
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 20px;
}
.search-result-meta-container {
  color: #666;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  [dir=ltr] .search-result-meta-container .meta-data {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  [dir=rtl] .search-result-meta-container .meta-data {
    margin-right: 20px;
  }
}
.search-result-meta-container .meta-data::after {
  content: none;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}
input#query {
  font-size: 1rem;
}

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
	font-family: 'Saans', 'DM Sans', sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
[dir=rtl] .notification-inline {
  text-align: right;
}
.notification-inline[aria-hidden=true] {
  display: none;
}
.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}
.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}
.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir=rtl] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}
.dropdown-toggle:hover {
  text-decoration: none;
}
.dropdown-toggle > * {
  display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8dcde;
  border-radius: 3px;
  box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}
[dir=rtl] .dropdown-menu {
  text-align: right;
}
.dropdown-menu [role=separator] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
  color: #1D0E09;
}
[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
  padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  background: #C2C6FC;
  text-decoration: none;
}
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
  cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir=rtl] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}
[dir=rtl] .dropdown-menu-end {
  left: 0;
  right: auto;
}



.dropdown-chevron-icon {
  vertical-align: middle;
}

.content-tags > p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}
.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}
.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #87929D;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #87929D;
}

/***** Summary component *****/
zd-summary-block {
  background: #f3f6f6;
}
[dir=ltr] zd-summary-block {
  border-left-color: #859fa1;
}
[dir=rtl] zd-summary-block {
  border-right-color: #859fa1;
}


form.search.inner-page {
    width: 500px;
    margin-right: 15px;
}

    form.search.inner-page input#query {
        border: 0;
        margin: 0;
    }

    form.search.inner-page.mobile {
        width: 100%;
        margin-top: 20px;
    }

/* BEGIN header */

.header-language-selector {
  display: flex;
  flex-wrap: nowrap; 
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box; 
}

.header-language-selector > * {
  flex: 0 0 auto; 
}

.header-language-selector .globe-icon {
  margin-right: 30px; 
}

.header-language-selector > :last-child {
  margin-right: 0; 
}

.header-language-selector,
.header-language-selector:hover,
.header-language-selector:focus,
.header-language-selector:active,
.header-language-selector:focus-within,
.header-language-selector * {
  border: none; 
  outline: none;
}

 .dropdown-toggle::after {
    content: url(/hc/theming_assets/01K1B9J421WGWFJKW1SHJ4ZNBD); 
    display: inline-block;
    transition: transform 300ms ease;
}

.language-selector #language-dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.language-selector .dropdown-menu [role=menuitem]:focus {
	background-color: transparent;
}
.language-selector .dropdown-menu [role=menuitem]:hover {

    background-color: #C2C6FC;

}

.language-selector [data-clean-locale] {
  visibility: hidden;
}
.header-language-selector {
  position: relative; 
}

.header-language-selector a {
  color: #212D37;
  text-decoration: none;
  text-align: top;
}

.dropdown-menu {
  position: absolute;
  left: -12px;
  top: 30px;
  min-width: 135px;
  background-color: #F3F4FE;
}

.dropdown-menu [role=menuitem]:hover {
       background-color: #C2C6FC;
}

  .locale-abbreviation {
    display: none;
  }

#locale-name {
  vertical-align: top;
      display: inline-block;

}
  button#language-dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 0.5rem;

  }

@media (max-width: 768px) {
  .header-right button.button {
    padding: 0 0.5rem;
    font-size: 12px;
  }
  
  button#language-dropdown-toggle {
    gap: 2px;
    font-size: 12px;

  }
  .dropdown-menu {
        top: 35px;
        left: -60px;
    }
  
  .locale-abbreviation {
    display: block;
  }
  
    #locale-name {
    display: none;
  }

  
    .header-language-selector {
    	margin-bottom: 0;
}
}

section#main-content {
  padding-bottom: 2rem;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
section.knowledge-base {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}


/* END header */
/* BEGIN Article template */
/*BEGIN article title, expand sections, print button */
.header-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    width: 100%;
    align-items: start;
    column-gap: 20px;
    row-gap: 24px;
}

/*rules for when there's no print button  */
.header-grid:not(:has(#print-article)){
    align-items: center;
}

.header-grid:not(:has(#print-article)) #published-date, .header-grid:not(:has(#print-article)) #updated-date {
  grid-column: 1 / 2;
}


.article-title {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    margin: 0;
    text-align: left;
}

#print-article {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    position: relative;
  margin-top: 16px;
}


#print-article a {
    text-decoration: none;
    font-size: 1rem;
    display: inline-block;
    cursor: pointer;
    color:  #635753;

}

#print-article a::after {
    content: attr(title);
    position: absolute;
    width: 120px;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    padding: 5px;
    border-radius: 6px;
    background-color: #796F6C;
    color: #F7FEFE;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}


#print-article a:hover::after {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 767px) {
  #print-article a::after,
#print-article a::before {
    display: none;
  }
}

.expand-all {
    display: none;
    align-items: center;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    text-align: left;
    font-size: 0.7rem;
    background-color: #858DF933;
    padding: 3px 8px;
    border-radius: 4px;
    box-sizing: border-box;
    width: fit-content;
    border: 0.3px solid #9198FA80;
  margin-bottom: 36px;
    margin-top: 12px;

}

.expand-all a {
    text-decoration: none;
    color: inherit; /* Good practice to ensure link color matches parent */
    display: flex; /* Make the link a flex container too for better alignment */
    align-items: center;
}

.expand-all a::after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-right: 1.5px solid #200F0A;
    border-bottom: 1.5px solid #200F0A;
    transform: rotate(45deg);
    margin-left: 7px;
    /* vertical-align and margin-top are no longer needed */
}

.expand-all a.rotated::after {
    transform: rotate(-135deg);
    /* margin-top is no longer needed */
}
.expand-all a {
    display: flex;
    align-items: center;
  	padding: 3px 0;
    line-height: 1;
}

.expand-all a:focus,
.expand-all a:active {
    text-decoration: none;
}
.expand-all a:hover {
    text-decoration: underline;
}


    #print-article a {
        margin-left: auto;
    }
}

.article-title .icon-lock::before {
    content: '\1F512';
    font-size: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
}
/*END article title, expand sections, print button */

.article [role=button] {
    flex-shrink: 0;
    width: 100%;
}

@media (min-width:768px) {
    .article [role=button] {
        width: auto;
    }
}

.article-info {
    max-width: 100%;
}

.article-meta {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.article-body img {
    width: auto;
    height: auto;
    max-width: 99%;
    border: 1px solid #200F0A60;
    border-radius: 6px;
}

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

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

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


.article-body li{
  margin: 0 0 1rem 0;
}

.article-body li p  {
  margin: 0 0 1rem 0;
}


.article-body ul.tabs-buttons li *:last-of-type {
  margin-bottom: 0;
}



.article-body p img,
.article-body figure img {
      vertical-align: top;
}

.zoomMe {
      margin: 0 0 2rem 0;
}

li p.warning,
li p.important {	
    margin-bottom: 1rem;
}

.article-body li div video {
  margin-top: 1rem;
}

ul ul,
ol ul,
ul ol, 
ol ol {
  margin-bottom: 0.5rem;
}

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


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

.article-content {
    line-height: 1.6;
    margin: 0 0 10rem 0;
    word-wrap: break-word;
}

/*Images in articles */
.article-body p:has(img.small-portrait),
.article-body figure:has(img.small-portrait)  {
  display: flex;
  flex-direction: column;

  }

    .article-body img.small-portrait {
        width: 40%;
    }

  .article-body p img.small-portrait + img.small-portrait,
.article-body figure img.small-portrait + img.small-portrait{
    margin-top: 0.5rem;

}


@media (min-width:1024px) {
    .article-body img.small-portrait {
        width: 33%;
    }
  .article-body p:has(img.small-portrait),
  .article-body figure:has(img.small-portrait) {
  flex-direction: row;
    align-items: flex-start;

  }
    .article-body p img.small-portrait + img.small-portrait, 
  .article-body figure img.small-portrait + img.small-portrait {
    margin-left: 0.5rem;
    margin-top: 0;

}
}

@media (min-width:24em) {
    .article-body img.portrait, .article-body img.small-landscape {
        width: 80%;
    }
}

@media (min-width:35.5em) {
    .article-body img.portrait, .article-body img.small-landscape {
        width: 66%;
    }
}
/*END Images in articles */


/*BEGIN Feedback form*/

.article-votes-question {
    font-size: 1rem;
    margin-bottom: 1rem;
  	margin-top: 2.5rem;
    display: block;

}

.article-pieces footer {
  border-top: 0.5px solid #9DA5B4;

}
.article-vote {
    background: transparent;
    min-width: 5.625rem;
    width: auto;
    color: #200F0A;
    text-decoration: none;
    border: 1px solid #200F0A;
    border-radius: 0.3125rem;
}

.article-vote:hover {
    color: #635753B3;
    text-decoration: none;
    border-color: #635753B3;
  background-color: #FCFAF9;

}

.article-vote[aria-selected="true"] {
    color: #FCFAF9;
}


.article-vote::before {
    display: none;
    vertical-align: middle;
    font-size: 8px;
    margin-right: 10px;
}

[dir="rtl"] .article-vote::before {
    margin-right: 0;
    margin-left: 10px;
}

.article-vote-up::before {
    content: '\2713';
    font-size: 0.875rem;
}

.article-vote-up:hover::before,
.article-vote-up[aria-selected="true"]::before {
    /* Uncomment and set the correct path if needed */
    /* background-image: url(/hc/theming_assets/01K1B9JA826927ZCADX99SMDQS); */
    background-position: 0 0;
  
}

.article-vote-down::before {
    content: '\2715';
    font-size: 0.875rem;
}

.article-vote-down:hover::before,
.article-vote-down[aria-selected="true"]::before {
    /* Uncomment and set the correct path if needed */
    /* background-image: url(/hc/theming_assets/01K1B9JA826927ZCADX99SMDQS); */
    background-position: 0 -80px;
}

.article-votes .article-votes-controls .article-vote-up[aria-pressed="true"],
.article-votes .article-votes-controls .article-vote-down[aria-pressed="true"] {
      background-color: #635753B3;
			color: #FCFAF9;
}

.article-votes .article-votes-controls .article-vote-up[aria-pressed="true"]:hover,
.article-votes .article-votes-controls .article-vote-down[aria-pressed="true"]:hover {
  cursor: pointer;
}
.article-votes-controls {
    display: block;
}

.article-votes-count {
    display: none;
}

@media (min-width: 35.5em) {
    .article-votes-controls {
        padding: 0;
    }
}

.article-votes-controls button.button {
    margin-right: 20px;
    font-size: 1rem;
		height: 44px;
  	display: inline-block;
    min-width: 6.25rem;
    text-decoration: none !important;
  
}

.article-votes-controls a:last-child {
    margin-right: 0;
}


.article-feedback-confirm {
	display: none; 
  font-weight: 600;
  color: #19901B; 
  margin-top: 10px  
}

.article-feedback-warning {
	display: none; 
  font-weight: 600;
  color: #FE5B33; 
  text-align: left;
  margin-top: 10px
}

@media (min-width:35.5em) {
  .article-feedback-nothing-link {
    margin-left: 12px
  }
}

.article-feedback-prompt {
  text-align: center; 
  margin-top: 12px; 
  margin-bottom: 12px; 
  font-weight: 600; 
  display: none
}

.article-feedback-options {
  margin-bottom: 6px;
}

textarea::placeholder {
  font-size: 15px;
}

.vote {
    text-align: center;
    width: 35px;
}

    .vote a {
        outline: 0;
        text-decoration: none;
    }

        .vote a:active, .vote a:focus, .vote a:hover {
            text-decoration: none;
        }

.vote-sum {
    color: #2F3941;
    display: block;
    margin: 3px 0;
}

[dir=rtl] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.vote-down:hover::before, .vote-up:hover::before {
    color: #17494D;
}

.vote-down::before, .vote-up::before {
    color: #2F3941;
    font-size: 24px;
}

.vote-up::before {
    content: '\2B06';
}

.vote-down::before {
    content: '\2B07';
}

.vote-voted::before {
    color: #17494D;
}

.vote-voted:hover::before {
    color: $dash_green;
}

/*END Feedback form*/
/*BEGIN article sidebar*/

.sidenav-title {
    position: relative;
}

.sidenav-title {
    font-size: 1.125rem;
}

.sidenav-item-container {
    margin-bottom: 5px;
}

@media (min-width:48em) {
    .sidenav-item-container {
        margin-bottom: 10px;
    }
}

        .sidenav-item.current-article::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 2px;
            height: 100%;
            background-color: #17494D;
        }

    .sidenav-item:active, .sidenav-item:focus, .sidenav-item:visited {
        text-decoration: none;
    }





    #back_to_top:hover {
        background-color: rgb(217, 230, 233);
    }

.article-return-to-top a {
  color: #1D0E09;
  display: block;
  padding: 1.25rem 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);
}

.article-return-to-top {
    width: 2.5rem;
    height: 2.1875rem;
    background: url(/hc/theming_assets/01HZKP5GRSSTJGRTB2H6VRKSZQ);
    background-size: 1.5625rem;
    background-position: center -5px;
    background-repeat: no-repeat;
    border-radius: 8px;
    display: none;
    cursor: pointer;
    border: 1px solid transparent;
    position: sticky;
  top: 164px;
  margin-top: 40px;
}

.article-return-to-top:hover {
  background-color: #DBDDFD;
}

.article-return-to-top a::after {
    content: "Back to top";
    position: absolute;
    width: 120px;
  	top: 0;
    left: 150%;
    padding: 5px;
    border-radius: 6px;
    background-color: #796F6C;
    color: #F7FEFE;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}


.article-return-to-top a:hover::after {
    visibility: visible;
    opacity: 1;
}

.scroll-sticky #back_to_top {
    display: block;
}


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


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

.article-return-to-top .icon-arrow-up::before {
    font-size: 16px;
    margin-left: 5px;
}

[dir=rtl] .article-return-to-top .icon-arrow-up::before {
    margin-right: 10px;
}

.toc-wrapper-inner.scroll-sticky {
    position: sticky;
    top: 0px;
}

.toc-wrapper {
  position: relative;
  border-left: 1px solid #f0f0f0;
  display: none;
  flex: 0 0 30%;
  padding-left: 1.5625rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
}

.toc-wrapper h2, .toc-wrapper h3 {
  font-variant: all-small-caps;
  text-transform: none;
  padding: 0 0 0 0.5rem;
  margin: 0 0 .3125rem 0;
  font-size: 1.4rem;
}

    .toc li a, .toc-wrapper-inner a {
        line-height: 1.5;
        display: block;
        border-radius: 6px;
        padding: 0.3125rem 0.5rem 0.3125rem 0.5rem;
        text-decoration: none;
      font-size: 1rem;
    }




.toc-wrapper-inner a:active, .toc-wrapper-inner a:visited, .toc-wrapper-inner a:hover {
    text-decoration: none;
}

.toc-wrapper-inner a:hover {
    text-decoration: none;
    background-color: rgb(14, 53, 61);
    color: #fff;
}

#top-of-article {
    height: 0px;
    text-indent: -99999px;
    display: inherit;
}

.hidden, .article-body .summary {
    display: none !important;
}



@media (min-width:1080px) {
    .toc-wrapper {
        display: block;
    }
}

.toc ul li:first-child {
    display: none;
}

.toc li a:empty {
    display: none;
}

/*END  article sidebar*/
/* BEGIN subnav */
/* General Sub-nav styling (from your original code) */

.sub-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px 30px;
    margin-bottom: 2.5rem;
    padding-bottom: 0;
    align-items: baseline;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
    margin-bottom: 4rem;
  }
}

.search-results .sub-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  }

#generative-answers   {
    background-color: #F9F5F2;

  }

.breadcrumbs {
    list-style: none; 
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumbs li {
    font-size: 1rem;
}

.breadcrumbs li + li::before {
    content: "→";
    padding: 0 0.5em;
    color: #1D0E09;
}

.breadcrumbs a {
    color: #1D0E09;
    text-decoration: none;
    display: inline-block;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle; 
}

.breadcrumbs a:hover {
    text-decoration: underline; 
}


@media (min-width: 768px) {
    .breadcrumbs {
        margin: 0;
    }
    .breadcrumbs li {
        font-size: 1.25rem;
    }
}


@media (min-width: 64em) { 
    .breadcrumbs {
        margin: 0;
    }
}


/* Hides breadcrumbs for hidden "Additional articles" category */
.breadcrumbs:has(li a[href*='18381067780626']) {
    display: none;
}

.breadcrumbs:has(li a[href*='18381067780626']) #articles-in-section {
    display: none;

}
/* END subnav */

input {
    max-width: 100%;
    box-sizing: border-box;
    outline: 0;
    transition: border .12s ease-in-out;
}

    input:focus {
        border: 1px solid #17494D;
    }

    input[disabled] {
        background-color: #ddd;
    }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/hc/theming_assets/01K1B9JAHKEGW5VYB567RX282G) no-repeat #fff;
    background-position: right 10px center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 30px 8px 10px;
    outline: 0;
    color: #555;
    width: 100%;
}

    select:focus {
        border: 1px solid #17494D;
    }

    select::-ms-expand {
        display: none;
    }

textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    resize: vertical;
    width: 100%;
    outline: 0;
    padding: 10px;
}

    textarea:focus {
        border: 1px solid #17494D;
    }

p {
    margin: 0 0 2rem 0;
}

h2 {
  margin: 3.5rem 0 1.5rem 0;
}

.header-divider {
	border-top: 1.5px solid darkgray;
	margin-top: 3.75rem;
	padding-top: 3.125rem;
}

h3 {
  	margin: 1.75rem 0 1rem 0;
}

h4 {
  	margin: 1.75rem 0 1rem 0;
}

h5 {
  	margin: 1.75rem 0 1rem 0;
}

h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
	margin-top: 0;
}



input, select, textarea {
    color: $dark_gray;
    font-size: 15px;
}

    input::placeholder {
        color: $highlight_gray;
    }

div video {
      margin: 0.3125rem 0.3125rem 1.3125rem 0.3125rem;
}

h2.invisible-header  {
	visibility: hidden;
  position: absolute;
   }

.hide {
    display: none;
}

.article-comments {
  display: none;
}


/* BEGIN SIDE NNAV BOOK TOC*/
/*
=================================================================
== BASE & MOBILE-FIRST STYLES
=================================================================
*/
/* Sticky row (search + nav) that sits under top bar in Figma) */
/* Center the single child both vertically and horizontally */
.hc-switcher-row-container {
    width: 100%;
  border-top: 0.5px solid #1D0E0960;
 } 
.header-wrapper,
.template-header,
.header-container,
.header-right {
    overflow: visible !important;
}

.row.hc-switcher-row {
  display: flex;
  flex-direction: row;
  align-items: center; 
  gap: 15px;
  padding: 0 5%;   
  min-height: 58px;
  width: 100%;
  max-width: 1960px;
  background-color: #FCFAF9;
}

.hc-switcher-inner {
  display: flex;
  flex-direction: row;
}

/* Only one of these spans is visible at a time */
#back-to-user,
#go-to-admin,
#go-to-kb {
  display: none;
}

#back-to-user a,
#go-to-admin a,
#go-to-kb a {
  display: inline-flex;
  align-items: center;
  color: #3941AC;
  font-size: 1rem;
  font-weight: 300;
  gap: 8px;
  line-height: 1;
  text-decoration: none;
  min-height: 36px;
} 

body.category-200958889 #back-to-user,
body.category-200958889 #go-to-kb,
body.category-17031147859218 #back-to-user,
body.category-360000606579 #go-to-admin,
body.category-360000606740 #go-to-admin,
body.category-360000606859 #go-to-admin,
body.category-360000606839 #go-to-admin,
body.category-10239792718482 #go-to-admin,
body.category-360000606579 #go-to-kb,
body.category-360000606740 #go-to-kb,
body.category-360000606859 #go-to-kb,
body.category-360000606839 #go-to-kb,
body.category-10239792718482 #go-to-kb,
body.category-17031147859218 #go-to-admin{ 
  display: flex; 
}

body:has(.home-page) .hc-switcher-row-container{ 
  display: none;
}

#back-to-user a::before,
body.category-360000606579 #go-to-kb > a::before,
body.category-360000606740 #go-to-kb > a::before,
body.category-360000606859 #go-to-kb > a::before,
body.category-360000606839 #go-to-kb > a::before,
body.category-10239792718482 #go-to-kb > a::before {
  content: '';
  background: url(/hc/theming_assets/01K184RRJQAWT8CS5H4G0EWC4F) center / contain no-repeat;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  transition: transform 250ms ease-in-out;
  transform: rotate(180deg);
}

#go-to-admin a::after,
body.category-200958889 #go-to-kb > a::after {
  content: '';
  background: url(/hc/theming_assets/01K184RRJQAWT8CS5H4G0EWC4F) center / contain no-repeat;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  transition: transform 250ms ease-in-out;
}

#go-to-admin > a,
#back-to-user > a,
#go-to-kb > a {
  background-image: linear-gradient(#3941AC, #3941AC);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.5s ease-in-out;
}

/* Start BACK link from the right edge */
#back-to-user > a,
body.category-360000606579 #go-to-kb > a,
body.category-360000606740 #go-to-kb > a,
body.category-360000606859 #go-to-kb > a,
body.category-360000606839 #go-to-kb > a,
body.category-10239792718482 #go-to-kb > a {
  background-image: linear-gradient(#3941AC, #3941AC);
  background-position: 100% 100%;
}

#go-to-admin > a:hover,
body.category-360000606579 #go-to-kb > a:hover,
body.category-360000606740 #go-to-kb > a:hover,
body.category-360000606859 #go-to-kb > a:hover,
body.category-360000606839 #go-to-kb > a:hover,
body.category-10239792718482 #go-to-kb > a:hover {
  background-size: 100% 1px;
}

/* Grow from right → left (position stays at 100% 100%) */
#back-to-user > a:hover,
body.category-200958889 #go-to-kb > a:hover {
  background-size: 100% 1px;
}

#go-to-admin > a::after,
#go-to-kb > a::after,
#back-to-user > a::before,
#go-to-kb > a::before {
  transition: transform 0.5s ease-in-out;
}
#go-to-admin > a:hover::after,
body.category-200958889 #go-to-kb > a:hover::after {
  transform: translateX(5px);
}
#back-to-user > a:hover::before,
body.category-360000606579 #go-to-kb > a:hover::before,
body.category-360000606740 #go-to-kb > a:hover::before,
body.category-360000606859 #go-to-kb > a:hover::before,
body.category-360000606839 #go-to-kb > a:hover::before,
body.category-10239792718482 #go-to-kb > a:hover::before {
  transform: rotate(180deg) translateX(5px); /* move left instead of right */
}

@media (min-width: 768px) {
#back-to-user a,
#go-to-admin a,
#go-to-kb a {
  font-size: 1.25rem;

}
  
#back-to-user a::before,
body.category-360000606579 #go-to-kb > a::before,
body.category-360000606740 #go-to-kb > a::before,
body.category-360000606859 #go-to-kb > a::before,
body.category-360000606839 #go-to-kb > a::before,
body.category-10239792718482 #go-to-kb > a::before,
#go-to-admin a::after,
body.category-200958889 #go-to-kb > a::after {
  width: 1.5rem;
  height: 1.5rem;
}
}


.container-top-template-pages.hc-switcher-inner {
  width: 100%;
  height: 100%;
  justify-content: space-between;
}


.cat-details-row {
  opacity: 1;
  gap: 10px;
  padding: 40px 80px;
  border-radius: 8px;
  min-height: 163.229px;
  border: 0.5px solid #1D0E0960;
}


/* Cat details text sizing */
#cat-details h1 {
  margin: 0 0 1rem 0;
  line-height: 1;
  font-size: 3rem;
  font-weight: 300;
}


/* ================================
   Sidebar / Book TOC
   - Left rail TOC collapses < 1024px (mobile drawer)
   - Sticky on desktop
   - Accordion + nested articles
   - Clear “current” highlight
   - Keyboard & reduced-motion friendly
=================================== */

/* ===== Reset / base ===== */

.section_menu > ul,
.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Wrapper */
.sidebar-panel.section_menu {
  background: #FCFAF9;
  color: #1D0E09;
}

/* Root list of categories */
ul.sidebar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 4px 0 0;
  width: 100%;
}

/* ===== Category / Section / Nested rows ===== */

/* Row wrapper that contains label + toggle */
.sidebar-section .category-row,
.section_tab .section-row,
.nested-section .nested-section-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 4px;
}

.section-link .section-link-text,
.nested-section-link .nested-section-link-text,
.sidebar-item-links .article-link-text {
  font-weight: 300;
}
.nested-section-link .nested-section-link-text,
.sidebar-item-links .article-link-text {
  font-size: 1rem;
}

.sidebar-item-links {
    display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.1rem;
  padding: 6px 12px;
  border-radius: 4px;
 
}

.article-link-text {
    vertical-align: top;
}

.category-link .category-link-text {
  font-weight: 400;
}

.nav-highlighted-articles{
  display: flex;
  flex-direction: column;
    margin-top: 1.5rem;
    padding-top: 2rem;
  gap: 0.75rem;
  border-top: 0.5px solid #200F0A80;
}
.nav-highlighted-articles .category-row {
	padding-top: 0;
	padding-bottom: 0;
  width: fit-content;

}

.nav-highlighted-articles .category-row a {
	padding: 0;
  margin: 0;
}

/* Current category/section highlight */
.category-row:has(> .current),
.section-row:has(> .current),
.nested-section-row:has(> .current),
.sidebar-item.current .sidebar-item-links,
.category-row.current,
.section-row.current,
.nested-section-row.current {
  background: #858DF91A; 
}



/* ===== Caret / toggle buttons ===== */

.sidebar-caret-icon {
  display: inline-flex;
  transform-origin: center;
}

.sidebar-caret-icon svg {
  vertical-align: middle;
  transition: transform .2s ease;
}

.sidebar-caret-icon svg path {
  fill: #1D0E09;
}

.category-row {
    display: flex;            /* Enables flexible layout */
    align-items: center;      /* Vertically aligns icon and text */
    width: 100%;
}

/* Toggle buttons */
.category-toggle,
.section-toggle,
.nested-section-toggle {
    display: inline-flex;
    flex: 0 0 auto;  
    margin: 0;  
  	margin-top: 3px;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    background: none;  
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px; 
    background-image: url('/hc/theming_assets/01KB5EQXMS5RHXNMWQFYRC48H0'); 
    padding: 0; 
}

.section-toggle,
.nested-section-toggle {
    width: 16px;
    height: 16px;
    background-image: url('/hc/theming_assets/01KCK62CCJZMBJSR9FXMX6TJ4H');

}

.category-toggle:hover,
.section-toggle:hover,
.nested-section-toggle:hover {
  background-color: #858DF91A; 
  border-radius: 4px;   
}

/* Hide caret for CATEGORY toggles only */
.category-toggle .sidebar-caret-icon,
.section-toggle .sidebar-caret-icon,
.nested-section-toggle .sidebar-caret-icon {
  display: none !important;
}

/* Expanded = MINUS icon */
.category-toggle[aria-expanded="true"] {
  background-image: url('/hc/theming_assets/01KB5EQWTSENYYNFA23XG7R8FR');
}

.section-toggle[aria-expanded="true"],
.nested-section-toggle[aria-expanded="true"],
.admin-sidebar .category-toggle[aria-expanded="true"] {
  background-image: url('/hc/theming_assets/01KCK62BEDHHYG74JK2SBNZ9WX');
}

/* ===== Containers / accordions ===== */

/* Container of sections inside a category */
.sidebar-section > ul {
  padding: 8px 4px 8px 20px;
}

/* Section tab (accordion root) */
.section_tab {
  display: block;
  border-radius: 6px;
  padding: 0;
}

/* Articles / nested sections container */
.section_tab ul {
  display: none;
  padding: 8px 4px 8px 16px;
}

.section_tab.open ul {
  display: block;
}

/* Nested articles container */
.nested-articles {
  padding: 4px 0 8px 16px;
  margin: 0 0 8px;
}

/* ===== Article links ===== */


/* Individual article links */
.sidebar-item {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #1D0E09;
  text-decoration: none;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
}

.section_tab ul li:nth-child(n+7).more-articles {
  display: block;
}

/* ===== Accessibility: keyboard focus ===== */

.category-link:focus-visible,
.section-link:focus-visible,
.nested-section-link:focus-visible,
.category-toggle:focus-visible,
.section-toggle:focus-visible,
.nested-section-toggle:focus-visible,
.sidebar-item a.sidebar-item-links:focus-visible,
.section-toc .sidenav-subitem a:focus-visible {
  outline: 2px solid #858DF9;
  outline-offset: 2px;
}

/* Reduced motion preference: disable caret transition */
@media (prefers-reduced-motion: reduce) {
  .sidebar-caret-icon svg {
    transition: none !important;
  }
}

/* ===== H2s nested in articles (per-article mini TOC inside sidebar) ===== */

.sidebar-item.current > ul.section-toc {
  margin: 0;
  padding-left: 1.4rem;
  padding-top: 0.5rem;
  list-style: none;
}

.section-toc > .sidenav-subitem {
    border-left: 1px solid #200F0A40;
  padding: 4px 0 4px 10px;

}

.section-toc .sidenav-subitem a {
  display: block;
  width: 100%;
  color: #1D0E09;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 300;
  border-radius: 4px;
}

/* ===== Skeletons ===== */
#sidebar:has(.sidebar-skeleton) {
  top: 170px;
}

.sidebar-skeleton .sidebar {
  margin: 0;
  padding: 0 5px 0 0;
  list-style: none;
  flex-basis: 33%;
}

.sk-line {
  display: block;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.08) 25%,
    rgba(0,0,0,0.14) 37%,
    rgba(0,0,0,0.08) 63%
  );
  background-size: 400% 100%;
  animation: sk-shimmer 1.2s ease-in-out infinite;
  margin: 8px 0;
}
.sk-title    { height: 16px; margin: 10px 0 12px; }
.sk-subtitle { height: 14px; width: 70%; }
.sk-item     { height: 12px; width: 85%; }

@keyframes sk-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ===== Content / rail base sizes (mobile-first) ===== */

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

.article-page-wrapper.page-wrapper,
.category-page-wrapper.page-wrapper,
.home-page-wrapper {
  padding: 0 5%;
}

body:has(.home-page-wrapper) {
  overflow-x: hidden;
}
body:has(.home-page-wrapper) #sidebar {
  top: 98px;
    max-height: calc(100vh - 98px);

}

#sidebar .sidebar-inner,
#sidebar .sidebar-menu,
#sidebar ul {
  max-height: 100%;
  overflow-y: auto;
}

/* ===== Desktop layout: sticky rail (≥1024px) ===== */

@media (min-width: 1024px) {
  /* Thin scrollbar for sidebar */
  #sidebar::-webkit-scrollbar {
    width: 6px;
  }
  #sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #sidebar::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
  }
  #sidebar::-webkit-scrollbar-thumb:hover {
    background: #888;
  }

}

#main-content-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #FCFAF9;
  width: 100%;
  margin: 0;
  z-index: 1;
  color: #1D0E09;
  container-type: inline-size;
    max-width: 980px;

}


@media (min-width: 1124px) {

  .article-page-wrapper.page-wrapper,
  .category-page-wrapper.page-wrapper,
  .home-page-wrapper{
        display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    gap: 7%;
    max-width: none;
  }
  }

.category-page-wrapper.page-wrapper {
  	max-width: 1600px;
  }

.category-page-wrapper.page-wrapper:has(.resources-links) {
  	max-width: 1960px;
  }

#main-content-wrapper.search-results {
  margin: 0 auto 0 0;
  padding: 0 5%;
    max-width: 1960px;
}

.container-top-template-pages #main-content-wrapper {
  margin-bottom: 6rem;
}

/* ===== Responsive ===== */

/* Misc mobile tweaks */
@media (max-width: 1024px) {
  .row.hc-switcher-row { gap: 12px; }
  .row #cat-details,
  .row .cat-details { order: 2; }
}

@media (max-width: 1124px) {
  #sidebar {
    display: block;
    position: fixed;
    top: 0;             
    left: 0;
    bottom: 0;
    width: min(85vw, 360px);
    max-width: 100%;
    background: #FCFAF9;
    box-shadow: 4px 0 20px rgba(0,0,0,0.08);
    z-index: 9999;
    transform: translateX(-100%);
    transition: transform 0.2s ease-out;
    overflow-y: auto;
    padding: 16px 8px 24px;
  }

  #sidebar.is-open {
    transform: translateX(0);
          max-height: none !important;

  }

  /* Overlay under the sticky header (JS sets its top) */
  .toc-overlay {
    position: fixed;
    top: 0;              /* JS overrides this */
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9998;
  }

  .toc-toggle-button {
    display: inline-flex;
  }

  .toc-toggle-button:focus-visible {
    outline: 2px solid #858DF9;
    outline-offset: 2px;
  }
}


/* Hide mobile toggle button on desktop */
@media (min-width: 1124px) {
  .toc-toggle-button {
    display: none;
  }
  
}


  .toc-toggle-button {
    align-items: center;
    gap: 8px;
    font-size: 1.5rem;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid #BCB7B5;
    background: #E7E8FE;
    color: #796F6C;
    cursor: pointer;
  }

  .toc-toggle-button:hover {
    background: #DBDDFD;
  }

body:has(div.sidebar-panel.section_menu.is-open) .toc-toggle-button{
        border-color:#908784;
  }


/* ====================================================================
   FORCE MOBILE SIDEBAR ON DESKTOP FOR SEARCH & ARTICLE 17915674271634
   ====================================================================
*/

/* --- 1. GLOBAL LAYERING & CONTEXT FIX (Mobile & Desktop) --- */
/* Apply these rules ONLY if we are on Search Results or Article 17915674271634 */
body:has(.article-page-wrapper.article-id-17915674271634),
body:has(.search-results) {

  /* Boost Sidebar Z-Index to maximum */
  #sidebar {
    position: fixed !important; 
    z-index: 10000 !important; 
  }


  /* Neutralize the Parent Wrapper's Stacking Context */
  /* This releases the sidebar so it can sit above the body-level overlay */
  #main-content-wrapper {
    z-index: auto !important;
    position: static !important; /* 'relative' can sometimes trap z-index */
    transform: none !important; 
    filter: none !important;    
    perspective: none !important;
    contain: none !important;
  }
}

/* --- 2. DESKTOP DRAWER LAYOUT (min-width: 1024px) --- */
@media (min-width: 1124px) {

  /* Define the scope: Apply these rules ONLY when body has these classes */
  body:has(.article-page-wrapper.article-id-17915674271634),
  body:has(.search-results) {

    /* Reveal the hamburger toggle button */
    .toc-toggle-button {
      display: inline-flex !important;
    }

    /* Reset layout: remove side-by-side Flexbox/Grid */
    .article-page-wrapper.page-wrapper {
      display: block !important;
    }

    /* Force main content to take full width */
    #main-content.article {
      display: block !important;
      gap: 0 !important;
    }

    .article-pieces {
      max-width: 100% !important;
      flex: none !important;
      margin: 0 auto !important;
    }

    .article-container {
      padding: 0;
    }

    /* Force the Sidebar into "Drawer" mode (Hidden off-screen) */
    #sidebar {
      /* Position is fixed via Global Layering rule above */
      left: 0;
      /* Top/Height are managed by JS (script.js), these are fallbacks */
      top: 0; 
      bottom: 0;
      height: auto; 
      
      width: min(85vw, 360px) !important;
      max-width: 100%;
      margin: 0 !important;
      padding: 16px 8px 24px;
      
      background: #FCFAF9;
      box-shadow: 4px 0 20px rgba(0,0,0,0.08);
      
      /* Animation & State */
      transform: translateX(-100%);
      transition: transform 0.2s ease-out;
    }

    /* The "Open" state */
    #sidebar.is-open {
      transform: translateX(0) !important;
      max-height: none !important;
    }

    /* Force the Overlay to appear on Desktop */
    .toc-overlay {
      display: block !important;
      position: fixed;
      inset: 0; /* top/left/right/bottom: 0 */
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(2px);
      cursor: pointer;
    }
  }
}

/* Minor padding tune on the rail anchor */
#top-of-article { height: 0; text-indent: -99999px; display: inherit; }

/*END Jump to full list of Articles on Admin and Getting Started custom category page*/
/*BEGIN link only */

a.link-only,
div.link-only,
.breadcrumbs a,
.sidenav-item a,
a.category-link .category-link-text,
a.section-link .section-link-text,
a.nested-section-link .nested-section-link-text,
a .article-link-text,
.section-toc .sidenav-subitem a,
.zd-autocomplete-more-results span.zd-search-term,
.ds-chip__label,
.article-list-link-inner,
.category-page-header,
.search-result-title > a{
  color: #3941AC;
  display: inline;
  text-decoration: none;
  padding: 0 3px 4px 1px;
  background-image: linear-gradient(#3941AC, #3941AC);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.5s ease-in-out;
}

a.category-link,
a.section-link,
a.nested-section-link ,
a:has(.article-link-text) {
  text-decoration: none;
      width: 100%;
    height: 100%;
}

.footer-links a,
a.system-status,
.legal-links a{
  padding-bottom: 3px;
  background-image: linear-gradient(#FDFDFD, #FDFDFD);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.5s ease-in-out;
}

#temp-banner a.link-only  {
  background-image: linear-gradient(#6FC3C2, #6FC3C2);
}

.breadcrumbs a,
a.category-link .category-link-text,
a.section-link .section-link-text,
a.nested-section-link .nested-section-link-text,
a .article-link-text,
.admin-sidebar .category-link .category-link-text,
.section-toc .sidenav-subitem a,
.zd-autocomplete-more-results span.zd-search-term,
.article-list-link-inner,
.category-page-header,
.search-result-title > a {
  color: #1d0e09;
  background-image: linear-gradient(#1d0e09, #1d0e09);
}

.ds-chip__label {
  color:#200F0A80;
  background-image: linear-gradient(#200F0A80, #200F0A80);
  padding: 0;
}

.sidenav-item a {
  color: #635753;
  background-image: linear-gradient(#635753, #635753);
}

.breadcrumbs a:hover,
.sidenav-item a:hover,
.footer-links a:hover,
a.system-status:hover,
.legal-links a:hover,
a.category-link:hover .category-link-text,
a.section-link:hover .section-link-text,
a.nested-section-link:hover .nested-section-link-text,
a:hover .article-link-text,
.section-toc .sidenav-subitem a:hover,
.zd-autocomplete-more-results:hover span.zd-search-term,
.ds-rail__item:hover .ds-chip__label,
.article-list-link:hover .article-list-link-inner,
.category-page-header:hover,
.search-result-title > a:hover {
  text-decoration: none !important; 
  background-size: 100% 1px;
}

a.link-only:hover,
.blocks-item-link:hover div.link-only {
  text-decoration: none !important; 
  background-size: 100% 1px;
  color: #3941AC;
}

a.link-only::after,
div.link-only::after {
  content: '';
  background: url(/hc/theming_assets/01K184RRJQAWT8CS5H4G0EWC4F) center / contain no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 6px;
  vertical-align: middle;
  transition: transform 0.5s ease-in-out;
}

a.link-only:hover::after,
.blocks-item-link:hover div.link-only::after {
  transform: translateX(5px);
}

/*END Link Only*/
/*BEGIN important, note, tip, warning and important callouts on Article page*/

.callout{
  padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 1rem;
  border: 0.5px solid #200F0A40;
  margin-top: 0;
    background-color: #F9F5F2; 

}

.article-body .callout ul li,
.article-body .callout ol  li,
.article-body .callout p {
    font-size: 1rem;
}


.article-body .callout ul,
.article-body .callout ol,
.article-body .callout p {
  margin-bottom: 0.75rem;
}

.article-body div.callout,
.article-body div.important,
.article-body div.warning,
.article-body div.tip,
.article-body div.note {
    margin: 0 0 2rem 0;
}

.article-body div.callout p,
.article-body div.important p,
.article-body div.warning p,
.article-body div.tip p,
.article-body div.note p{
    font-size: 1rem;
}

.article-body div.callout p:not(:last-of-type),
.article-body div.important p:not(:last-of-type),
.article-body div.warning p:not(:last-of-type),
.article-body div.tip p:not(:last-of-type),
.article-body div.note p:not(:last-of-type){
  margin-bottom: 1rem;
}

.note {
  padding: 0.75rem 1rem;
    font-size: 1rem;
  }

.warning,
.important {
  padding: 0.75rem 1rem;
  margin: 0 0 2rem 0;
  font-size: 1rem;
  }

.warning {
    background-color: #F0D3D3;
    border-radius: 0.5rem; 
    border: 1px solid #D01C1F80;
}

.important {
    background-color: #F7E9E9;
    border-radius: 0.5rem; 
    border: 1px solid #D01C1F80;
}



div.warning p:last-child,
div.tip p:last-child,
div.important p:last-child,
div.note p:last-child,
div.callout p:last-child {
    margin-bottom: 0;
}

div.warning li:last-of-type,
div.tip li:last-of-type,
div.important li:last-of-type,
div.note li:last-of-type,
div.callout li:last-of-type {
    margin-bottom: 0;
}

div.tip > *:last-child,
div.warning > *:last-child,
div.important > *:last-child,
div.note > *:last-child,
div.callout > *:last-child {
    margin-bottom: 0;
}

.callout li {
  margin-bottom: 2px;
}


.tip {
  position: relative;
  padding-left: 3.5rem;
  padding-top: 0.25rem; /* small breathing room */
}

.tip::before {
  content: "";
  position: absolute;
  top: 3px;      
  left: 10px;
  width: 30px;
  height: 30px;
    background-image: url('/hc/theming_assets/01K9VPFEEBJ4KSQ3VWR2540VEH');
  background-repeat: no-repeat;
  background-size: contain;
}

/*END important, note, tip, warning and important callouts on Article page*/
/*BEGIN Zippy/Accordions in Article page*/
.accordion {
    margin: 1rem 0 2.5rem 0;
    padding-top: 0;
}

.accordion__item-title {
    position: relative;
    display: flex;
    width: 100%;
    font-size: 1.125rem;
  cursor: pointer;
    border: 0;
    touch-action: manipulation;
    margin: 0; 
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font-weight: 400;
  border-bottom: 1px solid #9DA5B4;
  transition: border-bottom 0s linear 0.4s;
}

.accordion__item-title::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/hc/theming_assets/01KB5EQXMS5RHXNMWQFYRC48H0') center / contain no-repeat;
  flex-shrink: 0;
}

.accordion__item-title--active::after {
  background: url('/hc/theming_assets/01KB5EQWTSENYYNFA23XG7R8FR') center / contain no-repeat;
}

/* Tooltip for accordions */
.accordion__item-title::before {
  content: attr(data-tooltip);
  position: absolute;
  width: 120px;
  bottom: 85%; 
  right: 0;
  margin-left: -60px;
  background-color: #796F6C;
  color: #F7FEFE;
  text-align: center;
  padding: 4px;
  border-radius: 8px;
  font-size: 0.9rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 10;
  pointer-events: none; 
}

.simple-zippy .accordion__item-title::before {
  bottom: 110%; 
  right: -1.75rem;
}

.accordion__item-title:hover::before {
  visibility: visible;
  opacity: 1;
}

.accordion__item-title--active {
  font-weight: 500;
}


.accordion__item-title.link-version {
      display: block;
}

.accordion__item-title.link-version a {
      display: flex;
  text-decoration: none;
  color: #1D0E09;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.accordion__item-title.link-version a:hover {
    text-decoration: underline;
}

.accordion__item-title.link-version::after {
    content: none;
}
.accordion__item-title.link-version a::after {
    content: '';
    background: url(/hc/theming_assets/01K1B9J29P0T095B2GFYEHXH2Z) center / contain no-repeat;
		width: 36px;
    height: 36px;
      margin-right: -4px;
    flex-shrink: 0;
    transition: all 300ms ease-in-out;
}
.accordion__item-title.link-version:hover a::after {
    margin-right: -12px;
}

.accordion__item:first-of-type .accordion__item-title {
  border-top: 1px solid #9DA5B4;
}

.accordion__item:last-of-type .accordion__item-title {
  border-bottom: 1px solid #9DA5B4;
}

[dir="ltr"] .accordion__item-title {
    padding: 1.75rem 0;
    text-align: left;
}

[dir="rtl"] .accordion__item-title {
    text-align: right;
}

.accordion__item-content {
    display: none;
    padding: 1.75rem 6rem 1.75rem 1.75rem;
    border: 1px solid #200F0A20;
  	background-color: #F9F5F2;
  	border-radius: 8px;
}

@media (max-width: 768px) {
  .accordion__item-content {
    padding-right: 1.75rem;
}
}


    .accordion__item-content > :first-child {
        margin-top: 0;
    }


.accordion--default .accordion__item-title--active,
.accordion--default .accordion__item:last-of-type .accordion__item-title--active {
    border-bottom: none;
}

    .accordion--default .accordion__item-title--active:before {
        transition: transform 0.3s;
    }



.accordion--colored .accordion__item-title {
    transition: background-color 0.3s;
}


    .accordion--colored .accordion__item-title:after {
        position: absolute;
        width: 2px;
        height: 10px;
        margin-top: -5px;
        content: "";
        background-color: var(--gray-light);
    }

.accordion--colored .accordion__item-title--active {
    color: #fff;
    background-color: rgba(246, 106, 10, 1);
    transition: background-color 0.3s;
}

    .accordion--colored .accordion__item-title--active:before {
        background-color: #fff;
    }

    .accordion--colored .accordion__item-title--active:after {
        display: none;
    }

[dir="ltr"] .accordion--colored .accordion__item-title:before {
    left: 20px;
}

[dir="ltr"] .accordion--colored .accordion__item-title:after {
    left: 24px;
}

[dir="rtl"] .accordion--colored .accordion__item-title:before {
    right: 20px;
}

[dir="rtl"] .accordion--colored .accordion__item-title:after {
    right: 24px;
}

.accordion__item-content h3{
    font-size: 1.375rem;
}

.accordion__item-content > *:last-child{
    margin-bottom: 0;
}

.accordion__item-content .callout,
.tabs .callout,
 .tabs .text-container,
.accordion__item-content .text-container {
    background-color: #fcfaf9;
}

.tabs .callout:has(+ .accordion) {
    margin-bottom: 1rem;
}

/*END Accordion/Zippy on Article page*/
/*BEGIN Simple Accordion/Zippy on Article page*/

.simple-zippy.accordion {
    border: none;

  font-size: 1rem;
    margin: 1rem 0 2rem 0;
	background-color: #858DF910;
  border: 0.3px solid #9198FA80;
  border-radius: 8px;
}

.simple-zippy .accordion__item-title {
  padding-top: 0; 
    display: flex;
  justify-content: space-between;
}

.simple-zippy .accordion__item-title::after {
  content: none; 
}


.simple-zippy.accordion.accordion--default .accordion__item:has(.accordion__item-title--active) {
    padding-bottom: 0;
}

.simple-zippy.accordion.accordion--default .accordion__item:last-child {
    padding-bottom: 0;
}

.simple-zippy.accordion.accordion--default .accordion__item-title:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.simple-zippy.accordion.accordion--default .accordion__item-title:after {
  content: "";  
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #200F0A;
  margin-bottom: 0.25rem;
  transition: transform 0.3s;
  background: none;
}


.simple-zippy.accordion.accordion--default .accordion__item-title--active:after  {
  top: 1rem;
  margin-bottom: -0.25rem;
}

[dir="ltr"] .simple-zippy.accordion.accordion--default .accordion__item-title:after {
  border-left: 1px solid #200F0A;
  left: 30px;
  transform: rotate(-45deg);
}

[dir="ltr"] .simple-zippy.accordion.accordion--default .accordion__item-title--active:after {
    transform: rotate(135deg);
}

[dir="rtl"] .simple-zippy.accordion.accordion--default .accordion__item-title:after {
  border-right: 1px solid #200F0A;
  right: 30px;
  transform: rotate(45deg);

}

[dir="rtl"] .simple-zippy.accordion.accordion--default .accordion__item-title--active:after {
    transform: rotate(-135deg);
}

li > div.simple-zippy.accordion {
    margin-left: -25px;
}

li > div.simple-zippy.accordion.accordion--default{
  	margin-bottom: 1rem;
}

.simple-zippy.accordion.accordion--default .accordion__item-title:not(.accordion__item-title--active) {
  	border-bottom: none;
}

.simple-zippy.accordion.accordion--default .accordion__item-title {
  color: #200F0A;
  gap: 1rem;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 1.25rem;
  padding-right: 1.75rem;
  padding-bottom: 1.25rem;
  padding-left: 1.75rem;
}
.simple-zippy .accordion__item:first-of-type .accordion__item-title {
  border: none;
}

.simple-zippy .accordion__item .accordion__item-content {
  margin: 0 0 0;
  padding: 0 1.75rem 1.25rem 1.75rem !important;
	background-color: transparent !important;
  border: none  !important;
}
.simple-zippy .accordion__item .accordion__item-content p {
  margin-bottom: 1rem;
}

.simple-zippy .accordion__item .accordion__item-content > *:last-child {
    margin-bottom: 0;
}

.simple-zippy.accordion.accordion--default .accordion__item:not(:first-child) .accordion__item-title {
    padding-top: 0.5rem;
}

.simple-zippy table tr:not(:first-of-type)  {
background-color: #FCFAF9;
}

/*END simple Accordion/Zippy on Article page*/
/*BEGIN Article Switcher/Tabs*/

.tabs {
  margin: 20px 0;
  background-color: #F9F5F2; 
	padding: 2.5rem 1.5rem;
  border-radius: 8px;
  border: 1px solid #200F0A; 
}

.article-body [id*='tabs'] {
  display: none;
}

.tabs .tabs-instructions {
  margin-bottom: 0.75em;
	font-family: 'Saans', 'DM Sans', sans-serif;
  font-style: italic;
  font-size: 1rem;
}

.tabs .tabs-buttons {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  padding: 0;
  margin-bottom: 0;

}

.tabs .tabs-buttons:not(:has(> li:nth-child(4))) {
    justify-content: flex-start;
		gap: 10%;
}

.accordion div[id^="tabs-"] {
  border:none;
    padding: 15px 0 0 0;
  }


.tabs .tabs-buttons li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs-buttons li a {
  text-decoration: none;
  padding: 10px 15px;
  display: block;
    font-family: 'Saans Mono', monospace; 
  font-size: 0.875rem;
text-transform: uppercase;
  color: #9DA5B5;
}

.tabs-buttons li *:first-of-type {
    margin-top: 0rem;
}


.tabs-buttons a:hover {
  text-decoration: none;

}

.tabs-buttons  li a.selected {
  border-bottom: 6px solid #858DF9; 
  color: #1D0E09;
}


.tabs .tabs-buttons::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #9DA5B4;
}

.tabs .tabs-heading {
	font-size: 1.6rem;
  margin-bottom: 1rem;
}

.tabs [id^="tabs"]:has(h2:first-child, h3:first-child, h4:first-child, h5:first-child) {
    padding-top: 0;
}


.tabs :is(h2, h3, h4, h5):first-child {
    margin-top: 0;
}

.tabs [id^="tabs"] {
  margin: 20px 0 0;
}

.accordion__item-content .tabs {
   padding: 0;
  border: none;
}
.tabs div[id^="tabs-"] p:last-child {
   margin-bottom: 0;
}

div[id^="tabs-"] + p,
 div[id^="tabs-"] + div:not(div[id^="tabs-"]){
   margin-top: 2rem;
  margin-bottom: 0;
}



/*END of Article Switcher/Tabs*/
/*BEGIN Zippies within switchers (except simple zippies)*/

div[id^="tabs-"] > div:not(.simple-zippy).accordion:first-child,
div[id^="tabs-"] > h2.invisible-header + div:not(.simple-zippy).accordion {
    border-top: none;
}

div[id^="tabs-"] > div:not(.simple-zippy).accordion:last-child {
    margin-bottom: -5px;
}


div[id^="tabs-"]:has(div.accordion:first-child:not(.simple-zippy)) {
  border: none;
  margin: 0;
}


div[id^="tabs-"] > div:not(.simple-zippy).accordion:has(+ *){
    margin-bottom: 2rem;
}

.tabs .accordion {
  margin: 0;
}

div[id^="tabs-"] > div:not(.simple-zippy).accordion:first-child .accordion__item:first-of-type .accordion__item-title,
div[id^="tabs-"] >  .invisible-header + div:not(.simple-zippy).accordion .accordion__item .accordion__item-title{
  border-top: none;
}

div[id^="tabs-"]:has(> div:not(.simple-zippy).accordion:first-child),
div[id^="tabs-"]:has(> .invisible-header + div:not(.simple-zippy).accordion){
  margin-top: 0;
}

.tabs .accordion:not(.simple-zippy) .accordion__item .accordion__item-content {
   padding: 1rem 3rem 2rem 0;
  border: none;
  border-bottom: 1px solid #9DA5B4;
  border-radius: 0;
}
@media (max-width: 768px) {
  .tabs .accordion:not(.simple-zippy) .accordion__item .accordion__item-content {
   padding-right: 0;
}
 }
/*END Zippies within switchers*/
/*BEGIN page divider*/

.split-container {
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  height: auto;
  flex-wrap: wrap;
  margin: 15px 0;

}

.split {
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 20px;
  margin-top: 0 !important;
  width: 32%;
  box-sizing: border-box; /* to include padding in the width calculation */
}

.divider-between {
  border-right: 1px solid lightgray;
  align-self: stretch;

}

.split ol ul{
  padding-left: 20px;
}

@media (max-width: 725px) {
  .article-body .split-container {
    flex-direction: column;
  }

  .article-body .split {
    width: 100%;
  }

  .article-body .divider-between {
    border-right: none;
    border-bottom: 2px solid lightgray;
        width: 80%;
    margin: 0;
  }
}

/*END of page divider*/
/* BEGIN page divider with four columns evenly distributed*/

.split-four {
  -webkit-column-count: 4;
  -moz-column-count: 4;   
  column-count: 4;  
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;    
  column-gap: 20px;      
  
  padding: 10px 20px;
  box-sizing: border-box; 
  margin: 15px 0;
}
@media (max-width: 1024px) {
.split-four {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

	.split-four p,
  .split-four li {
 margin-bottom: 3px;
}
/* END page divider with four columns evenly distributed*/

.important-icon {
    display: inline-block;
    background: url(/hc/theming_assets/01K1B9J6VJ3RHCC6ZBPCWH9001);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: left center;
    min-height: 20px;
  	max-height: 30px; /* ADDED BY SORIN */
}
 /* ADDED BY SORIN */
.popup-contents {
  padding-right: 30px;
  padding-left: 10px;
}

.article-body table.image-table tr:first-child td {
    color: inherit;
    font-weight: 400;
    background-color: transparent;
    width: 100%;
    height: auto;
}

.article-body table.image-table tr td, .article-body table.image-table tr th {
    border: none;
    height: auto;
    text-align: inherit;
}
/* =========================================================
   NON-VIMEO INLINE VIDEO WRAPPERS
   Example: YouTube iframe stays inline
   ========================================================= */

.videoWrapper:not(.isVimeo) {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin: 0 0 2rem 0;
}

.videoWrapper:not(.isVimeo) > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #200F0A60;
  border-radius: 17px;
}
 /*BEGIN print rendering*/
 .print-url, .print-cover-page, .video-link, .video-print-link {
    display: none;
}

@media print {

	@page {
		size: A4;
}
  
  main{
		padding-top: 0;
    }
  

	.article-content {
		width: 100%;
    }
  
  .article {
    margin: 25pt 40pt;
  }

    img {
        max-height: 187.5pt;
        width: auto;
    }

		header.article-header {   
			margin-top: 0;
			border-top: none;
  }

    h1 {   
        font-size: 24pt;	
      	margin-top: 1cm;
    }

    h2, h2.accordion__item-title {
        font-size: 18pt !important; 
        margin-top: 24pt !important; 
            font-weight: 300;

        margin-bottom: 10pt !important; 
    }
    h3, h3.accordion__item-title {
        font-size: 16pt;
      font-weight: 300;
        margin: 22.5pt 0 7.5pt !important; 
    }
  
    h4, h4.accordion__item-title, h5, h5.accordion__item-title {
        font-size: 12pt;
        margin: 13.5pt 0 7.5pt !important; 
    }
  
  	h2 + h3, h3 + h4, h4 + h5 {
        margin-top: 16pt !important; 
    }
  
   p, ul, ol {
        font-size: 12pt;
        margin-bottom: 16pt !important; 
    }
  
  p.important, p.callout, p.note, p.tip, p.warning,  .important p, .callout p, .note p, .tip p, .warning p {
        font-size: 10pt;
    }
  

  
  	.article-sidebar, #preview-bar-container, .header, .footer, .comment-section, .sidebar, .article-votes, .breadcrumbs, .wrapper-AtBcr, .expand-all, .sub-nav, .toc-wrapper, .toc-wrapper-inner, a#back_to_top, #launcher, .collapsible-sidebar, .popup-message, #navbar-container, span.expand-all,   .container.pt-4, .sub-nav.d-flex.mb-0, #after-header, .article-sidebar.d-sm-flex.d-md-none, .internal-label, #print-article, #banner-container, .header-wrapper, #sidebar, .copy-button, .help-modal, #related-articles-wrap, #ada-entry{   
        display: none !important;
    }
  
  .text-container {
        padding-top: 10px !important;
    }
  

    div video,
    div iframe {
        display: none;
    }
  
  .article-container, body, main, .main-content-wrapper, .article-container {
        background: none !important;
    }
  
  body, .article, .article-content, p:not(.callout, .warning, .important), h1, h2, h3, h4, h5, span, ul, ol, .accordion__item-content {
        color: #1D0E09 !important;
        background-color: #ffffff !important;
    }
  
 div.important p, div.callout p, div.warning p {
        background-color: unset !important;
    }
  
   div.important p:last-child, div.callout p:last-child, div.warning p:last-child {
        margin-bottom: unset !important;
    }
  
  
  .article-container, body, main, .main-content-wrapper {
        background: #ffffff !important; /* Use white instead of none */
        -webkit-print-color-adjust: exact !important; /* Forces the browser to respect your print styles */
        print-color-adjust: exact !important;
    }
  

    /* remove the video */
  .vimeo-poster-shell {
    display: none !important;
  }

  /* show the generated link */
  .video-print-link,
  .video-link{
    display: block  !important;
    font-size: 12pt;
    word-break: break-all;
    margin: 10pt 0;
    padding: 10pt 15pt;
    border: 0.5px solid rgba(217, 223, 224, .5);
    border-radius: 10px;
  }
  
    div.videoWrapper {
      height: 100%;
      width: 100%;
      padding: 0;
      margin-bottom: 1rem;
    }

  .tabs {
			margin-bottom: 24pt;
    background: transparent;
    border: none;
    padding: 0;
    
  }
  .tabs [id^="tabs"], .article-body [id*='tabs'] {
        display: block !important;
      	border: none !important;
      	padding: 0;
      	margin-bottom: 0;
    }
  
  
  
    .tabs-buttons, .tabs-buttons a, .tabs-buttons a .print-url, .tabs .tabs-instructions {
        display: none !important;
    }

    .accordion, .accordion__item-content {
        border: none !important;
    }
  .simple-zippy.accordion .accordion__item-content,
  .accordion__item-content {
        display: block ;
        padding: 0 !important;
    }
  
  .simple-zippy.accordion{
       background-color: #FFFFFF;
    padding: 0;
    }
  
    .accordion__item-content p:first-child {
        margin-top: 0;
        border: none;
    }
        .accordion__item-title {
        display: block;
        width: auto;
        cursor: auto;
        background-color: transparent;
        background-image: none;
        border: none !important;
        margin: inherit;
        font-weight: inherit;
        padding: inherit !important;
    }
    .accordion__item-title:before, .accordion__item-title:after {
        display: none;
    }
  
  div[id^="tabs-"] > .accordion {
  	margin-left: 0;
    margin-right: 0;
}
  
  body table tr td {
        padding: 0.5rem;
    }


    .print-url {
        display: block;
    }


.print-cover-page {
    position: relative;
    width: 210mm;
    height: 297mm;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    page-break-after: always; /* For older browsers */
    break-after: page;       /* Modern standard */
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    background-image: url('https://s3.eu-west-1.amazonaws.com/sharex.it.dashlane.com/Macros/Import/dashlane_article_front_page.svg');
    background-size: cover;
    background-position: center top; /* important: match where the art expects 0,0 */
    background-repeat: no-repeat;
      -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
  
  /* Put content inside a safe inset instead of margin hacks */
  .print-cover-page .top-items {
    margin: 0 !important;
    padding: 40mm 10mm 0 10mm;  /* adjust these to match the artwork */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .print-cover-page .bottom-items {
    margin: 0 !important;
    padding: 0 10mm 22mm 10mm;  /* moves QR/date UP (increase bottom padding to move up) */
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }

  /* remove the old shared margin-left rule */
  .top-items, .bottom-items { margin-left: 0 !important; }

  .header-grid {
    grid-template-columns: 1fr;
}
  .top-items {
    margin-top: 4cm;
    flex-direction: column;
}
  
    .print-cover-page #coverLogo {
        width: 150pt;
        margin-top: 3.75cm;
        padding-left: 2pt;
      margin-bottom: 4pt;
    }


.print-cover-page h1 {
    font-size: 16pt;
    margin: 0;
    padding: 5pt 10pt 0 0;
  background-color: transparent: !important;
}


    .print-cover-page #qrcode {
        padding-left: 0;
        margin: 0;
    }

    .print-cover-page #copyrightInfo {
        font-size: 10pt;
        margin: 0;
      padding-right: 1cm;
    }

  .container {
    border: none;
    max-width: none !important;
    margin: 0 auto;
    }
  


  h2, h3, h4, h5 {
    break-after: avoid;
    page-break-after: avoid;
  }

  /* Keep the heading with the first visible chunk of the next block */
  h2 + .accordion > .accordion__item:first-child,
  h3 + .accordion > .accordion__item:first-child {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Let the accordion itself break normally */
  .accordion, .accordion__item-content {
    break-inside: auto;
    page-break-inside: auto;
  }
  
  .link-only{
    text-decoration: underline !important;
    
  }
  
    .link-only::after{
    display: none !important;
    
  }
    .print-cover-page h1,
  .print-cover-page #copyrightInfo,
  .print-cover-page .top-items,
  .print-cover-page .bottom-items,
  .print-cover-page p,
  .print-cover-page span {
    background: transparent !important;
  }

  .important,
  .callout,
  .tip,
  .note,
  .warning {
    break-inside: avoid !important;
    page-break-inside: avoid !important; /* legacy */
  }

  /* If your markup is sometimes <p class="important">...</p> etc. */
  p.important,
  p.callout,
  p.tip,
  p.note,
  p.warning {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  /* Optional: if these often appear inside wrappers, keep the wrapper too */
  .important > *,
  .callout > *,
  .tip > *,
  .note > *,
  .warning > * {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

/*END Adjusted content for printing articles*/

.new-request-container {
      display: none;
    }

/*Copy button for HTML code*/
.code-container {
    position: relative;
    width: 100%; 
		padding-right: 20px;
      	margin-bottom: 0.5rem;
    	margin-top: 0.5rem;
}

.copy-button {
    position: absolute;
    right: 40px;
    top: 8px;
    cursor: pointer;
    padding: 10px 20px;
    border: none;
    background-color: #9198FA;
    color: #1d0e09;
    border-radius: 4px;
    font-weight: 800;
    z-index: 10;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem
}

.copy-button:hover {
    background-color: #858DF933;
}

.text-container {
    padding: 64px 10px 10px 10px;
    border-radius: 4px; 
    box-sizing: border-box; 
		background-color: #F9F5F2;
      border: 0.5px solid #200F0A40;
    	margin-bottom: 0.5rem;
    	margin-top: 0.5rem;
}

.text-container pre {
  margin: 0 !important;
  white-space: pre-wrap; /* Wrap long deployment scripts */
  max-height: 300px;
  overflow-y: auto;
}

.text-container {
  padding: 64px 15px 15px 15px; /* Top padding for the absolute button */
  background-color: #F9F5F2;
  border: 1px solid #200F0A40;
  border-radius: 4px;
  position: relative;
}

.text-container textarea {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-x: auto; 
    margin: 0; 
      height: 300px;
    overflow-y: auto; 
        	margin-bottom: 0.5rem;
    	margin-top: 0.5rem;
}
/*END Copy button for HTML code*/
/*Float an image right*/

.float-container {
  display: grid;
	grid-template-columns: 66% 33%;
  gap: 2rem; 
  align-items: start; 
	margin: 0 2rem 0 0; 
}

.float-container.fifty-fifty { /*Addendum if you want split screen 50-50*/
  	grid-template-columns: 50% 50%;

}

.float-right,
.article-body div.float-container img.small-portrait {
  width: 100%;
  height: auto;
}


.next-to-float-right {
width: 100%;
}

@media (max-width: 768px) {
  .float-container,
  .float-container.fifty-fifty {
    grid-template-columns: 1fr; 
    margin: 0 1rem 0 0;
    gap: 0;
  }


  .float-right {
    width: 100%; 
    max-width: 100%; 
    height: auto;
  }
  
.article-body div.float-container img.small-portrait {
        width: 70%; 
   margin-bottom: 1rem;
  }
  
  .float-container.fifty-fifty > div {
    width: 100%; 
    max-width: 100%; 
    height: auto;
}
}
/*END Float an image right*/

/* Highlighting search bar or nav from link on Get help page */

.highlighted-searchlink {
  box-shadow: 0px 0px 0px 6px #FDB5AF;
}

.highlighted-searchlink::placeholder {
  color: #034854; 
  font-weight: 500; 
}

ul li.sidebar-section.highlighted-searchlink {
    background-color: transparent;  
    border-top: 6px solid #FDB5AF;
    border-bottom: 6px solid #FDB5AF;
  box-shadow: none;
  margin-bottom: -6px;
}

ul li.sidebar-section.highlighted-searchlink:first-of-type {
   border-left: 6px solid #FDB5AF; 
  padding-left: 6px;
  margin-left: -6px;
}

ul li.sidebar-section.highlighted-searchlink:last-of-type {
   border-right: 6px solid #FDB5AF; 
}

@media (max-width: 990px){
  ul li.sidebar-section.highlighted-searchlink,
  ul li.sidebar-section.highlighted-searchlink:first-of-type,
  ul li.sidebar-section.highlighted-searchlink:last-of-type {
		border: none;    
  }
    ul:has(li.sidebar-section.highlighted-searchlink) {
   border: 6px solid #FDB5AF; 
  }
}

/* END Highlighting search bar or nav from link on Get help page */

/* Link titles for hub articles */

.title-link-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    gap: 28px;
  	margin: 3rem 0;
}

a.title-link {
  display: flex;
  	font-size: 1.1rem;
    color: #200F0A; 
    padding: 5px 20px;
    align-items: center; 
    justify-content: center;
    width: calc(47.5%); 
    text-align: center;
    border: 1px solid #200F0A; 
    transition: background-color 0.3s;
    text-decoration: none;
  min-height: 75px;
  border-radius: 8px;

}

a.title-link:hover {
      color: #200F0A; 
    background-color: #858DF933; 
    text-decoration: none; 

}

@media (max-width: 600px) {
   a.title-link  {
        width: 90%; 
     flex-direction: vertical;
    }
  .title-link-container {
    column-gap:0;
  }
}
/* END Link titles for hub articles */


/*Hide a broken part of contact form*/
.select.optional.request_ticket_form_id:has(#request_issue_type_select) {
  display: none;
  }

.article-relatives {
  display: none;
}

div#article-relatives-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.75rem;
  margin-top: 0.75rem;
}

#articles-in-section:not(:has(ul li:not(.see-more))) {
  display: none;
}

/*CSS for Youtube videos on Admin and Getting started Category page*/
.responsive-iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 10px;
    border: 1px solid #200F0A60;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*End of responsive iframe*/
/* BEGIN tables*/
table {
      border-collapse: collapse;
    border-spacing: 0;
}
.table {
    width: 100%;
    table-layout: fixed;
  
}

@media (min-width:768px) {
    .table {
        table-layout: auto;
    }
}

.table th, .table th a {
    color: #2F3941;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
}

[dir=rtl] .table th, [dir=rtl] .table th a {
    text-align: right;
}

.table tr {
    display: block;
    padding: 20px 0;
  
}

@media (min-width:768px) {
    .table tr {
        display: table-row;
    }
}

.table td {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.3);

}

@media (min-width:768px) {
    .table td {
        display: table-cell;
    }
}

@media (min-width:1024px) {
    .table td, .table th {
        padding: 20px 30px;
    }
}

@media (min-width:768px) {
    .table td, .table th {
        padding: 10px 20px;
        height: 60px;
    }
}

table p {
    margin: 0.625rem 0;
}

.article-body table {
    width: 100% !important;
    padding: 0.93rem;
    font-size: 1rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}


.article-body table p,
.article-body table li {
    font-size: 1rem;

}

    .article-body table tr td {
        padding: 1.5rem;
            border: 1px solid #200F0A40;

    }

.help-modal__content table tr td{
        padding: 1rem;
            border: 1px solid #200F0A40;

    }

.article-body table:not(.gridjs-table) tr:first-child td,
.hc-modal-content tr:first-child td {
        background-color: #E4E4F9;
			text-align: center;
      font-weight: 700;
}


table.dataTable#example tbody td {
      padding: 1.5rem;
}


.article-body table.dataTable#example ol,
.article-body table.dataTable#example ul,
.article-body table.dataTable#example ol li:last-of-type,
.article-body table.dataTable#example ul li:last-of-type {
  margin-bottom: 0;
}

/*END Table*/

/*Pro plan table*/
.professional-plan-table {
  width: 100%;
}

.article-body .professional-plan-table tr:first-child td {
  background-color: #200F0A !important;
	color: #FCFAF9 !important;
}
/* 2px white line between the 4th and 5th columns in the header */
.professional-plan-table tr:first-child td:nth-child(3) {
  border-right: 2px solid white !important;
}

/* 2px black line between the 4th and 5th columns in body rows */
.professional-plan-table td:nth-child(3) {
  border-right: 2px solid black !important;
}

/* Even rows are completely white */
.professional-plan-table tr:nth-child(even) {
  background-color: transparent !important;
}

/* Odd rows except for the first row:
   - First 4 columns: rgba(209, 232, 236, 0.6)
   - Last 2 columns: rgba(241, 244, 246, 0.3)
*/
.professional-plan-table tr:nth-child(odd):not(:first-child) td:nth-child(-n+3) {
  background-color:#E7E8FE !important;
}

.professional-plan-table tr:nth-child(odd):not(:first-child) td:nth-child(n+4) {
  background-color: #F9F5F2 !important;
}
.professional-plan-table td:nth-child(1) {
  width: 25%;
}

.professional-plan-table td:nth-child(n+2):nth-child(-n+6) {
  width: 15%;
}


/* Transparent table for special scenarios */
.transparent-table {
    width: 100%; /* Optional: Set the table to full width */
    border-collapse: collapse; /* Ensures no double borders */
}

.transparent-table th,
.transparent-table td {
    background-color: rgba(255, 255, 255, 0) !important; /* Makes the cell background transparent */
    border: none; /* Removes borders if desired */
    padding: 10px; /* Optional: Add padding for better spacing */
}

button.button-v2 {
    position: fixed !important;
    right: 24px;
    bottom: 24px;
}

@media (max-width: 767px) {
  .article-container:before,
  .article-container:after {
  content: none !important;
  }
  .article-container:before {
    left: 0; /* Align to the left edge */
  }
  .article-container:after {
    right: 0; /* Align to the right edge */
  }
    .article-container{
  padding-top: 0;
}
}


img, video, iframe {
  max-width: 100%;
  height: auto;
}

/* ===================== Filter row (chips + search) ===================== */
.vf-wrap{
  display:grid;
  grid-template-columns:minmax(320px,1fr) minmax(260px,2fr);
  gap:36px 72px;
  align-items:start;
  margin-bottom:36px;
  padding:24px;
  border:1px solid #A69F9D80;
  border-radius:8px;
  background-color: #F7F0EB;
}
.article-body {
  /* This creates the context for the query to work */
  container-type: inline-size; 
  /* Optional: give it a name to be specific */
  container-name: my-wrapper; 
}
@container (max-width:700px){ .vf-wrap{ grid-template-columns:1fr; } }
.vf-wrap > *{ min-width:0; }

/* Search */
.search-label{ display:block; font-weight:300; font-size: 1.25rem; margin-bottom:6px; }
#video-text-search{ width:100%; box-sizing:border-box; border-radius:6px; padding:10px 12px; border:1px solid #ddd; background:#fff; font-size:14px; }
@media (max-width:860px){ .search-label{ margin-top:4px; } }

/* ===================== Responsive video grid ===================== */
.imported-videos{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  gap:18px;
  align-items:stretch;
  grid-auto-rows:1fr;
}
/* Center a single card and cap its width */
.imported-videos:has(.video-card:first-child:nth-last-child(1)){ justify-items:center; }
.imported-videos:has(.video-card:first-child:nth-last-child(1)) .video-card{ max-width:560px; }

/* ===================== Video Card ===================== */
.video-card{
  display:flex; flex-direction:column;
  width:100%; height:100%; overflow:hidden; flex-shrink:0;
  border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,.04);
  background-color:#F7F0EB; border:1px solid #200F0A20; color:#200F0A;
  padding:10px; box-sizing:border-box;

  /* default audience vars, overridden by data-audience palettes */
  --aud-accent:#e5e7eb; --aud-bg:#ffffff; --aud-text:#111827;
}

.video-thumbnail{
  position:relative; aspect-ratio:16 / 9; background:#f5f5f5;
  display:flex; align-items:center; justify-content:center;
  border-radius:8px; overflow:hidden; cursor:pointer; flex:0 0 auto;
}

.video-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

.video-card-actions-left,
.video-card-actions-right {
    margin-top: auto;

}

.download-video-btn {
display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  cursor: pointer;
transform: translateY(0.25rem);
}

.download-video-btn:hover,
.download-video-btn:focus-visible {
  background: rgba(32, 15, 10, 0.08);
  outline: none;
}

.download-video-btn svg {
  width: 1.125rem;
  height: 1.125rem;
  fill: currentColor;
  display: block;
}

.download-video-btn.is-loading {
  opacity: 0.6;
  cursor: progress;
}

.download-video-btn[disabled] {
  cursor: default;
}
/* =========================================================
   EMBEDDED ARTICLE VIMEO VIDEOS ONLY
   ========================================================= */

/* =========================================================
   EMBEDDED ARTICLE VIMEO VIDEOS ONLY
   ========================================================= */

/* Fallback shell BEFORE JS enhancement */
.videoWrapper.isVimeo {
  position: relative;
  display: block;
  width: 60%;
  height: auto;
  aspect-ratio: 16 / 9;
  background-color: #200F0A;
  border-radius: 0.5rem;
  padding: 0;
  margin: 0 0 2rem 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .videoWrapper.isVimeo {
    width: 100%;
  }
}
.videoWrapper.isVimeo > p,
.videoWrapper.isVimeo .vimeo-wysiwyg-only {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
}

.videoWrapper.isVimeo.vimeo-enhanced > *:not(.vimeo-poster):not(.vimeo-wysiwyg-only):not(.video-print-link) {
  display: none !important;
  visibility: hidden !important;
}

.videoWrapper.isVimeo.vimeo-enhanced iframe,
.videoWrapper.isVimeo.vimeo-enhanced embed,
.videoWrapper.isVimeo.vimeo-enhanced object,
.videoWrapper.isVimeo.vimeo-enhanced video,
.videoWrapper.isVimeo.vimeo-enhanced a[href*="vimeo.com"],
.videoWrapper.isVimeo.vimeo-enhanced [src*="vimeo.com"],
.videoWrapper.isVimeo.vimeo-enhanced [data-vimeo-initialized],
.videoWrapper.isVimeo.vimeo-enhanced .fluid-width-video-wrapper {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.videoWrapper.isVimeo .vimeo-poster {
  position: relative;
  z-index: 5;
  width: 100%;
  display: block;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
}

.videoWrapper.isVimeo .vimeo-poster-shell {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #200F0A;
  overflow: hidden;
  border-radius: 0.5rem;
}

.videoWrapper.isVimeo .vimeo-poster-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 180ms ease;
}

.videoWrapper.isVimeo .vimeo-poster.is-ready .vimeo-poster-img {
  opacity: 1;
}

.videoWrapper.isVimeo .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12%;
  height: 12%;
  min-width: 3rem;
  min-height: 3rem;
  background: rgba(32, 15, 10, 0.4);
  color: #E9E7E6;
  font-size: 1.5rem;
  line-height: 1;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
  transition: opacity 180ms ease;
}

.videoWrapper.isVimeo .vimeo-poster.is-ready .play-button {
  opacity: 1;
}

.videoWrapper.isVimeo .vimeo-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -1.125rem;
  margin-left: -1.125rem;
  border: 3px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  border-radius: 50%;
  z-index: 3;
  animation: vimeo-spin 0.8s linear infinite;
}

.videoWrapper.isVimeo .vimeo-poster.is-ready .vimeo-spinner,
.videoWrapper.isVimeo .vimeo-poster.is-missing .vimeo-spinner {
  display: none;
}

.videoWrapper.isVimeo .vimeo-missing-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  background: rgba(32, 15, 10, 0.55);
  color: #E9E7E6;
  font: inherit;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  z-index: 3;
}

.videoWrapper.isVimeo .vimeo-poster.is-missing .vimeo-missing-label {
  display: block;
}

.videoWrapper.isVimeo .vimeo-poster.is-missing .play-button {
  opacity: 0;
}

.videoWrapper.isVimeo .vimeo-poster.is-missing {
  cursor: default;
}

@keyframes vimeo-spin {
  to { transform: rotate(360deg); }
}
/* =========================================================
   MAIN VIDEO PAGE GALLERY ONLY
   ========================================================= */

.video-thumbnail {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #200F0A; /* placeholder background for gallery cards */
}

.video-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* gallery play button: fully separate from embedded article videos */
.video-thumbnail .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12%;
  height: 12%;
  min-width: 3rem;
  min-height: 3rem;
  background: rgba(32, 15, 10, 0.4);
  color: #E9E7E6;
  font-size: 1.5rem;
  line-height: 1;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
}

/* optional gallery placeholder skeleton/thumb background */
.video-card.skeleton .thumb,
.video-thumbnail.is-placeholder {
  background-color: #200F0A;
}


/* ===================== Meta (PILL → H3 → P → LINK) ===================== */
.video-card .video-meta{
  display:flex; flex-direction:column;
  flex:1; margin:20px 8px 8px; color:#200F0A;
}

/* Pills/chips for videos, articles and search */
.video-card .video-meta > .audience-pill,
.ds-chip,
.audience-pill {
  align-self:flex-start;
  display: flex;
  align-items: center;
  line-height:normal;
  padding:4px 8px;
  margin-bottom: 1rem;
  border-radius:2px;
  background:var(--aud-bg); color:var(--aud-text); border:1px solid var(--aud-accent);
  font-family: 'Saans Mono', monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  width: fit-content;
}

.article-header .audience-pill {
  margin-bottom: 0;
}

.ds-chip { 
  display:inline-flex;
  gap: 8px;
  border-radius:4px; 
  border:1px solid #200F0A40;
  font-weight:500; 
  text-decoration:none; 
  color:#200F0A80;
  background:#F9F5F2; 
  transition:box-shadow .15s ease, transform .05s ease, background .15s ease, color .15s ease;
  text-decoration: none !important;
}

.ds-chiplist{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }

.ds-chip.is-active {
    background:var(--aud-bg); color:var(--aud-text); border:1px solid var(--aud-accent);
 }

 .ds-chip.is-active .ds-chip__label {
    background:var(--aud-bg); color:var(--aud-text);
 }

.ds-chip__count{ font-variant-numeric:tabular-nums; font-size:12px; opacity:.8; }
.ds-chip.is-active {
    pointer-events: none;
    cursor: default;
  }
.search-results .ds-chip{
    margin-bottom: 0;
  }
/* horizontal chip rail: one line, scrollable */
.ds-rail { margin-bottom: 1.75rem; }
.ds-rail__list{ display:flex; gap:8px; flex-wrap:nowrap; margin:0; padding:0; list-style:none; }
.ds-rail__item{ flex:0 0 auto; }
p.kb-scope-hint{ font-size: 1rem; margin-bottom: 1.75rem; }

/* article page logic */
.audience-pill:not(.default) ~ .audience-pill.default {
  display: none;
}

/* Make audience labels appear side by side */
.audience-pill-container {
  display: flex;
  flex-wrap: wrap;   /* allow wrapping on narrow screens */
  gap: 8px;          /* space between labels */
  align-items: center;
  margin-bottom:1rem;
}

/* Ensure each pill behaves like a compact inline element */
.audience-pill {
  display: inline-flex;
  align-items: center;
}

/* Override any global .dc .badge rules that make pills full-width */
.audience-pill.dc.badge {
  width: auto;
  display: inline-flex;
}

/* H3 */
.video-card .video-meta > h3{
  margin:0 0 20px;
  font-size:1.25rem; line-height:1.2;
  display:-webkit-box; /*-webkit-line-clamp:2;  */ -webkit-box-orient:vertical; overflow:hidden;
}

/* P */
.video-card .video-meta > p{
  margin:0 0 20px;
  font-size:1rem; line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

/* LINK (CTA) */
.video-card .video-meta > .link-only{
  margin-top:auto;
  margin-right: auto;
  font-size:1rem; line-height:1.2; text-decoration:none;
}

/* Card palettes (override PILL vars via data attribute) */
.video-card[data-audience="end-user"],
.audience-pill.default,
 .ds-chip.is-active[data-all-pill] {
  --aud-accent:#3941AC;
  --aud-bg:#F3F4FE;
  --aud-text:#3941AC; }
.video-card[data-audience="b2b"],
.audience-pill.b2b-all-customers {
  --aud-accent:#263E86;
  --aud-bg:#D9DDEC;
  --aud-text:#263E86; }
.video-card[data-audience="admin"],
.audience-pill.b2b-admin,
 .ds-chip.is-active[data-admin-pill],
 .ds-chip.is-active[data-admin-pill] .ds-chip__label {
  --aud-accent:#1B5A56;
  --aud-bg:#F7FEFE;
  --aud-text:#1B5A56; }
.audience-pill.internal,
 .ds-chip.is-active[data-kb-pill]{
  --aud-accent:#251007;
  --aud-bg:#D3CFCE;
  --aud-text:#251007; }
.audience-pill.b2c-customers {
  --aud-accent:#644D41;
  --aud-bg:#FCFAF9;
  --aud-text:#644D41; }
.audience-pill.security-white-paper {
  --aud-accent:#2A5049;
  --aud-bg:#F1F5F4;
  --aud-text:#2A5049; }

/* ===================== Skeletons ===================== */
.video-card.skeleton{ background:#f5f5f5; animation:pulse 1.2s infinite; }
.video-card.skeleton .thumb,
.video-card.skeleton .line{ background:#e0e0e0; margin:8px; border-radius:4px; }
.video-card.skeleton .thumb{ aspect-ratio:16/9; }
.video-card.skeleton .line{ height:14px; width:80%; }
.video-card.skeleton .line.short{ width:40%; }
@keyframes pulse{ 0%{opacity:1} 50%{opacity:.6} 100%{opacity:1} }

/* ===================== Modal ===================== */
.video-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.video-wrapper {
  width: min(90vw, 1180px);
  aspect-ratio: 16/9;
  background: #200F0A;
  border-radius: 8px;
  overflow: hidden;
  transition: opacity .25s ease;
  position: relative; /* KEY FIX */
}

.video-modal-close {
  position: absolute;
  background: transparent;
  border: none;
  top: 10px;
  right: 12px;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  user-select: none;
  text-shadow: 0 0 8px rgba(0,0,0,0.7);
}

.video-modal iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* ===================== Pagination ===================== */
.pagination{ display:flex; flex-wrap:wrap; gap:4px; align-items:center; justify-content:center; margin:48px 0 24px; }
.pagination button{ border:1px solid #200F0A; background:#FCFAF9; border-radius:6px; padding:6px 8px; cursor:pointer; min-width:28px; }
.pagination button[disabled]{ display: none; cursor:not-allowed; }
.pagination .is-active{ background:#200F0A; color:#FCFAF9; border-color:#200F0A; }

/* ===================== Responsive embed helper ===================== */
.video-container{ position:relative; width:100%; padding-bottom:56.25%; height:0; overflow:hidden; }
.video-container iframe{ position:absolute; inset:0; width:100%; height:100%; }

  
/* Visually hidden, but accessible */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* ===================== FILTER CHECKBOX ===================== */
.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin: 6px 0;
  font-size: 14px;
  position: relative;
}

/* Hide the browser’s default checkbox */
.custom-checkbox input {
  display: none;
}

/* Default = unchecked (circle/empty box) */
.custom-checkbox .icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-block;
  background: url(/hc/theming_assets/01K9VPFEPFAGDG9E7RE9CPSJ38) center/contain no-repeat;
  margin-right: 8px;
}
.custom-checkbox:hover .icon {
    background: url(/hc/theming_assets/01K9VPFFCDWAGSBZ9FC0314V1J) center/contain no-repeat;

}

/* When checked = show checkmark version */
.custom-checkbox input:checked + .icon,
.custom-checkbox input:checked ~ .icon {
  background: url(/hc/theming_assets/01K9VPFBDH466J02959KA0921C) center/contain no-repeat;
}

  .custom-checkbox:hover input:checked + .icon,
.custom-checkbox:hover input:checked ~ .icon {
  background: url(/hc/theming_assets/01K9VPFFGSJS6RKGJYXQFNP27G) center/contain no-repeat;
}

.video-filter-subcontainer{
height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.video-filter-element:first-of-type {
	margin-bottom: 20px;
}

/* Start TEMP hiding description */
div.video-meta > p { display:none !important; }
div.video-meta > h3 { margin: 10px 0 }

/* END TEMP hiding description */
/* START Video share button styling */

.share-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
  z-index: 10; /* Above the image */
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0; /* Hidden by default */
  transition: opacity 0.2s, background 0.2s;
}

.video-thumbnail:hover .share-btn,
.share-btn:focus {
  opacity: 1;
}

.share-btn:hover {
  background: rgba(0, 0, 0, 0.9);
}

.share-btn.copied {
  background: #858DF9; 
}

/* END video share button*/
/* START showcase header*/

.showcase-header {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #1D0E0960;
}
.showcase-header h1 {
  margin: 0 0 12px 0;
  font-size: 36px;
}
.showcase-actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.sc-btn.share {
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
    border: 1px solid #200F0A;
 background-color: #200F0A;
    color: #FAF7F6;
  font-weight: 800;
  transition: background 0.2s;
}

.sc-btn.share:hover {
    background-color: #D3CFCE;
    color: #1D0E09;
    border: 1px solid #858DF933;
}

.sc-btn.share.copied {
  background: #858DF9;
      color: #FAF7F6;
      border: 1px solid #858DF9;

}

.sc-btn.clear {
  line-height: 1;
  color: #3941AC;
  font-weight: 300;
}

.sc-btn.clear {
  display: inline-flex;
    cursor: pointer;
  align-items: center;
  gap: 8px;
  line-height: 1;
  text-decoration: none;
}

.sc-btn.clear::before {
  content: '';
  background: url(/hc/theming_assets/01K184RRJQAWT8CS5H4G0EWC4F) center / contain no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform 250ms ease-in-out;
  transform: rotate(180deg);
}

.sc-btn.clear {
  background-image: linear-gradient(#3941AC, #3941AC);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.5s ease-in-out;
}

.sc-btn.clear:hover {
  background-size: 100% 1px;
}

.sc-btn.clear:hover::before {
  transition: transform 0.5s ease-in-out;
}

.sc-btn.clear:hover::before {
    transform: rotate(180deg) translateX(5px);
}

/* END Video library page */

/* Padding adjustments to images in lists --> putting here for viz 10/10/2024, can be reintegrated into rules above later on*/

.note {
  padding: 0 0.625rem  0 0.9375rem;
  }



.note p {
  margin-bottom: 1rem;
    font-size: 1rem;

  }


.note li {
    font-size: 1rem;

  }

/* END Padding adjustments to images in lists --> can be reintegrated into rules above later on*/

/*Temporary HC banner*/
#banner-container {
  background-color: #200F0A;
  position: fixed;
	top: 0;
  left: 0;
  right: 0;
  z-index: 10020; /* above header */
}


.banner-container-inner {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto 0 0; 
  min-height: 68px;   
    max-width: 1960px;

}

#temp-banner {
  position: relative;
  color: #FCFAF9;
  padding: 10px 0;
  text-align: center;
  box-shadow: none;
  width: 70%;
  margin: 0 auto;
}

#temp-banner a {
  color: #6FC3C2;
	

}

#temp-banner a::after {
  background: url(/hc/theming_assets/01K1B9J61M08CR66EK1GZRFJ3W);

}

#temp-banner.on {
  display: block;
}

#temp-banner.off {
  display: none;
}

div#banner-container:not(:has(#temp-banner.on)) {
  display: none !important;
}

#close-banner {
  position: absolute;
  top: 8px;
  right: 5%;
  background: transparent;
  border: none;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
 color: #6FC3C2;;
  z-index: 10;
}

#close-banner:hover {
  color: #56A9A8;
}


@media (min-width: 1960px) {
  #close-banner {
  margin-right: 5%;
  right: 0;
}

}

@media (max-width: 1180px) {

  #temp-banner {
  width: 85%;
}
}



@media (max-width: 960px) {
  #close-banner {
  margin-right: 0;
  right: 10px;
}
  
    
  #temp-banner {
  padding: 10px 5%;
  width: 100%;
}
}

/* Responsive font size */
@media (max-width: 768px) {
  #temp-banner {
    font-size: 0.75rem;
  }
}

/*END Temporary HC banner*/
img.chatbot-icon-inline {
  vertical-align: middle;
  border: 0px solid #FFFFFF;
  border-radius: 2px;
  margin: 0;
}

span.chatbot-icon-inline {
  display: inline-block;
  vertical-align: middle;
  width: 20px;  
  height: 20px; 
  background-image: url('/hc/theming_assets/01K9VPFBWD6H7JM4RMYDBBHYVE');
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
}

.categorizations-article table * {
  font-size: 0.7rem;
}


/* Filterable table for categorizations and release notes */
/* Hide the original WYSIWYG table/figure once grid exists */
figure.grid-source-table,
table.grid-source-table {
  display: none !important;
}

/* Optional: print the original table, not the grid */
@media print {
  figure.grid-source-table { display: block !important; }
  table.grid-source-table  { display: table !important; }
  #release-notes-grid-wrap { display: none !important; }
}


table#example {
  padding: 0;
  margin-top: 20px;
  } 
  
  .dataTables_length label #text {
  display: in-line;
  }
table#example th {
position: relative;
vertical-align: top;
}

table#example thead tr th.wider {
width: 21% !important;
}      

table#example th.select-filter select {
margin-top: 5px;
padding: 4px;
box-sizing: border-box;
}

table#example * {
background-color: transparent;
  
}
  
table#example tbody td {
color: #212D37;      
}
 
  
table#example select {
background-color: #FFFFFF;
}
  
  .article-body  table#example tr:first-child td {
  font-weight: 400;
  }
 
table#example tr,
table#example tr td {
height: 60px;
}

.article-body table#example tr td {
  vertical-align: top;
}

table#example * {
text-align: left;
}

table#example tbody td {
box-sizing: border-box;
overflow: hidden; 
position: relative;
}

table#example tbody td .cell-content {
max-height: 100%;
overflow: auto;
}


table#example thead th {
background-color: #E4E4F9;
border: 1px solid #200F0A40;

}


/*Release notes table*/
.dataTables_length {
  white-space: nowrap; /* Prevents wrapping */
  display: flex;
  align-items: center;
  gap: .3rem; /* Adds a small space between elements */
  margin-bottom: .8rem;
}

.article-body table#example.release-notes th:nth-child(1),
.article-body table#example.release-notes td:nth-child(1) {
  width: 15%;
}

.article-body table#example.release-notes th:nth-child(2),
.article-body table#example.release-notes td:nth-child(2) {
  width: 20%;
}

.article-body table#example.release-notes th:nth-child(3),
.article-body table#example.release-notes td:nth-child(3) {
  width: 15%;
}

.article-body table#example.release-notes th:nth-child(4),
.article-body table#example.release-notes td:nth-child(4) {
  width: 50%;
}


@media (max-width: 768px) {
.dataTables_wrapper .dataTables_filter#example_filter {
  text-align: left;
  }
}

.article-body table#example.release-notes th {
  text-align: center;
  padding: 1.5rem;
  vertical-align: middle;
  }

.article-body table#example.release-notes tr td {
  padding: 1.5rem;
  }
.article-body table#example.release-notes tr td:last-of-type {
  text-align: left;
  }

/* =========================================================
   Grid.js → release notes and KB categorizations table styling
   ========================================================= */

#release-notes-grid-wrap .gridjs-thead .gridjs-th {
  background-color: #E4E4F9 !important;
  border: 1px solid #200F0A40 !important;
  color: #212D37 !important;

  text-align: center !important;
  padding: 1.5rem !important;
  vertical-align: middle !important;
  font-weight: 700 !important;
}




#release-notes-grid-wrap .gridjs-thead .gridjs-th:nth-child(4) {
  text-align: left !important;
}

#release-notes-grid-wrap .gridjs-td {
  border: 1px solid #200F0A40 !important;
  padding: 1rem !important;
  color: #212D37 !important;
  vertical-align: top;
}

#release-notes-grid-wrap .gridjs-td:nth-child(4) {
  text-align: left !important;
}


.article-body table.gridjs-table {
  width: 100% !important;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.article-body .gridjs-table th,
.article-body .gridjs-table td {
  border: 1px solid #200F0A40;
  padding: 1rem;
  vertical-align: top;
}

.article-body .gridjs-table thead th {
  background-color: #E4E4F9;
  text-align: center;
  font-weight: 700;
}

.article-body .gridjs-table,
.article-body .gridjs-table thead,
.article-body .gridjs-table tbody,
.article-body .gridjs-table tr,
.article-body .gridjs-table th,
.article-body .gridjs-table td {
  box-shadow: none;
}

.article-body .gridjs-table p,
.article-body .gridjs-table li,
.article-body .gridjs-table span,
.article-body .gridjs-table div {
  font-size: 1rem;
}

.article-body .gridjs-table tbody tr:hover td {
  background-color: #858DF91A;
}

.article-body .gridjs-table .gridjs-th,
.article-body .gridjs-table .gridjs-td {
  border: 1px solid #200F0A40 !important;
  padding: 1rem !important;
}

.gridjs-pagination {
  display: flex;
  justify-content: space-between;
  color: #1D0E09 !important;
}


.gridjs-pagination::after {
  display: none!important;
}

.article-body .gridjs-search input,
.article-body .gridjs-pagination .gridjs-pages button,
.article-body .gridjs-pagination .gridjs-summary,
.article-body .gridjs-footer {
  font-family: inherit;
  color: #1D0E09 !important;
}

input.gridjs-input{
  border:  1px solid #200F0A40 !important;
  padding: 4px 8px !important;
}

.gridjs-tbody, td.gridjs-td, .gridjs-footer {
    background-color: transparent !important;
}

.gridjs-wrapper {
    box-shadow: none !important;
    border: none !important;
  border-radius: 0 !important;
  
}

.gridjs-footer{
    box-shadow: none !important;
    border: 1px solid #200F0A40 !important;
  border-top: none !important;
  border-radius: 0 0 4px 4px !important;
  
}
.gridjs-pagination .gridjs-pages button {
  background-color: #F9F5F2 !important;
  border-color: #200F0A40!important;
  
}

.gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] {
  color: #200F0A60!important;
}

.gridjs-search-label {
  font-weight: 700; 
}

.gridjs-search {
  float: right !important; 
  border-radius: 4px!important; 
}

.article-body .gridjs-table td > *:first-child,
.article-body .gridjs-table td span > *:first-child {
  margin-top:0;
}

.article-body .gridjs-table td > *:last-child,
.article-body .gridjs-table td span > *:last-child {
  margin-bottom:0;
}

.rn-toolbar {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 12px 0;
}

.rn-toolbar__left {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 240px;
}

.rn-toolbar__right {
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
}

.rn-select {
  width: 240px;
  max-width: 100%;
}

.rn-search {
  width: 320px;
  max-width: 45vw;
}

/* ✅ Loading state: show skeleton, hide grid */
#release-notes-grid-wrap.is-loading #release-notes-grid {
  display: none;
}
#release-notes-grid-wrap.is-loading .rn-grid-skeleton {
  display: block;
}

#release-notes-grid-wrap:not(.is-loading) #release-notes-grid {
  display: block;
}
#release-notes-grid-wrap:not(.is-loading) .rn-grid-skeleton {
  display: none;
}

.gridjs-th.gridjs-resizable {
    display: none;
}

th.gridjs-th {
    color: #1d0e09 !important;
}

.article-id-360014075119 th.gridjs-th:nth-child(4) {
    width: 40%;
    min-width: 40%; 
}

.article-id-17915674271634 th.gridjs-th:nth-child(6),
.article-id-17915674271634 th.gridjs-th:nth-child(5) {
    width: 20%;
    min-width: 20%; 
}
.article-id-17915674271634 #main-content-wrapper {
    max-width: 100% !important;
}

/* Hide ONLY the WYSIWYG/source table while Grid loads and after Grid succeeds */
html.gridjs-loading .article-id-17915674271634 .article-body table#example,
html.gridjs-ready   .article-id-17915674271634 .article-body table#example,
html.gridjs-loading .article-id-360014075119 .article-body table#example,
html.gridjs-ready   .article-id-360014075119 .article-body table#example {
  display: none !important;
}

/* Vimeo specs */
.article-body .videoWrapper:not(.isVimeo) iframe {
  border: 1px solid #200F0A60;
  border-radius: 17px;
}


/* Button corners on hover */
.btn-corners {
  position: relative; 
  box-sizing: border-box;
}

.corner {
  position: absolute;
  width: 7px; 
  height: 7px;
  border-color: #200F0A; 
  border-style: solid;
  border-width: 0.5px; 
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.btn-corners:hover .corner,
.btn-corners:focus-visible .corner {
  opacity: 1;
}

.corner-tl {
  top: -4px;
  left: -4px;
  border-right-width: 0;
  border-bottom-width: 0; 
}

.corner-tr {
  top: -4px;
  right: -4px;
  border-left-width: 0;
  border-bottom-width: 0;
}

.corner-bl {
  bottom: -4px;
  left: -4px;
  border-top-width: 0;
  border-right-width: 0;
}

.corner-br {
  bottom: -4px;
  right: -4px;
  border-top-width: 0;
  border-left-width: 0;
}


.btn-corners-extra .corner-tl {
  top: -5px;
  left: -5px;
}

.btn-corners-extra .corner-tr {
  top: -5px;
  right: -5px;
}

.btn-corners-extra .corner-bl {
  bottom: -5px;
  left: -5px;
}

.btn-corners-extra .corner-br {
  bottom: -5px;
  right: -5px;
}
/* END Button corners on hover */

#published-date,
#updated-date{
font-weight: 400;
font-size: 14px;
line-height: 110.00000000000001%;
vertical-align: middle;
text-transform: uppercase;
padding: 0 0 32px 0;
color: #200F0A;
      font-family: 'Saans Mono', monospace; 

  }


/* --- Images/callouts in list --- */
  
  p:has(img),
figure:has(img) {
		        display: flex;
        align-items: flex-start;
        gap: 5px;
        max-width: 100%;
    }

	.article-body li p.callout,
	.article-body li p.note,
	.article-body li p.warning,
	.article-body li p.important,
	.article-body li p.tip {
    display: block;
  }

 .article-body li p img,
.article-body li figure img{
    display: block;
  }

/* --- Improved responsive design for tables on small screens --- */


table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}

table th,
table td {
  padding: 0.75em;
  text-align: left;
  border: 1px solid #ddd;
}

.wysiwyg-text-align-center{
  text-align: center !important;
}


table th {
  background-color: #f2f2f2;
}

@container (max-width: 700px) {
  table:not(.table-exception),
  figure.wysiwyg-table table:not(.table-exception) {
    border: 0;
    width: 100%;
  }

  table:not(.table-exception) thead {
    display: none;
  }

  table:not(.table-exception) tr {
    display: block;
    margin-bottom: 1em;
    border: 1px solid #D3CFCE;
  }

  body table:not(.table-exception) td {
    display: block;
    text-align: right;
    width: unset !important;
    text-wrap: wrap !important;
    border: none;
    border-bottom: 1px solid #200F0A40;
  }

  body table.gridjs-table:not(.table-exception) td.gridjs-td {
    border: none !important;
    border-bottom: 1px solid #200F0A40 !important;
  }

  body table.gridjs-table:not(.table-exception) tr td.gridjs-td:last-of-type {
    border-bottom: none !important;
  }

  body table:not(.table-exception) tr td {
    text-align: left !important;
  }

  table:not(.table-exception) td:last-child {
    border-bottom: 0;
  }

  table:not(.table-exception) td[data-label]::before {
    content: attr(data-label) ":";
    padding-right: 0.5em;
    float: left;
    font-weight: bold;
    text-align: left;
  }

  table:not(.table-exception):not(:has(th)) tr:first-child td {
    display: none;
  }

  table:not(.table-exception) tr td:first-child {
    background-color: #E4E4F9 !important;
  }

  table:not(.table-exception) tr:not(:has(th)),
  table:not(.table-exception) tr:not(:has(th)) td {
    height: unset !important;
  }

  .article-body table.professional-plan-table:not(.table-exception) tr td:first-child,
  .article-body table.professional-plan-table:not(.table-exception) tr:nth-child(odd):not(:first-child) td:first-child,
  .article-body table.professional-plan-table:not(.table-exception) tr td a {
    background-color: #200F0A !important;
    color: #FCFAF9 !important;
  }

  .professional-plan-table:not(.table-exception) tr:nth-child(odd):not(:first-child) td:nth-child(-n+3):not(:first-child),
  .professional-plan-table:not(.table-exception) tr:nth-child(odd):not(:first-child) td:nth-child(n+4):not(:first-child),
  .article-body table.professional-plan-table:not(.table-exception) tr td:not(:first-child) {
    background-color: #FCFAF9 !important;
  }

  .professional-plan-table:not(.table-exception) td:nth-child(3) {
    border-right: unset !important;
  }

  table:not(.table-exception):not(:has(th)) tr:first-of-type {
    border: none;
  }

  .article-body .gridjs-footer {
    border: none !important;
    margin-top: 0.5rem;
    padding: 0;
  }

  .gridjs-pagination {
    flex-direction: column;
    gap: 1rem;
  }

  .gridjs-pagination .gridjs-pages {
    display: flex;
    flex-direction: row;
    max-width: 100% !important;
  }

  .gridjs-pagination .gridjs-pages * {
    width: fit-content;
  }

  table:not(.table-exception) colgroup {
    display: none;
  }
}

figure:has(table) {
   margin: 0 !important;
   padding: 0 !important;
  margin-block-start:0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
	display: unset  !important;
}

/* --- END Improved responsive design for tables on small screens --- */

.main-category-container a,
.category-container a,
.section-content a {
    color: #1D0E09;
  }

/* Skeleton for section pages while loading */
#vue-skeleton-list.article-list.skeleton-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0;
  margin: 24px 0 0 0;
  list-style: none;
}

@media (min-width: 768px) {
  #vue-skeleton-list.article-list.skeleton-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #vue-skeleton-list.article-list.skeleton-list > li { width: auto; }
}

.skeleton-item { padding: 6px 0; }

@keyframes shimmer-pulse {
  0% { opacity: 0.4; }
  50% { opacity: 1; }
  100% { opacity: 0.4; }
}

.skeleton-line {
  display: block;
  height: 14px;
  width: 80%;
  background-color: #e5e5e5;
  border-radius: 4px;
  animation: shimmer-pulse 1.5s infinite linear;
}

.skeleton-section {
  margin-bottom: 64px;
}

.skeleton-section-title {
  width: 40%;
  height: 18px;
  margin-bottom: 32px;
  background-color: #e5e5e5;
  border-radius: 4px;
  animation: shimmer-pulse 1.5s infinite linear;
}

/* Skeleton for category pages while loading */
#cat-skeleton {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Base style for the skeleton card to match real .section-card dimensions */

.section-grid > .section-card.skeleton-card {
  background-image: none !important; 
  background-color: transparent;
  pointer-events: none;
  box-shadow: none;
  border-color: #E5E5E5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 48%;
  padding: 30px 40px;
}

.skeleton-shape {
  background: #f6f7f8;
  background-image: linear-gradient(
    to right, 
    #f6f7f8 0%, 
    #edeef1 20%, 
    #f6f7f8 40%, 
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 100%; 
  border-radius: 4px;
  animation: shimmer-pulse 1.5s infinite linear; 
}

.skeleton-title {
  width: 70%;    
  height: 28px;   
  margin-bottom: 8px; 
}

.skeleton-cta {
  width: 120px;  
  height: 20px; 
}

/* Optional: Match your mobile media query */
@media (max-width: 480px) {
   .skeleton-title { width: 90%; }
}
/* --- END Arrow image on category and section pages --- */
/*  --- START Modal when you click on an image ---  */
img[src*="/hc/article_attachments/"] {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

img[src*="/hc/article_attachments/"]:hover {
  opacity: 0.7;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
    align-items: center;
  justify-content: center;
}

.modal-content {
  display: block;
  max-width: 90%;
  max-height: 90vh; 
}

.modal .modal-content {
  cursor: default;
}

.modal .modal-content:hover {
  opacity: 1;
}

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.modal-content {
  animation-name: slideInFromTop;
  animation-duration: 0.6s;
}

@keyframes slideInFromTop {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/*  --- END Modal when you click on an image ---  */


/*  --- BEGIN Layout for new category pages ---  */
.cat-title {
  line-height: 1;
  margin: 0;
  font-size: 3rem;
}

.cat-desc{
  margin: 0;
  font-size: 18px;
}

@media (max-width: 768px) {
.cat-title {
  font-size: 2rem;
}
  
  .cat-desc{
  font-size: 1rem;
}
}

.category-page-decoration {
  height: 120px;
  border-radius: 4px;
  border: 0.5px solid #9DA5B550;
  background-image: url(/hc/theming_assets/01K9PYJWY0ZQ3C79FC3H47S6CR);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 1.5rem;
}


/* Layout */
.section-grid {
  display: grid;
grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 6rem;
  padding: 0;
  list-style: none;
}

.section-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  align-items: flex-start;
  border: 1px solid #200F0A20;
  border-radius: 4px;
  height: 260px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 85% auto;
  transition: box-shadow .5s ease-in-out, transform .5s ease-in-out;
}

/* Cycle 1..4, then repeat */
.section-grid > .section-card:nth-child(4n+1) {
  background-image: url(/hc/theming_assets/01KB2Y7SH45ZBDKHFBSZNMNVQX);
}
.section-grid > .section-card:nth-child(4n+2) {
  background-image: url(/hc/theming_assets/01KB2XGF542R9HTVC05SGTVGVZ);
}
.section-grid > .section-card:nth-child(4n+3) {
  background-image: url(/hc/theming_assets/01KB2Y7V2F620R6YKPK9P7QCJH);
}
.section-grid > .section-card:nth-child(4n+4) {
  background-image: url(/hc/theming_assets/01KB2Y7EWN0QMN5GQ1PD1FK9Q3);
}


a.section-card__link {
  text-decoration: none;
  color: inherit;
  height: 100%;
  width: 100%;
  padding: 30px 40px;
}

.section-card__title {
  margin: 0 0 8px 0;
  font-size: 1.5rem;
    color: #1D0E09;
    font-weight: 300;
  line-height: 1.25;
}


.section-card__cta {
  color: #3941AC;
  display: inline-block;
    font-size: 1rem;
  text-decoration: none;
  padding: 0 3px 4px 1px;
  background-image: linear-gradient(#3941AC, #3941AC);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.5s ease-in-out;
}


a:hover .section-card__cta  {
  text-decoration: none !important; 
  background-size: 100% 1px;
}


a .section-card__cta::after {
  content: '';
  background: url(/hc/theming_assets/01K184RRJQAWT8CS5H4G0EWC4F) center / contain no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 6px;
  vertical-align: middle;
  transition: transform 0.5s ease-in-out;
}

a:hover .section-card__cta::after {
  transform: translateX(5px);
}


/* Hover/focus states */
.section-card:hover,
.section-card:focus-within {
  box-shadow: 0 6px 18px rgba(57, 65, 172, 0.15); 
  transform: translateY(-1px);
  transition: box-shadow .2s ease, transform .2s ease;
}


/*  screens */
@media (max-width: 480px) {
  .section-card { min-height: 140px; }
  .section-card { background-size: 120px auto; }
}

/*  --- END Layout for new category pages ---  */
/* Hide author-only label on the live site */
.cb-dummy { display: none; }

/* Skeleton block */
.cb-skeleton {
  border-radius: 8px;
  height: 120px;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.06) 0%,
    rgba(0,0,0,0.10) 50%,
    rgba(0,0,0,0.06) 100%
  );
  background-size: 200% 100%;
  animation: cbShimmer 1.1s infinite linear;
}

@keyframes cbShimmer {
  0% { background-position: 0% 0; }
  100% { background-position: -200% 0; }
}

/* Optional: once loaded */
.cb-target.cb-loaded .cb-skeleton { display: none; }


/* =========================
   HELP MODAL
   - modal above everything
   - freeze background scroll
   - scroll only inside modal
   - fix number centering
   - avoid theme layout leakage without breaking flex/grid
   ========================= */

/* Freeze background when modal is open */
body.modal-open {
  overflow: hidden;
}

/* Full-viewport modal layer */
.help-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  /* Hide visually & from interaction by default */
  display: none;
  pointer-events: none;
  --overlay-opacity: 0.5;
}

/* When shown */
.help-modal[aria-hidden="false"] {
  display: block;
  pointer-events: auto;
}

/* Dim overlay */
.help-modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, var(--overlay-opacity));
  z-index: 2147483646;
}

:root {
  --help-modal-side-gap: 16px;
  --help-modal-bottom-gap: 16px;
}

/* default: content-sized modal */
.help-modal__content {
  position: fixed;
  top: calc(var(--fixed-top-h) + var(--sidebar-gap));
  max-height: calc(
    100dvh - var(--fixed-top-h) - var(--sidebar-gap) - var(--help-modal-bottom-gap)
  );
  left: 50%;
  transform: translateX(-50%);
  width: min(1080px, calc(100vw - (var(--help-modal-side-gap) * 2)));

  height: auto;
  min-height: 0;

  display: flex;
  flex-direction: column;
  background: #FCFAF9;
  border-radius: 8px;
  z-index: 2147483647;
  outline: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

/* let the body become the scroller only when needed */
.help-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  max-height: none;
  padding: 1.75rem;
  -webkit-overflow-scrolling: touch;
}

/* remove the forced empty space */
.hc-help-panel-content,
.help-modal__body {
  min-height: 0;
}

@media (max-height: 760px) {
  .help-modal__content {
    top: 8px;
    bottom: 8px;
    height: auto;
    max-height: none;
    width: calc(100vw - 16px);
  }

  .help-modal__body {
    padding: 1rem;
  }

  .help-modal__header {
    padding: 10px 12px;
  }

  .help-modal__title {
    font-size: 1.25rem;
  }
}

help-article-modal-preview .article-page main,
body.help-article-modal-preview main .article,
body.help-article-modal-preview main .article-container,
body.help-article-modal-preview main .breadcrumbs,
body.help-article-modal-preview main #sidebar {
  filter: blur(6px);
  opacity: 0.55;
  transition: filter 0.2s ease, opacity 0.2s ease;
  pointer-events: none;
  user-select: none;
}
/* Discreet sticky header bar */
.help-modal__header {
  position: sticky;
  top: 0;
  z-index: 3;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 12px 12px;
  border-bottom: 1px solid rgba(0,0,0,0.08);

  /* Slightly different background so it reads as a bar */
  background: #F9F5F2;
}

/* Title in header */
.help-modal__title {
  font-size: 1.75rem;
  font-weight: 300;
}

/* Close button in header */
.help-modal__close {
  flex: 0 0 auto;
  border: none;
  background: transparent;
  cursor: pointer;

  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 8px;

  font-size: 1.4rem;
}

/* Optional: hover affordance */
.help-modal__close:hover {
  background: rgba(0,0,0,0.06);
}

#helpModalTitle {
margin: 0.5rem 1rem;
}

/* ===== Scoped content styles (avoid theme weirdness without nuking display) ===== */
.help-modal__body .hc-modal-content,
.hc-modal-content {
  isolation: isolate;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

/* Stop the common "vertical text / odd wrapping" issues */
.hc-modal-content,
.hc-modal-content * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal;
}

/* Only reset problematic properties (DO NOT force display:block) */
.hc-modal-content * {
  float: none !important;
  max-width: 100%;
  min-width: 0;
  text-transform: none;
}

/* Lists should behave normally */
.hc-modal-content ol,
.hc-modal-content ul {
  padding-left: 1.25rem;
  list-style: unset;
}

.hc-modal-content ol.hc-help-steps {
  padding-left: 0; 
}

/* ===== Steps ===== */
.hc-help-steps {
  margin: 0 0 1rem;
  list-style: none;
}

.hc-step {
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 16px;
  align-items: start;
  margin: 20px 0;
  min-width: 0;
}

/* Number bubble — centered reliably */
.hc-step__num {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #DBDDFD;
  color: #200F0A;
  display: flex;            
  align-items: center;       
  justify-content: center;   
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1;          
  padding: 0;
  margin: 0;
}

/* Content column */
.hc-step__content {
  min-width: 0;
  word-break: break-word;
}

.hc-step__title {
  margin: 0 0 6px 0;
  font-weight: 300;
}

.hc-step__desc {
  margin: 0 0 8px 0;
  line-height: 1.5;
}

  .hc-modal-content a.link-only::after {
     margin-bottom: 3px;
}

/* Mobile */
@media (max-width: 600px) {
  .hc-step__num {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
  .hc-step {
  grid-template-columns: 36px 1fr;
  column-gap: 12px;
    }
.help-modal__title {
    font-size: 1.25rem;
    font-weight: 300;
}
  
 .hc-step__content p.hc-step__desc ,
 .hc-step__content .hc-step__desc li,
 .hc-step__content div,
 .hc-modal-content div p.hc-step__desc{
      font-size: 14px;
}
  
  .hc-step__title {
      font-size: 1.rem;

}
  
  
  

}

.hc-modal-content .important {
  margin: 0 0 2rem;

}

.help-modal__body .important:last-child {
  margin: 0;

}


.hc-help-steps .hc-step:first-child {
  margin-top: 0;
}

.hc-help-steps .hc-step:last-child {
  margin-bottom: 0;
}
.hc-modal-content .tip::before {
left: 5px;
    width: 36px;
    height: 36px;
}
.hc-modal-content .tip {
margin-bottom: 1.5rem;
}

/* Tabs container */
.hc-modal-tabs {
  display: block;
}

/* Tablist row */
.hc-modal-tabs__list {
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(0,0,0,0.06);
  margin-bottom: 1.5rem;
}

/* Tab buttons */
.hc-modal-tabs__tab {
  border: 0;
  background: transparent;
  padding: 10px 14px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 400;
}

/* Selected tab */
.hc-modal-tabs__tab[aria-selected="true"] {
  background: #FCFAF9;
  box-shadow: 0 1px 6px rgba(0,0,0,0.12);
}

/* Keyboard focus */
.hc-modal-tabs__tab:focus-visible {
  outline: 2px solid rgba(0,0,0,0.5);
  outline-offset: 2px;
}

/* Panels */
.hc-modal-tabs__panel[hidden] {
  display: none !important;
}

.help-modal[aria-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}

/* Source help articles: only hide article/show modal when preview mode is enabled */
html.help-source-article .article-sub-container {
    filter: blur(6px);
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}

/* Force modal shell to be visible from first paint only in preview mode */
html.help-source-article-preview .help-modal,
html.help-source-article-preview .help-modal[aria-hidden="true"] {
  display: block;
  visibility: visible;
  pointer-events: auto;
}

html.help-source-article-preview .help-modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

html.help-source-article-preview .help-modal__content {
  opacity: 1;
}

/* Once redirected away, normal pages are unaffected */
body.help-modal-redirecting #banner-container,
body.help-modal-redirecting .header-wrapper,
body.help-modal-redirecting main,
body.help-modal-redirecting .footer {
  opacity: 0;
}


body.help-article-modal-preview main .article,
body.help-article-modal-preview main .article-container {
  pointer-events: none;
}



.help-skeleton {
  display: grid;
  gap: 20px;
}

.help-skeleton__step {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  align-items: start;
}

.help-skeleton__circle,
.help-skeleton__line {
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.06) 0%,
    rgba(0,0,0,0.10) 50%,
    rgba(0,0,0,0.06) 100%
  );
  background-size: 200% 100%;
  animation: helpSkeletonShimmer 1.1s linear infinite;
  border-radius: 8px;
}

.help-skeleton__circle {
  width: 48px;
  height: 48px;
  border-radius: 999px;
}

.help-skeleton__content {
  display: grid;
  gap: 10px;
  padding-top: 6px;
}

.help-skeleton__line {
  height: 14px;
}

.help-skeleton__line--title {
  width: 42%;
  height: 18px;
}

.help-skeleton__line--w1 { width: 88%; }
.help-skeleton__line--w2 { width: 76%; }
.help-skeleton__line--w3 { width: 62%; }

@keyframes helpSkeletonShimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@media (max-width: 600px) {
  .help-skeleton__step {
    grid-template-columns: 36px 1fr;
    gap: 12px;
  }

  .help-skeleton__circle {
    width: 36px;
    height: 36px;
  }
}

/*overrides for figure images */

.article-body figure > img {
    margin-bottom: 1rem;
}

.article-body li figure > img {
    margin-bottom: 0;
}


/*INTERNAL NOTE */

.article-body .internal-note {
  display: none !important;
}

/*INTERNAL NOTE */