@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* open-sans-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans Light';
	font-style: normal;
	font-weight: 300;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.eot?#iefix')
			format('eot'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-300.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans Regular';
	font-style: normal;
	font-weight: 400;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-400.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans Medium';
	font-style: normal;
	font-weight: 500;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-500.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans SemiBold';
	font-style: normal;
	font-weight: 600;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/open-sans-600.svg#OpenSans')
			format('svg'); /* Legacy iOS */
}

/* jost-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost Light';
	font-style: normal;
	font-weight: 300;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-300.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost Regular';
	font-style: normal;
	font-weight: 400;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-400.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost Medium';
	font-style: normal;
	font-weight: 500;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-500.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Jost SemiBold';
	font-style: normal;
	font-weight: 600;
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.eot'); /* IE9 Compat Modes */
	src: url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.woff2')
			format('woff2'),
		/* Super Modern Browsers */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.woff') format('woff'),
		/* Modern Browsers */ url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('//support.soldo.com/theming/editor/6b7dcb79-a162-4452-b75c-e64a5be4c2ac/assets/jost-600.svg#Jost') format('svg'); /* Legacy iOS */
}

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

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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: inherit;
  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 *****/
* {
  box-sizing: border-box;
}

body {
  background-color: rgba(255, 255, 255, 1);
  color: #333333;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
}

@media (min-width: 1280px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:"Jost",sans-serif;
  font-weight: 300;
	margin: 0.67em 0;
  
}

h1 {
  font-size: 45px;
  line-height: 56px
  font-weight: 300;
}

h2, h3 {
  font-size: 25px;
	line-height: 30px;
}


h4 {
  font-size: 23px;
	line-height: 32px;
}

h5 {
	font-size: 16px;
	line-height: 23px;
}

h6 {
	font-size: 14px;
}

@media (min-width: 576px) {
  h2 {
    font-size: 30px;
		line-height: 38px;
  }
}

@media (min-width: 768px) {
  h2 {
    font-size: 45px;
		line-height: 56px;
  }
  
  h3 {
    font-size: 34px;
		line-height: 40px;
  }
}

a {
  color: #ff7d0a;
  text-decoration: none;
}

a:visited {
  color: #ff7d0a;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  color: #ff7d0a; 
}

input,
textarea {
  color: #000;
  font-size: 16px;
}

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
}

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

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

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

textarea:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

.container {
  max-width: 90%;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

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

ul {
  list-style: none;
  margin: 0;
  padding: 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, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: transparent;
  border: 1px solid rgba(11, 20, 18, 1);
  border-radius: 4px;
  color: rgba(11, 20, 18, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

@media (min-width: 768px) {
  .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
}

.button:visited, .split-button button:visited, .section-subscribe button:visited, .article-subscribe button:visited, .community-follow button:visited, .requests-table-toolbar .organization-subscribe button:visited, .subscriptions-subscribe button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited {
  color: rgba(11, 20, 18, 1);
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
  background-color: rgba(11, 20, 18, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: #000;
  border-color: #000;
}

.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled] {
  cursor: default;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: rgba(11, 20, 18, 1);
  border: 0;
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:visited, input[type="submit"]:visited {
  color: rgba(255, 255, 255, 1);
}

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

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #2f564d;
  border: 1px solid #87929D;
  background-color: transparent;
}

.button-secondary:visited {
  color: #2f564d;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(11, 20, 18, 1);
  border: 1px solid #87929D;
  background-color: #f7f7f7;
}

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

.split-button button {
  background-color: rgba(11, 20, 18, 1);
  border: 0;
  color: rgba(255, 255, 255, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(11, 20, 18, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(255, 255, 255, 1);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid rgba(255, 255, 255, 1);
  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;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #2f564d;
  font-size: 13px;
  text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1280px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** 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:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

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

.form-field input[type="text"]:focus {
  border: 1px solid rgba(11, 20, 18, 1);
}

.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 {
  border: 1px solid rgba(11, 20, 18, 1);
  text-decoration: none;
}

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

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(11, 20, 18, 1);
  text-decoration: none;
}

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

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

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

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

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

.form footer a {
  color: #2f564d;
  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: rgba(149, 20, 0, 1);
}

/***** Header *****/
.header {
  position: sticky;
  top:0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000;
  z-index:1000;
}

@media (min-width: 1160px) {
  .header {
    padding: 0 5rem;
    width: 100%;
    margin: 0;
    background: #000;
  }
}

.logo img {
  vertical-align: middle;
}

.logo span {
  margin: 0 10px;
  color: rgba(11, 20, 18, 1);
}

.logo a {
  display: inline-block;
}

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

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

.user-nav[aria-expanded="true"] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
  display: block;
  margin: 20px;
}

.user-nav[aria-expanded="true"] > .user-nav-list li {
  display: block;
}

.user-nav[aria-expanded="true"] > .user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}

.user-nav-list > li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

@media (min-width: 1280px) {
  .nav-wrapper-desktop {
    display: inline-block;
    margin-right: 10px;
  }
}

.nav-wrapper-desktop a {
  border: 0;
  color: #fff;
  display: none;
  font-size: 16px;
  width: auto;
  font-family: "Open Sans Regular",sans-serif;
  font-weight: 400;
  padding: 25px 12.5px;
}

@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}

[dir="rtl"] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}

.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: #e66b00;;
  text-decoration: none;
}

@media (min-width: 1280px) {
  .nav-wrapper-mobile {
    display: none;
  }
}

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}

.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  color: #fff;
}

.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .icon-menu {
  background: transparent;
}

.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #191919;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="false"] {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile[aria-expanded="true"] {
  display: block;
}

.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}

.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}

.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}

.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(11, 20, 18, 1);
  cursor: pointer;
  text-align: start;
}

.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}

.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #fff;
}

.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}

.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}

.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}

[dir="rtl"] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: #fff;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: #e66b00;
  background-color: transparent;
}

.user-info > button::after {
  color: rgba(11, 20, 18, 1);
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

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

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: rgba(11, 20, 18, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(255, 255, 255, 1);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}

.footer a {
  color: #2f564d;
}

.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}

.footer-legal {
  width: 100%;
  padding: 0 5%;
  margin: 0 auto;
  font-size: 11px;
  margin-top: 30px;
  display: block;
}

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

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #2f564d;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #ff7d0a;
  display: inline;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 7px;
}

.breadcrumbs li a:visited {
  color: #ff7d0a;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #87929D;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search:focus-within {
  border-color: rgba(11, 20, 18, 1);
}

.search input[type="search"],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}

.search-full input[type="search"],
.search-full .clear-button {
  border-color: #fff;
}

.search input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
  font-family: "Open Sans Regular",sans-serif;
  font-weight: 400;
  background: #fff;
}

.search input[type="search"]:focus {
  color: #1a1a1a;
  font-family: "Open Sans Regular",sans-serif;
  font-weight: 400;
  transition: all .2s ease;
  background: #f3f3f3;
  border:1px solid #000000;
}

.search input[type="search"]:hover {
  background: #f3f3f3;
  transition: all .2s ease;
}

.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: rgba(11, 20, 18, 1);
  color: #fff;
}

.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(11, 20, 18, 1);
}

.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-has-value input[type="search"]:focus {
  border-right-color: rgba(11, 20, 18, 1);
}

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

[dir="ltr"] .search .clear-button:focus {
  border-left-color: rgba(11, 20, 18, 1);
}

[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-has-value input[type="search"]:focus {
  border-left-color: rgba(11, 20, 18, 1);
}

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

[dir="rtl"] .search .clear-button:focus {
  border-right-color: rgba(11, 20, 18, 1);
}

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

[dir="rtl"] .search-icon {
  left: auto;
  right: 15px;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01J9K7CF0E3HNCV26H7PAGMGB0);
  background-position: center;
  background-size: cover;
  height: 500px;
  padding: 0;
  /*text-align: center;*/
  width: 100%;
  padding-bottom: 2rem;
}
   .featured-inner h2 {
      font-family:'Jost', sans-serif!important;
      font-size:40px!important;
      font-weight:600!important;
     margin-bottom:5px;
     line-height:45px;
}
@media (max-width: 475px) {
  .hero {
  	background-position: -275px;
    background-repeat: no-repeat;
    height: auto;
	}
  .container{
    max-width: 100%;
  }
  .blocks-item, .featured-inner {
    flex: 1 0 200px!important;
}
  .hero-inner h1.hero-intro{
    font-size:2.5rem!important;
    line-height:2.5rem!important;
  }
  .hero-inner h2.hero-sub-intro{
    font-size:1.5rem;
    line-height:2rem;
  }
  .hero-description{
    display:none;
  }
  .sub-nav .search-container {
    max-width: 100% !important;
}
}

.hero-inner {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  text-align:center;
  top:40px;
  padding-bottom:2rem;
}

.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;
    margin: 0;
  }
  .hero-inner {
  top: 40%;
  transform: translateY(-30%);
}

}

.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 {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1280px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

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

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

.sub-nav .breadcrumbs {
  margin: 0;
}

.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}

@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}

.sub-nav input[type="search"]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}

.blocks-item {
  border-radius: 8px;
  box-sizing: border-box;
  color: rgba(11, 20, 18, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  /*text-align: center;*/
  background-color:rgb(246,246,246);
  position: relative;
  transition:all 300ms ease-in-out;
  min-height:200px;
  align-items:flex-start;
  box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
  border:1px solid rgb(231,232,230);
}
.blocks-item a{
  height:100%;
}
.blocks-item:nth-child(1) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#440001,#c92500);
}
.blocks-item:nth-child(2) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#c92500,#ea6a00);
}
.blocks-item:nth-child(3) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#ea6a00,#febf00);
}

.blocks-item:nth-child(4) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#440001,#c92500);
}
.blocks-item:nth-child(5) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#c92500,#ea6a00);
}
.blocks-item:nth-child(6) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#ea6a00,#febf00);
}
.blocks-item:nth-child(6n + 1) .border-container {
  border-radius: 0 0 0.8rem 0.8rem;
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right,#440001,#c92500);
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #ffffff;
  transform: translateY(-4px);
  border:1px solid rgba(231,232,230,0.7);
  border-radius:8px;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: rgba(11, 20, 18, 1);
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: rgba(11, 20, 18, 1);
}

.blocks-item-link {
  color: rgba(11, 20, 18, 1);
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(11, 20, 18, 1);
  text-decoration: none;
}

.blocks-item-title {
  margin-bottom: 16px;
  font-size: 23px;
  font-family: 'Jost',sans-serif;
  font-weight: 500;
}

.blocks-item-description {
  margin: 0;
  font-family: "Open Sans",sans-serif;
  font-size:16px;
  line-height:23px;
  font-weight: 400;
}

.blocks-item-description:not(:empty) {
  font-family: "Open Sans",sans-serif;
  font-size:16px;
  line-height:23px;
  font-weight: 400;
}

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1280px) {
  .promoted-articles {
    flex-direction: row;
  }
}

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1280px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }
  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1280px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01HZMAVTDNDDPVS8DAHVPJR0Y5);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community a {
  color: #ff7d0a;
  text-decoration: none;
}

.community a:visited {
  color: #ff7d0a;
  text-decoration: none;
}

.community a:hover, .community a:active, .community a:focus {
  color: #ff7d0a;
  text-decoration: none;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
}

.recent-activity-item-meta {
  color: rgba(11, 20, 18, 1);
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir="rtl"] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-controls a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.recent-activity-controls a:visited {
  color: rgba(149, 20, 0, 1);
}

.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: rgba(255, 125, 10, 1);
}

.recent-activity-accessibility-label {
  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;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(11, 20, 18, 1);
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
}

@media (min-width: 1280px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 49%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.section-tree-title a {
  color: rgba(11, 20, 18, 1);
}

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

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
}

.article-list-item a {
  color: rgba(11, 20, 18, 1);
}

.icon-star {
  color: rgba(11, 20, 18, 1);
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-content {
  flex: 1;
}

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

.section-list {
  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: rgba(11, 20, 18, 1);
  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;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 1 auto;
}

@media (min-width: 1280px) {
  .article {
    flex: 1;
    max-width: 1280px;
    min-width: 640px;
    padding: 0 30px;
    border-left:1px solid #f4f4f4;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
  margin-top:2rem;
  margin-bottom:2rem;
}

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

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}

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

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

.article-author {
  margin-bottom: 10px;
}

@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;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: sans-serif;
}

.article-body a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.article-body a:visited {
  color: rgba(149, 20, 0, 1);
}

.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: rgba(255, 125, 10, 1);
}

.article-body img {
  height: auto;
  max-width: 100%;
}

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

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

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

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

.article-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #2f564d;
  font-style: italic;
  padding: 0 15px;
}

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

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

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

.article-comment-count {
  color: #2f564d;
}

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

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(11, 20, 18, 1);
  width: 18px;
  height: 18px;
}

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

@media (min-width: 1280px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
  }
}

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

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

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

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

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

.article-votes {
  padding: 30px 0;
  text-align: center;
}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-more-questions {
    margin: 20px 0 20px;
    text-align: center;
    background-color: rgb(246,246,246);
    border-radius: 4px;
    padding: 1rem;
}

.article-more-questions a {
  color: #ff7d0a;
  text-decoration: none;
}

.article-more-questions a:visited {
  color: #ff7d0a;
}

.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #ff7d0a;
}

.article-return-to-top {
  border-top: 1px solid #87929D;
}

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

.article-return-to-top a {
  color: rgba(11, 20, 18, 1);
  display: block;
  padding: 20px 0;
}

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

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

.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-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
  font-family: system-ui, sans-serif;
}

.sidenav-item {
  display: block;
  margin-bottom: 6px;
  line-height:23px;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: rgba(11, 20, 18, 1);
  left: 0;
  position: absolute;
  top: 5px;
}

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

[dir="rtl"] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #2f564d;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #2f564d;
}

.share a:hover {
  text-decoration: none;
  color: rgba(11, 20, 18, 1);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 500;
}

.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: #2f564d;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.comment-callout a:visited {
  color: rgba(149, 20, 0, 1);
}

.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: rgba(255, 125, 10, 1);
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: #2f564d;
  font-size: 13px;
}

[dir="rtl"] .comment-sorter {
  float: left;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid rgba(11, 20, 18, 1);
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

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

[dir="rtl"] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-meta {
  flex: 1 0 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1280px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: rgba(11, 20, 18, 1);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.comment-body a:visited {
  color: rgba(149, 20, 0, 1);
}

.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: rgba(255, 125, 10, 1);
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

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

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

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

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

.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #2f564d;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-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: #2f564d;
  display: block;
  margin: 3px 0;
}

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

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

.vote-up:hover,
.vote-down:hover {
  color: rgba(11, 20, 18, 1);
}

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

.vote-voted {
  color: rgba(11, 20, 18, 1);
}

.vote-voted:hover {
  color: #000;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01J9K7CF0E3HNCV26H7PAGMGB0);
  margin-bottom: 40px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: rgba(11, 20, 18, 1);
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"] {
  background-color: rgba(11, 20, 18, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"]:hover {
  background-color: #000;
  border-color: #000;
}

.community-follow button::after {
  border-left: 1px solid rgba(11, 20, 18, 1);
  content: attr(data-follower-count);
  color: rgba(11, 20, 18, 1);
  display: inline-block;
  font-family: 'Arial Black', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(11, 20, 18, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: rgba(11, 20, 18, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: rgba(149, 20, 0, 1);
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #2f564d;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(11, 20, 18, 1);
    display: block;
  }
}

/***** 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-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(11, 20, 18, 1);
}

.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: #2f564d;
}

.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;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1280px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

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

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

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .post-info {
  padding-right: 0;
  padding-left: 20px;
}

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

[dir="rtl"] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}

.post-body a {
  color: rgba(11, 20, 18, 1);
  text-decoration: underline;
}

.post-body a:visited {
  color: rgba(149, 20, 0, 1);
}

.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: rgba(255, 125, 10, 1);
}

.post-body img {
  height: auto;
  max-width: 100%;
}

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

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

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

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

.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #2f564d;
  font-style: italic;
  padding: 0 15px;
}

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

.post-comment-count {
  color: #2f564d;
}

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

.post-comment-count .icon-comments {
  color: rgba(11, 20, 18, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1280px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: center;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1280px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-flex;
  line-height: 18px;
  vertical-align: middle;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}

.community-badge-container-achievements {
  display: flex;
}

.community-badge-container-achievements > .community-badge-titles {
  margin-left: calc(28px - 0.5em);
}

[dir="rtl"] .community-badge-container-achievements > .community-badge-titles {
  margin-right: calc(28px - 0.5em);
}

.community-name-and-title-badges {
  display: flex;
  flex-wrap: wrap;
}

.community-badge {
  margin: 2px;
}

.community-badge-achievements {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}

.profile-info .community-badge-achievements {
  height: 40px;
  width: 40px;
}

.community-title-badges {
  flex-basis: 100%;
  margin-top: 15px;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge-achievements img {
  width: 100%;
  height: 100%;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

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

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(11, 20, 18, 1);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: rgba(11, 20, 18, 1);
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: rgba(11, 20, 18, 1);
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(11, 20, 18, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: rgba(11, 20, 18, 1);
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

@media (min-width: 1280px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
    background-color:initial;
    padding:0.3rem 1rem 1rem 1rem;
    border-radius:8px;
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 8px;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1280px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(11, 20, 18, 1);
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1280px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1280px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1280px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #2f564d;
  font-size: 13px;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #2f564d;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1280px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1280px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1280px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #2f564d;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid rgba(11, 20, 18, 1);
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(11, 20, 18, 1);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1280px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1280px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1280px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: #2f564d;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  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;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir="rtl"] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f7f7f7;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

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

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir="rtl"] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #2f564d;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1280px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1280px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1280px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(11, 20, 18, 1);
  border-radius: 4px;
  color: rgba(11, 20, 18, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1280px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #2f564d;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #2f564d;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir="rtl"] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f7f7f7;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 1);
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

[dir="rtl"] .profile-activity-icon {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir="rtl"] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1280px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1280px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

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

@media (min-width: 1280px) {
  .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: rgba(11, 20, 18, 1);
}

.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 {
  text-decoration: none;
}

.search-results-sidebar .sidenav-tag .content-tag .label {
  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: 1280px) {
  .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: rgba(11, 20, 18, 1);
}

.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: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  padding: 20px 20px;
    margin-bottom: 16px;
    border-radius: 8px;
    box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
    border:1px solid rgb(231,232,230);
}

.search-results-list > li:first-child {
  /*border-top: 1px solid #ddd;*/
}

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1280px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1280px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1280px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}

.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 {
  font-size: 16px;
  display: inline-block;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

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

.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(11, 20, 18, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

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

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

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

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

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

.search-result-breadcrumbs {
  margin: 0;
}

@media (min-width: 1280px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1280px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

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

/* 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: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

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

.notification-icon, .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: .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-menu {
  background: #fff;
  border: 1px solid #87929D;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  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[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}

.dropdown-menu [role="menuitem"] {
  color: #333;
  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%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
  border-radius:8px;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="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 {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][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;
}

/**** Custom Button Header *****/
.sign-in {
    background: #ff7d0a;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px !important;
    line-height: 12.5px !important;
    padding: 13px 25px !important;
    transition: transform 333ms ease-in-out,-webkit-transform 333ms ease-in-out;
    transform: translateY(0);
  	margin-left: 10px;
}

.sign-in:hover {
    background: #ff7d0a !important;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
  	transform: translateY(-5px);
}

.submit-a-request  {
    background: transparent;
    border: 1px solid #fff !important;
    color: #fff !important;
    border-radius: 2rem;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px !important;
    line-height: 12.5px !important;
    padding: 13px 25px !important;
    transition: transform 333ms ease-in-out,-webkit-transform 333ms ease-in-out;
    transform: translateY(0);
}

/*.submit-a-request:hover {
    background: transparent !important;
    border: 1px solid #ffff !important;
    color: #fff !important;
  	transform: translateY(-5px);*/
}

@media (max-width: 1280px) {
  .submit-a-request  {
  	background: #ff7d0a;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans Regular",sans-serif;
    font-size: 14px !important;
    line-height: 12.5px !important;
    padding: 13px 25px !important;
    transition: transform 333ms ease-in-out,-webkit-transform 333ms ease-in-out;
    transform: translateY(0);
    text-align: center;
  }
  .submit-a-request:hover {
    background: #ff7d0a !important;
    border: 1px solid #ff7d0a !important;
    color: #000 !important;
  	transform: translateY(-5px);
	}
  
  .submit-request {
    padding: 0 50px;
  }
}

/***** New Footer *****/
.footer-new {
    background: #e8e8ea;
    border-radius: 1rem 1rem 0 0;
    padding: 0;
    margin-top:1rem;
}

.border {
    width: 100%;
    height: 0.5rem;
    position: relative;
    bottom: 0;
    background: linear-gradient(to right,#000,#440001,#c92500,#ea6a00,#febf00,#c92500);
    border-radius: 1rem 1rem 0 0;
}

.footer-new .container {
  max-width: 1200px;
  padding: 60px 0 0;
  width: 96%;
}

@media (max-width: 576px) {
  .footer-new .container {
      padding: 46px 20px 0;
  }
}

.footer-menu-container {
    margin-bottom: 42px;
}

@media (max-width: 768px) {
  .footer-menu-container {
   display: none;
	}
}

.primary-footer-nav-title-container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    gap: 48px;
}

.primary-nav-footer-column-title {
    color: #262b30;
    flex-basis: 20%;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.primary-nav-footer-item-container {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

.primary-nav-footer-item {
    flex-basis: 20%;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.primary-nav-footer-item a {
  color: #262b30;
  font-family: "Open Sans Medium",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.primary-nav-footer-item a:hover {
  text-decoration: none;
  color: #ff7d0a;
}

.primary-nav-footer-column-title .single {
  display: block;
  color: #262b30;
  font-family: "Jost Medium",sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 24px;
}

/***Mobile Menu***/


.footer-menu-container-mobile {
  display: none;
}

@media (max-width: 768px) {
.footer-menu-container-mobile {
    display: block;
	}
}

.accordion-item-footer-title {
    color: #262b30;
    cursor: pointer;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
    padding: 8px 0 8px;
    position: relative;
    transition: .25s;
    transition: .25s;
    z-index: 1;
}

.accordion-item-footer-title:after {
    background-image: url(https://soldo.com/wp-content/themes/soldo/./assets/img/chevron-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    right: -8px;
    top: 8px;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    width: 12px;
}

.accordion-item-footer-content {
    box-sizing: content-box;
    font-size: 12.5px;
    padding: 0 8px;
    z-index: 2;
}

.footer-menu-container-mobile .accordion-item-footer-wrapper .accordion-item-footer .accordion-item-footer-content .primary-nav-footer-item-container {
  	margin: 12.5px 0;
}

.footer-menu-container-mobile .accordion-item-footer-wrapper .accordion-item-footer .no-content a {
    color: #262b30;
    font-family: "Jost Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
/*** End Mobile menu ***/

.logo-social {
  	margin: 0 auto;
  	display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
@media (max-width: 576px) {
  .logo-social {
    margin-top: 26px;
	}
}
@media (max-width: 768px) {
  .logo-social {
    padding-bottom: 15px;
	}
}
.footer-language-selector {
    flex: 4;
    margin-left: 0;
    margin-bottom: 0;
}

.dropdown-toggle {
  	background: transparent;
    border: 0;
    color: #262b30;
    font-family: "Open Sans Medium",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    padding-left: 0;
    padding-top: 5px;
  	display: flex;
    align-items: center;
    gap: 4px;
  	padding: 15px 15px 15px 0;
}
.dropdown-toggle:hover {
    color: #ff7d0a !important;
}

.dropdown-toggle:after {
    background-image: url(https://www.soldo.com/wp-content/themes/soldo/assets/img/chevrons/chevron-down-dark.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 0;
    content: "";
    display: inline-block;
    height: 1.2rem;
    position: absolute;
    right: -10px;
    transition: all 250ms ease-in-out;
    width: 12px;
}

.dropdown-toggle:focus::after {
    background-image: url(https://www.soldo.com/wp-content/themes/soldo/assets/img/chevrons/chevron-down-orange.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 0;
    content: "";
    display: inline-block;
    height: 1.2rem;
    position: absolute;
    right: -10px;

    transition: all 250ms ease-in-out;
    width: 12px;
}
.dropdown-toggle:active::after {
    background-image: url(https://www.soldo.com/wp-content/themes/soldo/assets/img/chevrons/chevron-down-orange.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 0;
    content: "";
    display: inline-block;
    height: 1.2rem;
    position: absolute;
    right: -10px;
    transition: all 250ms ease-in-out;
    width: 12px;
}
.dropdown-toggle.wpml-ls-native::focus {
  color:#e66b00;
}
.dropdown-toggle.wpml-ls-native::active {
  color:#e66b00;
}
.dropdown-menu {
  	background: #f6f6f6;
    border-radius: 8px;
    padding: 0;
    min-width:110px;
  	border: unset;
  	box-shadow: unset;
}

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

.other-languages {
  	padding: 13px 13px 13px 10px;
    border-bottom: 1px solid #e7e8e6;
}
.other-languages a {
  	display: flex !important;
    align-items: center;
  	gap: 4px;
}

.other-languages a:hover{
    background: #f6f6f6 !important;
    color: #ff7d0a !important;
}

.wpml-ls-native {
  color: #262b30;
}

.wpml-ls-native:hover {
  color: #ff7d0a;
}

/*** Social ***/

.social-icons {
    flex: 1;
    justify-content: flex-end;
    margin-right: 0;
  	align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 15px;
}

.social-icons a {
    display: block;
    margin-right: 15px;
}

/*** End Social ***/

/*** Secondary menu ***/
.secondary-footer-menu-container {
    display: flex;
    gap: 50px;
    padding: 25px 0;
    border-top: 1px solid #000;
    margin: 0 auto;
}

@media (max-width: 576px) {
  .footer-new .container .secondary-footer-menu-container {
      display: block;
      padding: 25px 0;
  }
}

.secondary-footer ul {
 		display: flex;
    gap: 25px;
    margin-top: 0;
}

@media (max-width: 576px) {
  .secondary-footer-menu-container .secondary-footer ul {
      gap: 8px 16px;
      flex-wrap: wrap;
  }
}

.secondary-nav-footer-item a {
    color: #262b30;
    font-family: "Open Sans Medium",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.secondary-nav-footer-item a:hover {
    color: #ff7d0a;
  	text-decoration: none;
}

/*** End Secondary Menu ***/

/*** Legal ***/
.legal-new {
    color: #262b30;
    font-family: "Open Sans Medium",sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    background: #e8e8ea;
    padding-bottom: 13px;
}

.legal-new .row {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 1200px;
}

@media (max-width: 576px) {
  .legal-new .row {
      width: 90%;
  }
}

.legal-new .row strong {
    color: #262b30;
    font-family: "Jost Medium",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    text-transform: uppercase;
}

/*** End Legal ***/

/*Custom*/
span[class=wysiwyg-color-pink120],
span[class=wysiwyg-color-pink130],
span[class=wysiwyg-color-pink140] { /* Zendesk color swatch css selector */
    color: rgb(51, 51, 51); /* Info panel font color */
    border-radius:4px; /* Info panel border radius */
    padding:16px; /* Info panel text padding */
    display: block; /* Display the span as a block element */
    min-height: 70px;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
}

span[class=wysiwyg-color-pink120] a, 
span[class=wysiwyg-color-pink130] a {
    color: rgb(75, 97, 195);
    text-decoration:underline;
}

span[class=wysiwyg-color-pink120] { /* Zendesk color swatch css selector */
    background: rgb(233, 242, 255); /* Info panel background color */
    /*border: solid 1px rgb(29, 122, 252); /* Info panel left border */
    /*border-left: solid 4px rgb(29, 122, 252); /* Info panel left border */
}

span[class=wysiwyg-color-pink130] { /* Zendesk color swatch css selector */
    background: rgb(255, 247, 214); /* Info panel background color */
   /* border: solid 1px #ff9100; /* Info panel left border */
   /* border-left: solid 4px #ff9100; /* Info panel left border */
}

span[class=wysiwyg-color-pink140] { /* Zendesk color swatch css selector */
    background: #fff; /* Info panel background color */
    /*border: solid 1px #000; /* Info panel left border */
    /*border-left: solid 4px #000; /* Info panel left border */
}
    

.article-body details {
    border: none;
  background-color:rgb(246,246,246);
    border-radius: 4px;
    padding:16px 12px 16px 16px; /* Info panel text padding */
    width: 100%;
    margin-top: 16px;
}
.article-body details[open] summary{
    margin-bottom:16px;
  border-bottom:1px solid #b6b7bc;
}  
.article-body details summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
  margin-top:8px;
  height:100px;
}

.article-body summary:focus-visible,
.article-body details:focus-visible {
    outline:none;
}
            
.article-body details summary::-webkit-details-marker {
    display: none;
}
            
.article-body details summary::after {
  content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 14.8333H14.8333V19.5001H12.5V14.8333H7.83334V12.5H12.5V7.83332H14.8333V12.5H19.5001V14.8333ZM13.6667 2C7.22668 2 2 7.22666 2 13.6667C2 20.1067 7.22668 25.3333 13.6667 25.3333C20.1067 25.3333 25.3333 20.1067 25.3333 13.6667C25.3333 7.22666 20.1067 2 13.6667 2Z' fill='black'/%3E%3C/svg%3E%0A");
    float: right;
}

.article-body details[open] summary::after {
  content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8334 15.1663H8.1667V12.833H19.8334V15.1663ZM14 2.33301C7.56004 2.33301 2.33337 7.55968 2.33337 13.9997C2.33337 20.4397 7.56004 25.6663 14 25.6663C20.44 25.6663 25.6667 20.4397 25.6667 13.9997C25.6667 7.55968 20.44 2.33301 14 2.33301Z' fill='black'/%3E%3C/svg%3E%0A");
}
.article-body details img {
    border-radius:5px;
    box-shadow: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
    display:block;
    margin:32px auto 32px auto;
}
.article-body img{
  display:block;
  margin:32px auto 32px auto;
  border-radius:5px;
}

.article-sidebar{
    margin-right: 24px;
    flex: 0 0 23%;
}
.sidenav-item.current-article {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-left:2px solid #FF7D0A;
  font-weight:500;
}
.sidenav-item.current-article:hover {
  text-decoration: none;
  border-radius:0px;
}
.sidenav-item {
    transition: background-color 0.3s ease; /* Add this line for transition effect */
}
.sidenav-item:hover {
    background-color: #ffffff; /* Define the hover background color */
    color:#FF7D0A;
    border-radius:8px;
}
.sidenav-item.h2-item, .sidenav-item.h1-item{
  font-weight: 600;
}
/*.sidenav-item.h3-item{
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 12.75px;
  font-weight: 400;
}*/
.sidenav-title {
    font-size: 16px;
    margin-bottom: 6px;
    position: relative;
}
.collapsible-sidebar{
    position:sticky;
    top:125px;
}
.collapsible-sidebar-body {
    margin-top:1.5rem;
}
.collapsible-sidebar-body a{
    font-size:13px;
}
.collapsible-sidebar-body li a {
    padding:8px 20px;
    color:#626262;
  font-weight:500;
}
.article-body iframe{
  display:block;
  margin:48px auto 48px auto;
  border-radius:5px;
}
#article-navigator{
  margin-bottom:64px;
}
@media (min-width: 1280px) {
    .article {
        flex: 1;
        max-width: 1280px;
      padding-left:4.5rem;
      padding-right:4.5rem;
    }
}

@media (max-width: 1280px) {
#article-navigator,
#article-navigator-title {
    display:none;
  }
  .article-body iframe{
    width:100%;
  }
}

.section-tree{
  flex-direction:row;
}
@media (min-width: 1280px) {
    .category-content,
     .section-content{
        flex: 0 0 75%;
       max-width:1024px;
       margin-left:auto;
       margin-right:auto;
    }
}
@media (max-width: 1024px) {
#section-sidebar-list,
aside#category-mod-navigation,
aside#section-mod-navigation{
    display:none;
  }
}
#section-page-header{
  flex-direction:column;
}
.section-tree .section details {
    box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
    border:1px solid #e7e8e6b3;
    background-color:rgb(246,246,246);
    border-radius: 8px;
    padding:16px 12px 16px 16px; /* Info panel text padding */
    width: 100%;
    margin-top: 24px;
  transition:all 300ms ease-in-out;
}
.section-tree .section details:hover .section-tree-title,
.section-tree .section details[open] .section-tree-title{
  color:#c61;
}
.section-tree .section details:hover{
transform:translateY(-4px);
background-color:#ffffff;
border:1px solid #e7e8e6b3;
}
.section-tree .section details[open]:hover{
transform:initial;
background-color:rgb(246,246,246);
border:1px solid initial;
}
.section-tree .section details[open] summary{
    margin-bottom:16px;
  border-bottom:1px solid #b6b7bc;
}  
.section-tree .section details[open] {
    border:1px solid #c61;
}  
.section-tree .section details summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-top: 8px;
    min-height: 60px;
    align-items: center;
}

.section-tree .section summary:focus-visible,
.section-tree .section details:focus-visible {
    outline:none;
}
            
.section-tree .section details summary::-webkit-details-marker {
    display: none;
}
            
.section-tree .section details summary::after {
  /*content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 14.8333H14.8333V19.5001H12.5V14.8333H7.83334V12.5H12.5V7.83332H14.8333V12.5H19.5001V14.8333ZM13.6667 2C7.22668 2 2 7.22666 2 13.6667C2 20.1067 7.22668 25.3333 13.6667 25.3333C20.1067 25.3333 25.3333 20.1067 25.3333 13.6667C25.3333 7.22666 20.1067 2 13.6667 2Z' fill='black'/%3E%3C/svg%3E%0A");*/
  content: url("data:image/svg+xml,%0A%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_484_20284)'%3E%3Cpath d='M16.896 1.35094L8.986 10L0.895995 1.1725L1.91631 0.238751L8.98506 7.95219L15.8754 0.417498L16.896 1.35094Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_484_20284'%3E%3Crect width='16' height='9.76125' fill='white' transform='translate(16.896 10) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    float: right;
  transition: transform 300ms ease-in-out;
}

.section-tree .section details[open] summary::after {
  /*content: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8334 15.1663H8.1667V12.833H19.8334V15.1663ZM14 2.33301C7.56004 2.33301 2.33337 7.55968 2.33337 13.9997C2.33337 20.4397 7.56004 25.6663 14 25.6663C20.44 25.6663 25.6667 20.4397 25.6667 13.9997C25.6667 7.55968 20.44 2.33301 14 2.33301Z' fill='black'/%3E%3C/svg%3E%0A");*/
  transform:rotate(180deg);
}
.section-tree .section{
  margin-bottom:0px;
}
.section-tree .section:last-child{
  margin-bottom:40px;
}

.category-content .page-header-description {
  font-style:normal;
  font-family:'Open Sans', sans-serif;
}

.section .article-list-item,
.section-content .article-list-item{
  padding:0px;
}

.section .article-list-item a,
.section-content .article-list-item a{
  display:block;
  width:100%;
  cursor:pointer;
  padding:10px 8px;
  margin-bottom:6px;
}

.section .article-list-item a:hover,
.section-content .article-list-item a:hover{
  background-color:#ffffff;
  border-radius:5px;
  color:#FF7D0A;
}
.section-content-wrapper{
  box-shadow: 0 .4rem .8rem rgba(0,0,0,0.1);
  border: 1px solid rgb(231,232,230);
  background-color:rgb(246,246,246);
  border-radius: 8px;
  padding-left:24px;
  padding-right:12px;
  padding-bottom:32px;
  margin-bottom:32px;
  height:auto;
}
.collapsible-sidebar-title.sidenav-title.modified a{
  color:#333;
}
.section-content ul.article-list{
  margin-top:32px;
}
.mod-navigator-back{
  width:28px;
  height:28px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23E8E8EA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3333 10.6667V13.3334H11.3333L13.6667 15.6667L12.0533 17.2801L6.77333 12.0001L12.0533 6.72006L13.6667 8.3334L11.3333 10.6667H17.3333Z' fill='%230B1412'/%3E%3C/svg%3E%0A");
  background-position:center;
  background-repeat:no-repeat;
  display:inline-flex;
  vertical-align:middle;
  margin-right:4px;
  margin-left:0px;
  margin-bottom:3px;
  cursor:pointer;
  transition: all 300ms ease-in-out;
  border:none;
  background-color:transparent;
}
@media (min-width:1024px){
  .mod-navigator-back{
    margin-left:-12px;
  }
    .mod-navigator-back:hover{
    transform:translateX(-4px);
  }
}

.mod-article-count{
  margin:6px 0;
  font-family:'Jost',sans-serif;
  font-size:14px;
  color:#000;
  background-color:#e8e8ea;
  border-radius:4px;
  padding:4px 6px 1px 6px;
  font-weight:400;
  text-align:center;
  display: inline-flex;
  line-height: 16px;
  vertical-align: middle;
  border:1px solid #e7e8e6b3;
  flex-shrink:0;
  align-self:flex-start;
}

.mod-article-count::before{
  margin-right:6px;
  content: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 8H10' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10H8' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.79375 13.5H3C2.86739 13.5 2.74022 13.4473 2.64645 13.3535C2.55268 13.2598 2.5 13.1326 2.5 13V3C2.5 2.86739 2.55268 2.74022 2.64645 2.64645C2.74022 2.55268 2.86739 2.5 3 2.5H13C13.1326 2.5 13.2598 2.55268 13.3535 2.64645C13.4473 2.74022 13.5 2.86739 13.5 3V9.79375C13.5003 9.8587 13.4877 9.923 13.463 9.98305C13.4383 10.0431 13.402 10.0978 13.3562 10.1438L10.1438 13.3562C10.0978 13.402 10.0431 13.4383 9.98305 13.463C9.923 13.4877 9.8587 13.5003 9.79375 13.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4563 10H10V13.4563' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

aside#article-mod-nav span#mod-article-navigator-title{
  display:none;
}

/***Custom info panels in Zendesk editor using unused color swatches***/
/*Tip info panel*/
span.wysiwyg-color-green120{
  display: block;
  background-color: #D8F7EA;
  /*border:0.75px solid #115549;*/
  /*border-left:4.5px solid #115549;*/
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-green120::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 9.7041C19.5001 5.8341 16.3701 2.7041 12.5001 2.7041C8.63012 2.7041 5.50012 5.8341 5.50012 9.7041C5.50012 12.0841 6.69012 14.1741 8.50012 15.4441V17.7041C8.50012 18.2541 8.95012 18.7041 9.50012 18.7041H15.5001C16.0501 18.7041 16.5001 18.2541 16.5001 17.7041V15.4441C18.3101 14.1741 19.5001 12.0841 19.5001 9.7041ZM9.50012 20.7041V21.7041C9.50012 22.2541 9.95012 22.7041 10.5001 22.7041H14.5001C15.0501 22.7041 15.5001 22.2541 15.5001 21.7041V20.7041H9.50012ZM7.50012 9.7041C7.50012 6.9441 9.74012 4.7041 12.5001 4.7041C15.2601 4.7041 17.5001 6.9441 17.5001 9.7041C17.5001 11.7541 16.2701 13.5141 14.5001 14.2841V16.7041H10.5001V14.2841C8.73012 13.5141 7.50012 11.7541 7.50012 9.7041Z' fill='%23115549'/%3E%3C/svg%3E%0A");
}
/*General info panel*/
span.wysiwyg-color-cyan120{
  display: block;
  background-color: #eaf2fd;
  /*border:0.75px solid #015A8F;*/
  /*border-left:4.5px solid #015A8F;*/
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-cyan120::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 7.7041V9.7041H11.5V7.7041H13.5ZM4.5 12.7041C4.5 17.1141 8.09 20.7041 12.5 20.7041C16.91 20.7041 20.5 17.1141 20.5 12.7041C20.5 8.2941 16.91 4.7041 12.5 4.7041C8.09 4.7041 4.5 8.2941 4.5 12.7041ZM2.5 12.7041C2.5 7.1841 6.98 2.7041 12.5 2.7041C18.02 2.7041 22.5 7.1841 22.5 12.7041C22.5 18.2241 18.02 22.7041 12.5 22.7041C6.98 22.7041 2.5 18.2241 2.5 12.7041ZM13.5 11.7041V17.7041H11.5V11.7041H13.5Z' fill='%23015A8F'/%3E%3C/svg%3E%0A");
}
/*Caution info panel*/
span.wysiwyg-color-yellow120{
  display: block;
  background-color: #fff6d6;
  /*border:0.75px solid #BA8B18;*/
  /* border-left:4.5px solid #BA8B18;*/
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-yellow120::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 21.7041L12.5 2.7041L23.5 21.7041H1.5ZM20.03 19.7041L12.5 6.7041L4.97 19.7041H20.03ZM11.5 14.7041V10.7041H13.5V14.7041H11.5ZM11.5 18.7041V16.7041H13.5V18.7041H11.5Z' fill='%23BA8B18'/%3E%3C/svg%3E%0A"); 
}
/*Suggested info panel*/
span.wysiwyg-color-blue120{
  display: block;
  background-color: #fbfbfb;
  border:0.75px solid rgb(246,246,246);
  border-left:4.5px solid rgb(246,246,246);
  color:#242B30;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-blue120::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.18752 21.5937C5.18622 21.2856 5.24597 20.9802 5.36329 20.6953C5.48062 20.4104 5.65321 20.1515 5.87111 19.9336C6.089 19.7157 6.34789 19.5431 6.63283 19.4258C6.91777 19.3084 7.22312 19.2487 7.53127 19.25H20.8125V3.62502H7.53127C7.22312 3.62372 6.91777 3.68347 6.63283 3.80079C6.34789 3.91812 6.089 4.09071 5.87111 4.30861C5.65321 4.5265 5.48062 4.78539 5.36329 5.07033C5.24597 5.35527 5.18622 5.66062 5.18752 5.96877V21.5937Z' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.1875 21.5938V22.375H19.25' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/*BETA panel*/
span.wysiwyg-color-cyan130 {
    display: block;
    /* background-color: #ebecfa; */
    border: 0.75px solid #015A8F;
    border-left: 4.5px solid #015A8F;
    color: #015A8F;
    border-radius: 4px;
    padding: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}

span.wysiwyg-color-cyan130::before {
    display: inline-block;
    line-height: 0.8em;
    vertical-align: bottom;
    margin: 0px 6px 4px 0px;
    content: 'BETA';
    padding: 4px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #ebecfa;
}
/***End custom info panels***/

/***Custom Tab panels***/
 /* Hide the radio buttons */
        .tab-content-container input[type="radio"] {
            display: none;
        }

        /* Sticky Wrapper for Tabs */
        .tab-wrapper {
            position: sticky;
            top: 100px;
            z-index: 10;
            padding: 10px 0;
        }

        /* Container for Tabs */
        .tab-container {
            width: 100%;
            margin: 0 auto;
            border-radius: 8px;
            z-index: 1;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        /* Style the labels as tabs */
        .tab-label {
            display: inline-block;
            width: auto;
            padding: 10px 16px;
            text-align: center;
            cursor: pointer;
            background-color: rgba(255,255,255,1);
            border: 1px solid rgba(36, 43, 48, 1);
            color:rgba(36, 43, 48, 1);
            border-radius: 4px;
            flex-shrink: 0;
            flex-grow:1;
        }

        .tab-label:hover {
          border:1px solid rgba(11,20,18,1);
          color:rgba(11,20,18,1);
        }

        /* Active tab styling */
        #tab1:checked ~ .tab-wrapper .tab-label[for="tab1"],
        #tab2:checked ~ .tab-wrapper .tab-label[for="tab2"],
        #tab3:checked ~ .tab-wrapper .tab-label[for="tab3"],
        #tab4:checked ~ .tab-wrapper .tab-label[for="tab4"],
        #tab5:checked ~ .tab-wrapper .tab-label[for="tab5"],
        #tab6:checked ~ .tab-wrapper .tab-label[for="tab6"],
        #tab7:checked ~ .tab-wrapper .tab-label[for="tab7"],
        #tab8:checked ~ .tab-wrapper .tab-label[for="tab8"],
        #tab9:checked ~ .tab-wrapper .tab-label[for="tab9"] {
            border: 1px solid rgba(36, 43, 48, 1);
            background-color: rgba(36, 43, 48, 1);
            color: #ffffff;
        }

        /* Content Panel Styling */
        .tab-content {
            display: none;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #f4f4f4;
            border-radius: 8px;
            margin-bottom: 30px;
        }

        /* Show content when corresponding radio is checked */
        #tab1:checked ~ #tab1-content,
        #tab2:checked ~ #tab2-content,
        #tab3:checked ~ #tab3-content,
        #tab4:checked ~ #tab4-content,
        #tab5:checked ~ #tab5-content,
        #tab6:checked ~ #tab6-content,
        #tab7:checked ~ #tab7-content,
        #tab8:checked ~ #tab8-content,
        #tab9:checked ~ #tab9-content {
            display: block;
        }
/***End custom Tab panels***/

.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
left: 10px;
border-radius:5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #FF7D0A url('/hc/theming_assets/01J7P42723X6R7PP4PPHXJRE3Y') no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #FF7D0A;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
left: 55px;
bottom: 60px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 30px;
width: 30px;
left: 55px;
bottom: 60px;
}
}
.on-this-page{
    flex: 1;
    max-width: 250px;
    min-width: 200px;
  margin-right:0;
  margin-top:8rem;
}
.on-this-page .collapsible-sidebar ul{
  border-left:1px solid #f4f4f4;
  background-color:initial;
}
.on-this-page .sidenav-item.current-article{
  background-color:initial;
  color:#000;
  font-weight:500!important;
  border-left:2px solid #FF7D0A;
  margin-left:-1px;
}
.on-this-page .sidenav-item.h2-item, .sidenav-item.h1-item {
    font-weight: normal;
}
.on-this-page .sidenav-item:hover {
    background-color: initial;
}
.on-this-page .collapsible-sidebar-body li a {
    padding: 4px 20px;
  font-weight:normal;
}
@media only screen and (max-width: 1200px) {
  .on-this-page{
    display:none;
}
}
#section-page-header h1,
.category-content{
  margin-top:0;
}
#section-page-header {
    background-color: rgb(246,246,246);
    padding: 1rem;
    border-radius: 8px;
}
.soldo-toolbar-search-compact .search, .article .search,
.category-content .search,
.section-content .search,
.hero-inner .search,
.search-results-column .search,
.search-container.request-page .search,
.search-container.community-post .search{
  border:none;
}
.soldo-toolbar-search-compact .search input, .article .search input,
.category-content .search input,
.section-content .search input,
.hero-inner .search input,
.search-results-column .search input,
.search-container.request-page .search input,
.search-container.community-post .search input{
  background-color:rgb(246,246,246);
  border-radius:4px;
}
.avatar img {
  width:64px;
  height:64px;
}
.article .meta-group{
  margin-top:8px;
}
.button.article-vote.article-vote-up {
  background-color:rgb(36,43,48);
  color:#ffffff;
}
.button.article-vote.article-vote-up:hover {
  background-color:rgb(11,20,18);
}
.button.article-vote.article-vote-down {
  border:1px solid rgb(36,43,48);
  color:rgb(56,61,68);
  background-color:#ffffff;
}
.button.article-vote.article-vote-down:hover {
  border:1px solid rgb(11,20,18);
  background-color:#ffffff;
  color:rgb(11,20,18);
}
.article-votes {
  background-color:#fdd5b6;
  border-radius:4px;
  padding:30px;
  border:none;
}
.article-votes .article-votes-question{
  font-size:24px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
}
.article-votes  .article-votes-controls{
  margin-top:1.5rem;
  margin-bottom:1rem;
}
.article-vote-label {
  font-size:1rem;
}
@media only screen and (max-width: 1024px) {
  .section-tree{
    flex-direction:column
}
}
.section-tree li.article-list-item a::before,
.section-content li.article-list-item a::before{
  content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.999H5.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 6.75L18.75 12L13.5 17.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  vertical-align:middle;
  margin-right:6px;
}
.section-tree li.article-list-item a{
  text-decoration:underline;
  padding-left: 30px;     
  text-indent: -30px; 
}
h2.section-tree-title{
  max-width:90%;
  line-height:26px;
   font-size: 20px;
    font-family: 'Jost',sans-serif;
    font-weight: 500;
  display:flex;
  flex:100%;
  margin-top:0;
  margin-right:1rem;
  margin-left:0.5rem;
}
h1{
  font-size:40px;
  line-height:52px;
  color:#0B1412;
}
h2{
  font-size:24px;
  line-height:32px;
  font-family: 'Jost', sans-serif;
  font-weight:700;
  color:#0B1412;
}
h3{
  font-size:20px;
  line-height:28px;
  font-family: system-ui, sans-serif;
  font-weight:500;
  color:#0B1412;
}
h4{
  font-size:18px;
  line-height:26px;
  font-weight:500;
  font-family: system-ui, sans-serif;
  color:#0B1412;
}
h5{
  font-size:16px;
  line-height:24px;
  font-family: system-ui, sans-serif;
  color:#0B1412;
}
h6{
  font-size:14px;
  line-height:20px;
  font-family: system-ui, sans-serif;
  color:#0B1412;
}
.category-container aside,
.section-container aside{
  border-right:1px solid #f4f4f4;
}
.article{
  color:#0B1412!important;
}
.border-container{
  display:none;
}
.blocks-item-go-link {
  position: absolute;
  font-family:'Open Sans', sans-serif;
  color:#000000;
  font-weight:500;
  display:block;
  /*text-align:right;*/
  /*text-decoration:underline;*/
  border-bottom:1px solid #000000;
    bottom: 16px;
    right: 16px;
}
.blocks-item-go-link:hover {
    color: #FF7D0A;
}
.blocks-item-go-link::after{
 content: url("data:image/svg+xml,%0A%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_482_20280)'%3E%3Cpath d='M1.65865 11.7152C1.27802 12.0942 0.661849 12.0923 0.283099 11.7117C-0.0958851 11.3308 -0.0940101 10.7147 0.286615 10.3359L4.63427 5.99927L0.286615 1.6624C-0.0940101 1.28365 -0.0958851 0.667474 0.283099 0.286615C0.661849 -0.0940101 1.27802 -0.0958851 1.65865 0.283099L6.70122 5.31302C7.08021 5.69388 7.07833 6.31005 6.69771 6.6888L1.65865 11.7152Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_482_20280'%3E%3Crect width='6.98438' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  margin-left:6px;
}
.blocks-item-description{
  margin-bottom:32px;
}
h1.hero-intro {
    color: #fff!important;
    font-family: "Jost",sans-serif!important;
    font-size: 4rem!important;
    line-height: 4rem!important;
  margin-top:0;
  margin-bottom:0;
  font-weight:400;
}
.search .clear-button{
  background-color:rgb(246,246,246);
  border-radius:4px;
}
.search .clear-button:hover{
  background-color:rgb(246,246,246);
  border-radius:4px;
  color:#777;
}
.sub-nav .breadcrumbs {
    margin: 0;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    padding: 4px 8px;
    background-color: rgb(246,246,246);
  line-height:20px;
}
.breadcrumbs li a{
  color:#737373!important;
  text-decoration:underline;
}
.breadcrumbs li {
  color:#737373!important;
}
.breadcrumbs li a:visited{
  color:#737373!important;
  text-decoration:underline;
}
.breadcrumbs li a:hover{
  color:#000!important;
  text-decoration:underline;
}
.breadcrumbs li:last-child a {
  font-weight:500;
  color:#000!important;
}
.breadcrumbs li:last-child {
  font-weight:500;
  color:#000!important;
}
.breadcrumbs li + li::before{
  vertical-align:middle;
  /*content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.999H5.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 6.75L18.75 12L13.5 17.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");*/
 content: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_487_20292)'%3E%3Cmask id='mask0_487_20292' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='6' height='10'%3E%3Cpath d='M5.82032 0H0V10H5.82032V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_487_20292)'%3E%3Cpath d='M1.38221 9.76267C1.06502 10.0785 0.551541 10.0769 0.235916 9.75975C-0.0799042 9.44233 -0.0783417 8.92892 0.238846 8.61325L3.86189 4.99939L0.238846 1.38533C-0.0783417 1.06971 -0.0799042 0.556228 0.235916 0.238846C0.551541 -0.0783417 1.06502 -0.0799042 1.38221 0.235916L5.58435 4.42752C5.90018 4.7449 5.89861 5.25837 5.58143 5.574L1.38221 9.76267Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_487_20292'%3E%3Crect width='5.83333' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.blocks-item:hover a .blocks-item-go-link{
  color:#c61;
}
.related-articles,
.recent-articles{
    background-color: rgb(246,246,246);
    padding: 1rem!important;
    border-radius: 4px;
}
.related-articles li a,
.recent-articles li a{
  color:#0B1412;
  text-decoration:underline;
}
.related-articles li a:hover,
.recent-articles li a:hover{
  color:#FF7D0A;
}
.related-articles li a::before,
.recent-articles li a::before{
  margin-right:6px;
  vertical-align:middle;
  content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.999H5.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 6.75L18.75 12L13.5 17.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.related-articles-title,
.recent-articles-title {
  font-size:20px;
  margin-bottom:1rem;
}
.related-articles li,
.recent-articles li {
  padding:4px;
}
.article-relatives{
  gap:8px;
  border:none;
}
h2.hero-sub-intro{
  font-size:2.5rem;
  font-weight:400;
  line-height:45px;
  color:#ffffff;
  font-family: 'Jost', sans-serif;
}
.hero-inner .search-container{
  max-width:500px;
  margin:auto;
}
.request-container{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.request-form footer input{
  display:block;
  margin:0 auto 1rem auto;
}
.sub-nav.request-page{
  margin-bottom:1.5rem;
}
section.content-tags{
  margin-bottom:1rem;
  background-color:rgb(246,246,246);
  border-radius:4px;
  padding:1rem;
}
.content-tags > p{
  font-size:20px;
  font-family: 'Jost', sans-serif;
  font-weight:500;
  margin-bottom:1rem;
  color:#0B1412;
  margin-top:0;
}
ul.content-tag-list li{
  background-color:#E8E8EA;
  padding:8px;
  border-radius:4px;
  border:none;
  margin-bottom:8px;
}
ul.content-tag-list li a{
  color:#0B1412;
  text-decoration:underline;
}
ul.content-tag-list li a:hover{
  color:#FF7D0A;
}
p.hero-description,
p.pop-search-description {
  color:#ffffff;
  font-family:'Jost',sans-serif;
  font-size:20px;
  margin-top:2rem;
  font-weight:300;
  margin-bottom:60px;
}
@media (min-width: 1160px) {
  .container.home {
    padding: 0;
    width: 65%;
  }
}
p.pop-search-description{
  display:inline-block;
  margin-right:8px;
  margin-bottom:8px;
}
.pop-search{
  /*background-color:#ffffff;*/
  border-radius:4px;
  /*padding:8px 10px;*/
  margin-right:8px;
  text-decoration:underline;
  color:#fff;
}
.pop-search:hover{
  color:#FF7D0A;
}
/**** Featured CTA *****/
.featured-cta-primary {
    background: rgb(229,113,15);
    border: 1px solid rgb(229,113,15) !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans",sans-serif;
    font-weight:500;
    font-size: 16px !important;
    line-height: 23px !important;
    padding: 13px 25px !important;
    transition: all 300ms ease-out;
    transform: translateY(0);
  margin-right:12px;
  cursor:pointer;
}
.featured-cta-primary:hover {
    background-color: #c61 !important;
    border: .1rem solid #c61 !important;
    color: #fff !important;
}

.featured-cta-secondary  {
    background: transparent;
    border: 1px solid #000 !important;
    color: #000 !important;
    border-radius: 2rem;
    font-family: "Open Sans",sans-serif;
    font-weight:500;
    font-size: 16px !important;
    line-height: 23px !important;
    padding: 13px 25px !important;
    transition: all 300ms ease-out;
    transform: translateY(0);
  cursor:pointer;
}
.featured-cta-secondary:hover {
    background-color: rgba(0,0,0,0.05) !important;
    border: .1rem solid #000 !important;
}
.container.home.featured{
  display:flex;
  align-items:center;
  padding:1rem 1rem;
  text-align:center;
}
.container.home.featured h2{
  margin-top:0;
}
section.featured{
  background-color:#FDD5B6;
  margin-bottom:40px;
}
.featured-inner{
  flex:1 0 340px;
  font-size:40px;
  padding:1rem;
}
p.featured-description {
  color:#000;
  font-family:'Jost',sans-serif;
  font-size:20px;
  font-weight:300;
  margin-top:0;
}
@media (max-width: 1280px) {
.article-sidebar {
    border-bottom: none;
    border-top: none;
  margin-right:0px;
}
}
.blocks-item:hover .blocks-item-title{
   color:#c61!important;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-subitem {
    font-weight:500;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current,
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current:hover{
    color: #FF7D0A;
    text-decoration: none;
    background-color: #ffffff;
    border-left:3px solid #FF7D0A;
    font-weight:700;
}
.sidenav-subitem.filter-name,
.sidenav-subitem.doc-count{
   font-size:14px;
}
.search-results-sidebar .sidenav-item {
    padding: 10px 20px;
  border-radius:0px;
}
.search-results-sidebar .sidenav-item:hover {
    border-left:none;
  font-weight:700;
}
.multibrand-filter-list.multibrand-filter-list--collapsed{
  margin-top:2.5rem;
}
aside.search-results-sidebar h3.collapsible-sidebar-title.sidenav-title{
    display:inline-flex;
}
.filters-in-section.collapsible-sidebar{
  position:initial;
}
button.see-all-filters{
  font-size:14px;
  text-decoration:underline;
}
button.see-all-filters:hover{
  color:#FF7D0A;
}
.search-results-sidebar .see-all-filters::after {
    content: ' ';
}
section.filters-in-section.collapsible-sidebar .collapsible-sidebar-toggle {
    position: relative;
    top:initial;
    transform: initial;
    float: right;
}
@media (max-width: 1024px) {
 .collapsible-sidebar {
  background-color: initial;
  border-top:none;
}
  .search-results-sidebar{
    border:none;
  } 
  .collapsible-sidebar {
    margin-bottom: 12px;
    padding:0.5rem;
    border-radius:4px;
}
}
.collapsible-sidebar-toggle:focus{
  border:none;
}
li.pagination-next,
li.pagination-last,
li.pagination-prev,
li.pagination-first{
    cursor: pointer;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 2.72;
    border:1px solid rgb(36, 43, 48)!important;
}
li.pagination-next,
li.pagination-prev{
    width:125px;
}
li.pagination-last,
li.pagination-first{
    width:40px;
}
li.pagination-next{
  background-color:rgb(36, 43, 48)!important;
  color:#fff!important;
}
li.pagination-last,
li.pagination-prev,
li.pagination-first{
    background-color: #ffffff;
}
a.pagination-next-link,
a.pagination-last-link,
a.pagination-prev-link,
a.pagination-first-link{
  font-size:14px;
  border:none;
  color:rgb(36, 43, 48)!important;
}
a.pagination-next-link:hover{
  background-color:initial;
  color:#ffffff!important;
}
a.pagination-last-link:hover,
a.pagination-prev-link:hover,
a.pagination-first-link:hover{
  background-color:initial;
  color:rgb(11, 20, 18)!important;
}
a.pagination-next-link,
a.pagination-next-link:visited{
  color:#ffffff!important;
}
a .pagination-next-icon,
a .pagination-prev-icon{
  display:none;
}
ul.pagination-list {
    display: flex;
    justify-content: flex-end;
    gap:8px;
}
.blocks-item-link:focus{
  box-shadow:initial;
  border:1px solid #FF7D0A;
}
section.knowledge-base h2{
     font-size: 34px;
    line-height: 32px;
    font-family: 'Jost', sans-serif;
    font-weight: 300;
  margin-bottom:32px;
}
.section-tree a.see-all-articles{
  color:#000;
  text-decoration:underline;
}
.section-tree a.see-all-articles:hover{
  color:#ff7d0a;
  text-decoration:underline;
}
.section-content-wrapper .page-header h2{
  font-family: 'Jost', sans-serif;
  font-weight: 500;
}
.user-nav-list li a,
.additional-header-links li a{
  font-family:'Jost', sans-serif;
  font-size:16px;
  color:#fff;
  transition:all 300ms ease-in-out;
}
.user-nav-list li a:hover,
.additional-header-links li a:hover{
  color:#be5800;
}
.community-hero .hero-inner{
  padding-bottom:0;
}
.community-footer{
  padding-bottom:2rem;
}
svg.dropdown-chevron-icon{
  display:none;
}
section.community-hero .hero-inner{
  max-width:50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 475px){
section.hero.community-hero {
    background-position: -200px;
    background-repeat: no-repeat;
    height: 300px;
}
  section.community-hero .hero-inner{
  max-width:80%;
}
}
.post-container{
  margin-bottom:2rem
}
.new-community-post-header{
  text-align:center;
}
.new-community-post-form{
  margin:auto;
  padding-bottom:2rem;
}
.form footer.new-community-post{
  text-align:center;
}
.error-page{
  text-align:center;
  min-height:50vh;
}
.search-results .meta-group {
   margin-top:1.5rem;
}
.search-result-title a{
     color: #000;
    text-decoration: underline;
    font-weight: 500; 
}
.search-result-title a:hover{
     color: #ff7d0a;
}
.search-result-title a:visited{
     color: #c62;
}
.additional-header-links{
  display:inline-flex;
  list-style:none;
  gap:32px;
}
@media (max-width: 1024px) {
  .additional-header-links{
    display:none;
  }
}
.article-sidebar-item.see-more{
  color:#000;
  text-decoration:underline;
}
.article-sidebar-item.see-more:hover{
  color:#FF7D0A;
}
.featured-buttons-container{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.on-this-page #article-navigator-title{
  color:transparent;
}
.menu-list-mobile-items li.item a:hover,
.menu-list-mobile-items li.item a:active,
.menu-list-mobile-items li.item a:focus{
  color:#FF7D0A;
}

/* General Styles for Body and Container */
.article-content .article-body {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.6rem !important;
}

/* Paragraphs */
.article-content .article-body p {
    line-height: 1.6rem !important;
    margin-bottom: 1.2rem !important;
}

/* Headings - Common Styling */
.article-content .article-body h2,
.article-content .article-body h3,
.article-content .article-body h4,
.article-content .article-body h5 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    margin-top: 32px !important;
}

/* Specific Heading Styles */
.article-content .article-body h2 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-top: 32px !important; /* Larger top margin for h2 */
    margin-bottom: 16px !important; /* Balanced bottom margin */
}

.article-content .article-body h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 650 !important; /* Bold weight for h3 */
    margin-top: 24px !important; /* Added spacing for consistency */
    margin-bottom: 16px !important;
}

.article-content .article-body h4 {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 550 !important; /* Slightly bold but lighter than h3 */
    margin-top: 20px !important; 
    margin-bottom: 12px !important;
}

.article-content .article-body h5 {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important; /* Keeping it slightly bold */
    margin-top: 16px !important;
    margin-bottom: 12px !important;
}

/* List Styles */
.article-content .article-body ul,
.article-content .article-body ol {
    line-height: 1.8rem !important;
}

/* Remove Top Margin for First Child */
.article-content .article-body > *:first-child {
    margin-top: 0 !important;
}

/* Article Navigation */
.navigate-article-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin:32px 0;
  align-items:center;
  gap:4px;
}

.navigate-article-container a {
  text-decoration:none;
}

.navigate-article-container button {
  padding: 8px 24px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  border-radius:4px;
  min-height:36px;
  height:auto;
  display:flex; 
}
.navigate-article-container.single-next{
  justify-content: flex-end;
}
.navigate-article-container.single-previous{
  justify-content: flex-start;
}
/* Icon-only next button */
.navigate-article-container button.article-button-next {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0 !important;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 18C36 27.9411 27.9411 36 18 36V36C8.05887 36 7.04529e-07 27.9411 1.57361e-06 18V18C2.44269e-06 8.05887 8.05888 -2.44269e-06 18 -1.57361e-06V-1.57361e-06C27.9411 -7.04529e-07 36 8.05887 36 18V18Z' fill='%232D31A6'/%3E%3Cpath d='M16.5195 22.5205C16.3243 22.7157 16.0078 22.7155 15.8125 22.5205C15.6173 22.3252 15.6172 22.0087 15.8125 21.8135L19.459 18.167L15.8125 14.5205L15.7773 14.4824C15.6174 14.286 15.6295 13.9965 15.8125 13.8135C15.9956 13.6305 16.2851 13.6191 16.4814 13.7793L16.5195 13.8135L20.5195 17.8135C20.6131 17.9072 20.666 18.0345 20.666 18.167C20.666 18.2995 20.6132 18.4268 20.5195 18.5205L16.5195 22.5205Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;

  /* hide any text but keep it for screen readers */
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 0;
  color: transparent;
  font-size: 0;
}

/* Remove the old pseudo-element arrow */
.navigate-article-container button.article-button-next::before {
  content: none !important;
}

/* Optional states */
.navigate-article-container button.article-button-next:hover {
  opacity: 0.9;
}

.navigate-article-container button.article-button-next:focus-visible {
  outline: 2px solid #0B1412;
  outline-offset: 2px;
  border-radius: 50%;
}

/* Icon-only prev button */
.navigate-article-container button.article-button-prev {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0 !important;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 18C0 8.05887 8.05887 0 18 0V0C27.9411 0 36 8.05887 36 18V18C36 27.9411 27.9411 36 18 36V36C8.05887 36 0 27.9411 0 18V18Z' fill='%23E0EAFF'/%3E%3Cpath d='M19.4805 13.4795C19.6757 13.2843 19.9922 13.2845 20.1875 13.4795C20.3827 13.6748 20.3828 13.9913 20.1875 14.1865L16.541 17.833L20.1875 21.4795L20.2227 21.5176C20.3826 21.714 20.3705 22.0035 20.1875 22.1865C20.0044 22.3695 19.7149 22.3809 19.5186 22.2207L19.4805 22.1865L15.4805 18.1865C15.3869 18.0928 15.334 17.9655 15.334 17.833C15.334 17.7005 15.3868 17.5732 15.4805 17.4795L19.4805 13.4795Z' fill='%23242B30'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;

  /* hide any text but keep it for screen readers */
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 0;
  color: transparent;
  font-size: 0;
}

/* Remove the old pseudo-element arrow */
.navigate-article-container button.article-button-prev::before {
  content: none !important;
}

/* Optional states */
.navigate-article-container button.article-button-prev:hover {
  opacity: 0.9;
}

.navigate-article-container button.article-button-prev:focus-visible {
  outline: 2px solid #0B1412;
  outline-offset: 2px;
  border-radius: 50%;
}

@media (max-width:768px){
  .navigate-article-container {
    flex-direction:column;
    gap:8px;
  }
  .navigate-article-container a{
    width:100%;
  }
  .navigate-article-container button{
    justify-content:center;
    width:100%;
  }
}
@media (max-width:768px){
  .sub-nav .search-container {
    max-width: 100% !important;
}
}
h1.search-results-subheading,
h3.collapsible-sidebar-title.sidenav-title{
    font-size: 18px;
    line-height:28px;
    font-weight: 400;
    font-family: 'Jost',sans-serif;
}
h3.collapsible-sidebar-title.sidenav-title,
#mod-article-navigator-title,
.sidenav-title,
.on-this-page #article-navigator-title{
    font-size: 18px;
    line-height:28px;
    font-weight: 500!important;
    font-family: 'Jost',sans-serif;
}
#mod-article-navigator-title{
    vertical-align:top;
    margin-left:4px;
  background-color:transparent;
  border:none;
}
.user-info.dropdown span[data-user-name]{
  font-family:'Jost',sans-serif;
  font-size:16px;
  margin-left:2px;
}
.user-info.dropdown {
  vertical-align:middle;
}
.user-info.dropdown .dropdown-toggle::after{
  display:none;
}
.user-info.dropdown .dropdown-toggle{
  transition: all 300ms ease-in-out;
}
.user-info.dropdown .dropdown-toggle:hover{
  color:#e66b00!important;
}
.user-info.dropdown .dropdown-menu{
  margin-top:8px;
}
.nav-wrapper-desktop .user-nav a.sign-in{
  background-color:transparent;
  color:#fff!important;
  border:none!important;
}
.user-nav a.sign-in,
.user-nav a.submit-a-request{
  font-family:'Open Sans',sans-serif;
  transition: all 300ms ease-in-out;
}
.user-nav a.sign-in{
  margin:0!important;
  padding:0!important;
  padding-right:15px!important;
}
.user-nav a.submit-a-request:hover{
  color:#e66b00!important;
  border:1px solid #e66b00!important;
  transform:initial!important;
}
.user-nav a.sign-in:hover{
  color:#e66b00!important;
  border:none!important;
  background-color:transparent!important;
  transform:initial!important;
}
.menu-list-mobile-items a.submit-a-request {
    background-color: transparent;
    border: none!important;
    color: #fff!important;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px!important;
    text-align: left;
    margin: 0!important;
    display: inline-block;
}
@media (max-width:1024px){
  .submit-a-request{
    padding-left:0px!important;
  }
.submit-request {
    padding: 0 22px;
}
}
.menu-list-mobile-items li.item a:hover, .menu-list-mobile-items li.item a:active, .menu-list-mobile-items li.item a:focus {
    color: #e66b00!important;
    background-color:transparent!important;
}
zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
    color: #000;
    text-decoration: underline;
}
zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand {
    padding-top: 8px;
}
.blocks-item{
  flex-grow:1;
  flex-basis:30%;
  max-width:30%;
}
@media (max-width:1600px){
  .blocks-item{
  flex-grow:1;
  flex-basis:45%;
  max-width:45%;
}
}
@media (max-width:768px){
  .blocks-item{
  flex-grow:1;
  flex-basis:100%;
  max-width:100%;
}
}

.section-tree .section details{
  transition:all 300ms ease-in-out;
  min-height:110px;
}
.section-tree .section details summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between; /* This manages the span and icon alignment */
    align-items: center;
    margin-top: 8px;
    min-height: 60px;
}

.section-tree .section details summary .text-container {
    display: flex;
    flex-direction: column; /* Stack h2 and p vertically */
    flex-grow: 1; /* Allow this container to take up as much space as it needs */
    margin-left: 0.5rem;
  text-align:left;
}

.section-tree .section details summary p {
    margin: 8px 16px 16px 0;
    padding-left: 0;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    display: -webkit-box;        /* Use flexbox-like behavior */
  -webkit-box-orient: vertical;/* Define the vertical box */
  -webkit-line-clamp: 2;       /* Number of lines to display */
  overflow: hidden;            /* Hide the overflowing content */
  text-overflow: ellipsis;     /* Adds the ellipsis at the end */
  max-height: 3em; 
  min-height: 3em;
}
.section-tree .section details summary p:empty {
  display:none;
}
h2.section-tree-title {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    max-width: 100%;
}

.section-tree .section details summary::after {
    content: url("data:image/svg+xml,%0A%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_484_20284)'%3E%3Cpath d='M16.896 1.35094L8.986 10L0.895995 1.1725L1.91631 0.238751L8.98506 7.95219L15.8754 0.417498L16.896 1.35094Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_484_20284'%3E%3Crect width='16' height='9.76125' fill='white' transform='translate(16.896 10) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    float: right;
    transition: transform 300ms ease-in-out;
    flex-shrink: 0;
}
h2.section-tree-title{
  margin-right:8px;
  display: -webkit-box;        /* Use flexbox-like behavior */
  -webkit-box-orient: vertical;/* Define the vertical box */
  -webkit-line-clamp: 1;       /* Number of lines to display */
  overflow: hidden;            /* Hide the overflowing content */
  text-overflow: ellipsis;     /* Adds the ellipsis at the end */
  max-height: 1.5em; 
}
.section-tree .section details[open] summary p {
  -webkit-line-clamp: 4;       /* Number of lines to display */
  max-height: 6em; 
}
.section-tree .section details[open] .mod-article-count {
  display:none;
}
.section-tree .section details[open] h2.section-tree-title{
  -webkit-line-clamp: 2;       /* Number of lines to display */
  text-overflow: ellipsis;     /* Adds the ellipsis at the end */
  max-height: 3em; 
}
@media (max-width:1168px){
  .section-tree .section {
    flex: 0 0 100%;
}
}
header.page-header.section{
  border-bottom:1px solid #b6b7bc;
  padding-bottom:16px;
  margin-bottom:0;
}
a.collapse-section {
    display: block;
    border-top: 1px solid #b6b7bc;
    width: 100%;
  text-align:center;
    margin-top: 1.5rem;
    padding-top: 1rem;
  padding-bottom:0.5rem;
  color:#000000;
  text-decoration:underline;
}
span#article-votes-feedback-label{
  display:none;
}
small.article-votes-count{
  display:none;
  margin-top: 2rem;
}
.article-votes{
  min-height:178px;
}
.article-content img{
  cursor:pointer;
}
.article-content table thead tr td {
  border-bottom:1px solid #ff7d0a;
  border-spacing:0px;
  padding-bottom:10px;
}
.article-content table {
  border:1px solid #f4f4f4;
  border-radius:8px;
  padding:12px;
  border-spacing:0px;
  background-color:#fcfcfc;
}
.article-content table tbody tr:first-child td {
    padding-top: 16px;
}
.article-content table tbody tr td{
  padding-bottom:10px;
  padding-right:16px;
}

/* Toggle for sidebar */
.article #aside-toggle{
  display:block;
  position:sticky;
  margin-left:-57px;
  top:87.5%;
  width:30px;
  height:30px;
  background-color:#f6f6f6;
  border-radius:5px;
  background-size:30px 30px;
  opacity:0.85;
  cursor:pointer;
}
.aside-toggle-expanded{
background-image: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8994 18.7573L37.1421 23L32.8994 27.2426' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.2426 23H37.1421' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1006 27.2426L8.85795 23L13.1006 18.7573' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7574 23H8.85787' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.aside-toggle-collapsed {
 background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 11.5L19.5 16L14.5 20.5' stroke='%23242B30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1024px) {
  .article #aside-toggle {
    display: none;
  }
}
.tooltip-text {
  visibility: hidden;
  width: auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;

  /* Positioning */
  position: absolute;
  bottom: 125%; /* Position above the button */
  left: 65%;
  transform: translateX(-65%);
  z-index: 1;

  /* Fade-in effect */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-button:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
/* Article Nav Mods */
@media (min-width: 1024px) {
.collapsible-sidebar-body {
  position: relative; 
  overflow-y: auto;
  max-height: calc(100vh - 265px); 
  scrollbar-width: thin; 
  scrollbar-color: #f4f4f4 #ffffff; 
}
.collapsible-sidebar-body::after {
  content: '';
  display:block;
  position: sticky; 
  bottom: 0; 
  left: 0;
  width: 100%;
  height: 75px; 
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); 
  pointer-events: none; 
  z-index: 1; 
}

  /* WebKit-specific scrollbar styling */
  .collapsible-sidebar-body::-webkit-scrollbar {
    width: 8px;
  }

  .collapsible-sidebar-body::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .collapsible-sidebar-body::-webkit-scrollbar-thumb {
    background: #f4f4f4;
    border-radius: 8px;
  }
}

/* Cookie Hub */
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d2d2d6;
    border: 2px solid #d2d2d6;
    border-radius: 36px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 32px !important;
    width: 52px !important;
    -webkit-transition: background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;
    transition: background-color .2s ease-out,border-color .2s ease-out,opacity .2s ease-out;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:disabled+label {
    opacity:0.4;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:checked+label {
    background-color: #26bc93;
    border: 2px solid #26bc93;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch label {
    color: #d2d2d6;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:checked+label::before {
    left: 24px !important;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch input:disabled+label::before {
    background-color: #fff !important;
}
.ch2-settings.ch2-settings-scan.ch2-visible .ch2-settings-options .ch2-switch label::before {
    content: " " !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50% !important;
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.21);
    box-shadow: 0px 1px 4px rgba(0,0,0,.21);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 28px !important;
    width: 28px !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
button.ch2-btn.ch2-deny-all-btn,
button.ch2-btn.ch2-allow-all-btn,
button.ch2-btn.ch2-btn-primary.ch2-save-settings-btn{
height:20px!important;
border:none;
border-radius:4px;
font-family:system-ui, sans-serif;
font-weight:400;
font-size:14px;
}
button.ch2-btn.ch2-deny-all-btn {
    -webkit-box-shadow: 0 0 0 1px #ff2828;
    box-shadow: 0 0 0 1px #ff2828;
    color: #b71632;
    background-color: #fff;
}
button.ch2-btn.ch2-allow-all-btn.ch2-btn-primary:hover,
button.ch2-btn.ch2-btn-primary.ch2-save-settings-btn:hover {
    background-color: #242b30 !important;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button.ch2-btn.ch2-deny-all-btn:hover {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1px #ff6f79;
    box-shadow: 0 0 0 1px #ff6f79;
    color: #ff6f79;
}
#ch2-dialog,
.ch2-settings{
font-family:system-ui, sans-serif!important;
}

/* Lightbox zoom */
/* EXCEPT single alt. */
/* Ensure the wrapper aligns properly */
.lightbox-container {
  position: relative;
}

/* Add hover effect */
.lightbox-container:hover .lightbox-icon {
  opacity: 1;
}

/* The zoom icon itself */
.lightbox-icon {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='2.57143' fill='black' fill-opacity='0.4'/%3E%3Cpath d='M13.4036 16.2344H20.0893' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7465 12.8906V19.5763' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7465 25.007C21.5928 25.007 25.5215 21.0783 25.5215 16.232C25.5215 11.3857 21.5928 7.45703 16.7465 7.45703C11.9002 7.45703 7.97147 11.3857 7.97147 16.232C7.97147 21.0783 11.9002 25.007 16.7465 25.007Z' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.9517 22.4375L28.0286 27.5145' stroke='white' stroke-width='1.67143' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 9999;
  pointer-events: none;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.2s ease;
}
/* Adjust padding-bottom for mobile screens */
@media (max-width: 768px) {
    .arcade-video-container {
        padding-bottom: 70% !important; /* Ensures full width on mobile */
    }
}
.article-content .article-body ul li,
.article-content .article-body ol li {
    margin-bottom: 5px !important; /* Adds spacing between list items */
    line-height: 1.5 !important; /* Improves readability */
}

/* Remove bottom margin from the last list item */
.article-content .article-body ul li:last-child,
.article-content .article-body ol li:last-child {
    margin-bottom: 0 !important;
}

/* Featured cards update */
section.featured {
    background-color: transparent!important;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: 4rem;
    padding: 4rem 4rem 2.5rem 4rem;
}
.container.home.featured {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    text-align: center;
    background-color: #fff;
    border-radius: 16px;
    margin:0px;
}
.featured-inner h2 {
    font-weight: 450!important;
}
@media (max-width: 978px) {
section.featured {
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem;
}
  .container.home.featured {
    min-width:100%;
}
}
@media (max-width: 460px) {
section.featured {
    padding: 1rem!important;
}
.container.home.featured {
    padding: 0rem 0rem!important;
}
.featured-inner h2 {
    font-size: 30px!important;
}
}

/* Article votes trial*/
.article-votes {
    background-color: #ffffff!important;
    border-radius: 0px!important;
    padding: 16px!important;
    border: none!important;
    min-height:0px!important;
}
.article-votes .article-votes-question {
  line-height:1.7;
}
.article-votes .article-votes-controls{
  display:flex;
  justify-content:center;
}
.button.article-vote.article-vote-up,
.button.article-vote.article-vote-down
{
    background-color: #ffffff;
    color: #242B30;
    font-size:16px;
  font-family:'Inter', sans-serif;
    width: 108px !important;
    height: 64px !important;
    display: flex; /* Enables flexbox */
    align-items: center; /* Centers items vertically */
    justify-content: center; /* Centers content horizontally */
    text-align: center;
    gap: 5px; /* Adjust space between icon and text */
    cursor:pointer;
  border-radius:8px;
  transition: all 0.3s ease-in-out; /* Smooth transition for all properties */
  border:1px solid #242B30;
}

.button.article-vote.article-vote-up::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25581 15.0433L2.50696 14.9351C2.44902 14.2651 1.87356 13.7597 1.20168 13.7887C0.529786 13.8177 0 14.3708 0 15.0433H1.25581ZM30.1163 18.0961L28.935 24.9272L31.4099 25.3554L32.5912 18.5241L30.1163 18.0961ZM18.4102 33.4884H10.6264V36H18.4102V33.4884ZM9.10043 32.086L7.74054 16.3587L5.23825 16.5751L6.59815 32.3024L9.10043 32.086ZM28.935 24.9272C28.0864 29.8343 23.6617 33.4884 18.4102 33.4884V36C24.8169 36 30.3418 31.531 31.4099 25.3554L28.935 24.9272ZM18.4266 6.44676L17.317 13.2191L19.7957 13.6252L20.9053 6.85287L18.4266 6.44676ZM8.26783 15.0624L10.6769 12.9865L9.03733 11.0839L6.62827 13.1598L8.26783 15.0624ZM15.0597 6.23228L15.8562 3.16165L13.4252 2.53099L12.6286 5.60163L15.0597 6.23228ZM17.0593 2.55919L17.3021 2.63717L18.0703 0.245913L17.8275 0.167935L17.0593 2.55919ZM13.8533 9.31979C14.3756 8.34191 14.7813 7.30613 15.0597 6.23228L12.6286 5.60163C12.4003 6.48178 12.0675 7.33216 11.6379 8.1364L13.8533 9.31979ZM17.3021 2.63717C17.8151 2.802 18.1795 3.19828 18.2992 3.66L20.7305 3.02937C20.3864 1.70319 19.3714 0.663865 18.0703 0.245913L17.3021 2.63717ZM15.8562 3.16165C15.915 2.93558 16.0783 2.72784 16.3253 2.6088L15.2349 0.346178C14.3441 0.775398 13.675 1.5677 13.4252 2.53099L15.8562 3.16165ZM16.3253 2.6088C16.5508 2.50008 16.8164 2.48116 17.0593 2.55919L17.8275 0.167935C16.9741 -0.106251 16.0429 -0.0432086 15.2349 0.346178L16.3253 2.6088ZM19.9318 16.2991H28.6071V13.7875H19.9318V16.2991ZM4.13382 33.7497L2.50696 14.9351L0.00467159 15.1515L1.63154 33.9661L4.13382 33.7497ZM2.51163 33.9282V15.0433H0V33.9282H2.51163ZM1.63154 33.9661C1.60945 33.7107 1.81082 33.4884 2.07077 33.4884V36C3.28635 36 4.23832 34.9583 4.13382 33.7497L1.63154 33.9661ZM20.9053 6.85287C21.1138 5.58009 21.0543 4.27776 20.7305 3.02937L18.2992 3.66C18.5353 4.56987 18.5787 5.51908 18.4266 6.44676L20.9053 6.85287ZM10.6264 33.4884C9.83292 33.4884 9.16914 32.8806 9.10043 32.086L6.59815 32.3024C6.77892 34.3929 8.52731 36 10.6264 36V33.4884ZM10.6769 12.9865C11.8152 12.0056 13.0424 10.838 13.8533 9.31979L11.6379 8.1364C11.0579 9.22214 10.1344 10.1385 9.03733 11.0839L10.6769 12.9865ZM32.5912 18.5241C33.0187 16.0518 31.1176 13.7875 28.6071 13.7875V16.2991C29.5558 16.2991 30.2789 17.1559 30.1163 18.0961L32.5912 18.5241ZM2.07077 33.4884C2.31559 33.4884 2.51163 33.6866 2.51163 33.9282H0C0 35.0712 0.92577 36 2.07077 36V33.4884ZM17.317 13.2191C17.053 14.8313 18.2957 16.2991 19.9318 16.2991V13.7875C19.8482 13.7875 19.7814 13.7118 19.7957 13.6252L17.317 13.2191ZM7.74054 16.3587C7.69797 15.8665 7.89447 15.3842 8.26783 15.0624L6.62827 13.1598C5.64316 14.0087 5.12622 15.2796 5.23825 16.5751L7.74054 16.3587Z' fill='black'/%3E%3C/svg%3E%0A");
}
.button.article-vote.article-vote-down::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
    content: url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3965 20.9567L30.1454 21.0649C30.2033 21.7349 30.7788 22.2403 31.4507 22.2113C32.1226 22.1823 32.6523 21.6292 32.6523 20.9567L31.3965 20.9567ZM2.53608 17.9039L3.71738 11.0728L1.24242 10.6446L0.0611165 17.4759L2.53608 17.9039ZM14.2421 2.51163L22.0259 2.51163L22.0259 1.03296e-06L14.2421 1.71344e-06L14.2421 2.51163ZM23.5519 3.91395L24.9118 19.6413L27.4141 19.4249L26.0542 3.69762L23.5519 3.91395ZM3.71738 11.0728C4.56597 6.16571 8.99062 2.51163 14.2421 2.51163L14.2421 1.71344e-06C7.83544 2.27353e-06 2.31053 4.46903 1.24242 10.6446L3.71738 11.0728ZM14.2257 29.5532L15.3353 22.7809L12.8567 22.3748L11.7471 29.1471L14.2257 29.5532ZM24.3845 20.9376L21.9755 23.0135L23.615 24.9161L26.0241 22.8402L24.3845 20.9376ZM17.5926 29.7677L16.7961 32.8384L19.2272 33.469L20.0237 30.3984L17.5926 29.7677ZM15.593 33.4408L15.3502 33.3628L14.582 35.7541L14.8248 35.8321L15.593 33.4408ZM18.799 26.6802C18.2768 27.6581 17.8711 28.6939 17.5926 29.7677L20.0237 30.3984C20.252 29.5182 20.5848 28.6678 21.0144 27.8636L18.799 26.6802ZM15.3502 33.3628C14.8372 33.198 14.4728 32.8017 14.3531 32.34L11.9219 32.9706C12.266 34.2968 13.281 35.3361 14.582 35.7541L15.3502 33.3628ZM16.7961 32.8384C16.7373 33.0644 16.5741 33.2722 16.3271 33.3912L17.4175 35.6538C18.3083 35.2246 18.9774 34.4323 19.2272 33.469L16.7961 32.8384ZM16.3271 33.3912C16.1015 33.4999 15.836 33.5188 15.593 33.4408L14.8248 35.8321C15.6783 36.1063 16.6094 36.0432 17.4175 35.6538L16.3271 33.3912ZM12.7206 19.7009L4.04523 19.7009L4.04523 22.2125L12.7206 22.2125L12.7206 19.7009ZM28.5185 2.25025L30.1454 21.0649L32.6477 20.8485L31.0208 2.03392L28.5185 2.25025ZM30.1407 2.07176L30.1407 20.9567L32.6523 20.9567L32.6523 2.07176L30.1407 2.07176ZM31.0208 2.03392C31.0429 2.28927 30.8415 2.51163 30.5816 2.51163L30.5816 2.84997e-07C29.366 3.91266e-07 28.414 1.04166 28.5185 2.25025L31.0208 2.03392ZM11.7471 29.1471C11.5386 30.4199 11.598 31.7222 11.9219 32.9706L14.3531 32.34C14.117 31.4301 14.0737 30.4809 14.2257 29.5532L11.7471 29.1471ZM22.0259 2.51163C22.8194 2.51163 23.4832 3.11944 23.5519 3.91395L26.0542 3.69762C25.8734 1.60711 24.125 8.49446e-07 22.0259 1.03296e-06L22.0259 2.51163ZM21.9755 23.0135C20.8371 23.9944 19.61 25.162 18.799 26.6802L21.0144 27.8636C21.5944 26.7779 22.5179 25.8615 23.615 24.9161L21.9755 23.0135ZM0.0611165 17.4759C-0.366362 19.9482 1.53477 22.2125 4.04523 22.2125L4.04523 19.7009C3.0965 19.7009 2.37349 18.8441 2.53608 17.9039L0.0611165 17.4759ZM30.5816 2.51163C30.3368 2.51163 30.1407 2.31338 30.1407 2.07176L32.6523 2.07176C32.6523 0.928802 31.7266 1.84897e-07 30.5816 2.84997e-07L30.5816 2.51163ZM15.3353 22.7809C15.5994 21.1687 14.3566 19.7009 12.7206 19.7009L12.7206 22.2125C12.8041 22.2125 12.8709 22.2882 12.8567 22.3748L15.3353 22.7809ZM24.9118 19.6413C24.9544 20.1335 24.7579 20.6158 24.3845 20.9376L26.0241 22.8402C27.0092 21.9913 27.5261 20.7204 27.4141 19.4249L24.9118 19.6413Z' fill='black'/%3E%3C/svg%3E%0A");
}
.button.article-vote.article-vote-up:hover,
.button.article-vote.article-vote-down:hover{
  background-color:#f6f6f6;
  color:#242B30;
}
/*.button.article-vote.article-vote-up:hover::before{
  content:url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25581 15.0433L2.50696 14.9351C2.44902 14.2651 1.87356 13.7597 1.20168 13.7887C0.529786 13.8177 0 14.3708 0 15.0433H1.25581ZM30.1163 18.0961L28.935 24.9272L31.4099 25.3554L32.5912 18.5241L30.1163 18.0961ZM18.4102 33.4884H10.6264V36H18.4102V33.4884ZM9.10043 32.086L7.74054 16.3587L5.23825 16.5751L6.59815 32.3024L9.10043 32.086ZM28.935 24.9272C28.0864 29.8343 23.6617 33.4884 18.4102 33.4884V36C24.8169 36 30.3418 31.531 31.4099 25.3554L28.935 24.9272ZM18.4266 6.44676L17.317 13.2191L19.7957 13.6252L20.9053 6.85287L18.4266 6.44676ZM8.26783 15.0624L10.6769 12.9865L9.03733 11.0839L6.62827 13.1598L8.26783 15.0624ZM15.0597 6.23228L15.8562 3.16165L13.4252 2.53099L12.6286 5.60163L15.0597 6.23228ZM17.0593 2.55919L17.3021 2.63717L18.0703 0.245913L17.8275 0.167935L17.0593 2.55919ZM13.8533 9.31979C14.3756 8.34191 14.7813 7.30613 15.0597 6.23228L12.6286 5.60163C12.4003 6.48178 12.0675 7.33216 11.6379 8.1364L13.8533 9.31979ZM17.3021 2.63717C17.8151 2.802 18.1795 3.19828 18.2992 3.66L20.7305 3.02937C20.3864 1.70319 19.3714 0.663865 18.0703 0.245913L17.3021 2.63717ZM15.8562 3.16165C15.915 2.93558 16.0783 2.72784 16.3253 2.6088L15.2349 0.346178C14.3441 0.775398 13.675 1.5677 13.4252 2.53099L15.8562 3.16165ZM16.3253 2.6088C16.5508 2.50008 16.8164 2.48116 17.0593 2.55919L17.8275 0.167935C16.9741 -0.106251 16.0429 -0.0432086 15.2349 0.346178L16.3253 2.6088ZM19.9318 16.2991H28.6071V13.7875H19.9318V16.2991ZM4.13382 33.7497L2.50696 14.9351L0.00467159 15.1515L1.63154 33.9661L4.13382 33.7497ZM2.51163 33.9282V15.0433H0V33.9282H2.51163ZM1.63154 33.9661C1.60945 33.7107 1.81082 33.4884 2.07077 33.4884V36C3.28635 36 4.23832 34.9583 4.13382 33.7497L1.63154 33.9661ZM20.9053 6.85287C21.1138 5.58009 21.0543 4.27776 20.7305 3.02937L18.2992 3.66C18.5353 4.56987 18.5787 5.51908 18.4266 6.44676L20.9053 6.85287ZM10.6264 33.4884C9.83292 33.4884 9.16914 32.8806 9.10043 32.086L6.59815 32.3024C6.77892 34.3929 8.52731 36 10.6264 36V33.4884ZM10.6769 12.9865C11.8152 12.0056 13.0424 10.838 13.8533 9.31979L11.6379 8.1364C11.0579 9.22214 10.1344 10.1385 9.03733 11.0839L10.6769 12.9865ZM32.5912 18.5241C33.0187 16.0518 31.1176 13.7875 28.6071 13.7875V16.2991C29.5558 16.2991 30.2789 17.1559 30.1163 18.0961L32.5912 18.5241ZM2.07077 33.4884C2.31559 33.4884 2.51163 33.6866 2.51163 33.9282H0C0 35.0712 0.92577 36 2.07077 36V33.4884ZM17.317 13.2191C17.053 14.8313 18.2957 16.2991 19.9318 16.2991V13.7875C19.8482 13.7875 19.7814 13.7118 19.7957 13.6252L17.317 13.2191ZM7.74054 16.3587C7.69797 15.8665 7.89447 15.3842 8.26783 15.0624L6.62827 13.1598C5.64316 14.0087 5.12622 15.2796 5.23825 16.5751L7.74054 16.3587Z' fill='white'/%3E%3C/svg%3E%0A");
}*/
/*.button.article-vote.article-vote-down:hover::before{
content: url("data:image/svg+xml,%0A%3Csvg width='33' height='36' viewBox='0 0 33 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3965 20.9567L30.1454 21.0649C30.2033 21.7349 30.7788 22.2403 31.4507 22.2113C32.1226 22.1823 32.6523 21.6292 32.6523 20.9567L31.3965 20.9567ZM2.53608 17.9039L3.71738 11.0728L1.24242 10.6446L0.0611165 17.4759L2.53608 17.9039ZM14.2421 2.51163L22.0259 2.51163L22.0259 1.03296e-06L14.2421 1.71344e-06L14.2421 2.51163ZM23.5519 3.91395L24.9118 19.6413L27.4141 19.4249L26.0542 3.69762L23.5519 3.91395ZM3.71738 11.0728C4.56597 6.16571 8.99062 2.51163 14.2421 2.51163L14.2421 1.71344e-06C7.83544 2.27353e-06 2.31053 4.46903 1.24242 10.6446L3.71738 11.0728ZM14.2257 29.5532L15.3353 22.7809L12.8567 22.3748L11.7471 29.1471L14.2257 29.5532ZM24.3845 20.9376L21.9755 23.0135L23.615 24.9161L26.0241 22.8402L24.3845 20.9376ZM17.5926 29.7677L16.7961 32.8384L19.2272 33.469L20.0237 30.3984L17.5926 29.7677ZM15.593 33.4408L15.3502 33.3628L14.582 35.7541L14.8248 35.8321L15.593 33.4408ZM18.799 26.6802C18.2768 27.6581 17.8711 28.6939 17.5926 29.7677L20.0237 30.3984C20.252 29.5182 20.5848 28.6678 21.0144 27.8636L18.799 26.6802ZM15.3502 33.3628C14.8372 33.198 14.4728 32.8017 14.3531 32.34L11.9219 32.9706C12.266 34.2968 13.281 35.3361 14.582 35.7541L15.3502 33.3628ZM16.7961 32.8384C16.7373 33.0644 16.5741 33.2722 16.3271 33.3912L17.4175 35.6538C18.3083 35.2246 18.9774 34.4323 19.2272 33.469L16.7961 32.8384ZM16.3271 33.3912C16.1015 33.4999 15.836 33.5188 15.593 33.4408L14.8248 35.8321C15.6783 36.1063 16.6094 36.0432 17.4175 35.6538L16.3271 33.3912ZM12.7206 19.7009L4.04523 19.7009L4.04523 22.2125L12.7206 22.2125L12.7206 19.7009ZM28.5185 2.25025L30.1454 21.0649L32.6477 20.8485L31.0208 2.03392L28.5185 2.25025ZM30.1407 2.07176L30.1407 20.9567L32.6523 20.9567L32.6523 2.07176L30.1407 2.07176ZM31.0208 2.03392C31.0429 2.28927 30.8415 2.51163 30.5816 2.51163L30.5816 2.84997e-07C29.366 3.91266e-07 28.414 1.04166 28.5185 2.25025L31.0208 2.03392ZM11.7471 29.1471C11.5386 30.4199 11.598 31.7222 11.9219 32.9706L14.3531 32.34C14.117 31.4301 14.0737 30.4809 14.2257 29.5532L11.7471 29.1471ZM22.0259 2.51163C22.8194 2.51163 23.4832 3.11944 23.5519 3.91395L26.0542 3.69762C25.8734 1.60711 24.125 8.49446e-07 22.0259 1.03296e-06L22.0259 2.51163ZM21.9755 23.0135C20.8371 23.9944 19.61 25.162 18.799 26.6802L21.0144 27.8636C21.5944 26.7779 22.5179 25.8615 23.615 24.9161L21.9755 23.0135ZM0.0611165 17.4759C-0.366362 19.9482 1.53477 22.2125 4.04523 22.2125L4.04523 19.7009C3.0965 19.7009 2.37349 18.8441 2.53608 17.9039L0.0611165 17.4759ZM30.5816 2.51163C30.3368 2.51163 30.1407 2.31338 30.1407 2.07176L32.6523 2.07176C32.6523 0.928802 31.7266 1.84897e-07 30.5816 2.84997e-07L30.5816 2.51163ZM15.3353 22.7809C15.5994 21.1687 14.3566 19.7009 12.7206 19.7009L12.7206 22.2125C12.8041 22.2125 12.8709 22.2882 12.8567 22.3748L15.3353 22.7809ZM24.9118 19.6413C24.9544 20.1335 24.7579 20.6158 24.3845 20.9376L26.0241 22.8402C27.0092 21.9913 27.5261 20.7204 27.4141 19.4249L24.9118 19.6413Z' fill='white'/%3E%3C/svg%3E%0A")
}*/
.button.article-vote.article-vote-up.article-user-liked,
.button.article-vote.article-vote-down.article-user-disliked
{
    background-color: #0B1412!important;
    color: #ffffff!important;
}
.button.article-vote.article-vote-up.article-user-liked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41402 15.4007L2.66516 15.2926C2.60723 14.6225 2.03176 14.1171 1.35988 14.1461C0.687989 14.1751 0.158203 14.7282 0.158203 15.4007H1.41402ZM30.2745 18.4535L29.0932 25.2847L31.5681 25.7128L32.7494 18.8815L30.2745 18.4535ZM28.7653 16.6565H20.09L10.7847 36.3574H18.5684L28.7653 16.6565ZM9.75 32.1787L20.09 16.6565L5.39646 16.9325L6.75635 32.6598L9.75 32.1787ZM29.0932 25.2847C28.2446 30.1917 34.0168 16.6565 28.7653 16.6565L18.5684 36.3574C24.9751 36.3574 30.5 31.8884 31.5681 25.7128L29.0932 25.2847ZM18.5849 6.80418L8.42603 15.4198L19.9539 13.9826L21.0635 7.21029L18.5849 6.80418ZM8.42603 15.4198L11.1094 13.5172L9.19553 11.4413L6.78647 13.5172L8.42603 15.4198ZM18.75 4.17871L17.5762 2.17871L13.5834 2.88841L12.7868 5.95905L18.75 4.17871ZM17.2175 2.91661L14.5119 14.1449L14.0115 15.9679L18.2285 0.603335L17.9857 0.525357L17.2175 2.91661ZM18.5849 6.80418C19.1071 5.8263 19.25 4.67871 18.75 4.17871L12.7868 5.95905C12.5585 6.83921 12.2257 7.68958 11.7961 8.49382L18.5849 6.80418ZM14.0115 15.9679C14.5246 16.1327 18.6303 3.71699 18.75 4.17871L20.8887 3.38679C20.5446 2.06062 19.5296 1.02129 18.2285 0.603335L14.0115 15.9679ZM17.5762 2.17871C17.6349 1.95265 15.1461 3.03565 15.3931 2.91661V0.703599C14.5023 1.13282 13.8332 1.92512 13.5834 2.88841L17.5762 2.17871ZM15.3931 2.91661C15.75 2.91661 15.3931 2.88841 17.2175 2.91661L17.9857 0.525357C17.1323 0.251171 16.2011 0.314213 15.3931 0.703599V2.91661ZM20.09 16.6565H28.7653V14.1449H20.09V16.6565ZM4.29203 34.1072L2.66516 15.2926L0.162875 15.5089L1.78974 34.3235L4.29203 34.1072ZM2.66983 34.2857V15.4007H0.158203V34.2857H2.66983ZM1.78974 34.3235C1.76765 34.0682 1.96902 33.8458 2.22897 33.8458V36.3574C3.44455 36.3574 4.39653 35.3158 4.29203 34.1072L1.78974 34.3235ZM21.0635 7.21029C21.272 5.93752 21.2125 4.63519 20.8887 3.38679L18.75 4.17871C18.9861 5.08857 18.7369 5.8765 18.5849 6.80418L21.0635 7.21029ZM20.09 16.6565C19.2965 16.6565 10.0559 31.7195 9.75 32.1787L6.75635 32.6598C6.93712 34.7503 8.68551 36.3574 10.7847 36.3574L20.09 16.6565ZM11.1094 13.5172C12.2477 12.5363 17.7739 8.32234 18.5849 6.80418L11.7961 8.49382C11.2161 9.57956 10.2926 10.4959 9.19553 11.4413L11.1094 13.5172ZM32.7494 18.8815C33.1769 16.4092 31.2758 14.1449 28.7653 14.1449V16.6565C29.714 16.6565 30.4371 17.5133 30.2745 18.4535L32.7494 18.8815ZM2.22897 33.8458C2.47379 33.8458 2.66983 34.044 2.66983 34.2857H0.158203C0.158203 35.4286 1.08397 36.3574 2.22897 36.3574V33.8458ZM8.42603 15.4198C8.16198 17.0321 18.4539 16.6565 20.09 16.6565V14.1449C20.0064 14.1449 19.9396 14.0692 19.9539 13.9826L8.42603 15.4198ZM20.09 16.6565C20.0474 16.1643 8.05267 15.7416 8.42603 15.4198L6.78647 13.5172C5.80136 14.3661 5.28442 15.637 5.39646 16.9325L20.09 16.6565Z' fill='white'/%3E%3C/svg%3E%0A");
}
.button.article-vote.article-vote-down.article-user-disliked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.0997 21.3141L30.8485 21.4223C30.9064 22.0923 31.4819 22.5978 32.1538 22.5688C32.8257 22.5398 33.3555 21.9866 33.3555 21.3141L32.0997 21.3141ZM3.2392 18.2613L4.42051 11.4302L1.94555 11.002L0.764246 17.8333L3.2392 18.2613ZM4.74836 20.0583L13.4237 20.0583L22.729 0.357421L14.9452 0.35742L4.74836 20.0583ZM23.7637 4.53613L13.4237 20.0583L28.1172 19.7824L26.7573 4.05504L23.7637 4.53613ZM4.42051 11.4302C5.2691 6.52313 -0.503128 20.0583 4.74836 20.0583L14.9452 0.35742C8.53857 0.35742 3.01366 4.82644 1.94555 11.002L4.42051 11.4302ZM14.9288 29.9107L25.0876 21.295L13.5598 22.7323L12.4502 29.5046L14.9288 29.9107ZM25.0876 21.295L22.4043 23.1976L24.3181 25.2735L26.7272 23.1976L25.0876 21.295ZM14.7637 32.5361L15.9375 34.5361L19.9303 33.8264L20.7269 30.7558L14.7637 32.5361ZM16.2962 33.7982L19.0018 22.5699L19.5022 20.7469L15.2851 36.1115L15.5279 36.1895L16.2962 33.7982ZM14.9288 29.9107C14.4066 30.8885 14.2637 32.0361 14.7637 32.5361L20.7269 30.7558C20.9552 29.8756 21.2879 29.0253 21.7176 28.221L14.9288 29.9107ZM19.5022 20.7469C18.9891 20.5821 14.8834 32.9979 14.7637 32.5361L12.625 33.3281C12.9691 34.6542 13.9841 35.6936 15.2851 36.1115L19.5022 20.7469ZM15.9375 34.5361C15.8787 34.7622 18.3676 33.6792 18.1206 33.7982L18.1206 36.0112C19.0114 35.582 19.6805 34.7897 19.9303 33.8264L15.9375 34.5361ZM18.1206 33.7982C17.7637 33.7982 18.1206 33.8264 16.2962 33.7982L15.5279 36.1895C16.3814 36.4637 17.3125 36.4006 18.1206 36.0112L18.1206 33.7982ZM13.4237 20.0583L4.74836 20.0583L4.74836 22.5699L13.4237 22.5699L13.4237 20.0583ZM29.2216 2.60767L30.8485 21.4223L33.3508 21.2059L31.7239 2.39134L29.2216 2.60767ZM30.8438 2.42918L30.8438 21.3141L33.3555 21.3141L33.3555 2.42918L30.8438 2.42918ZM31.7239 2.39134C31.746 2.64669 31.5447 2.86905 31.2847 2.86905L31.2847 0.357422C30.0691 0.357422 29.1171 1.39908 29.2216 2.60767L31.7239 2.39134ZM12.4502 29.5046C12.2417 30.7773 12.3012 32.0797 12.625 33.3281L14.7637 32.5361C14.5276 31.6263 14.7768 30.8383 14.9288 29.9107L12.4502 29.5046ZM13.4237 20.0583C14.2172 20.0583 23.4578 4.99529 23.7637 4.53613L26.7573 4.05504C26.5766 1.96453 24.8282 0.357421 22.729 0.357421L13.4237 20.0583ZM22.4043 23.1976C21.2659 24.1786 15.7397 28.3925 14.9288 29.9107L21.7176 28.221C22.2975 27.1353 23.221 26.2189 24.3181 25.2735L22.4043 23.1976ZM0.764246 17.8333C0.336766 20.3056 2.2379 22.5699 4.74836 22.5699L4.74836 20.0583C3.79963 20.0583 3.07662 19.2015 3.2392 18.2613L0.764246 17.8333ZM31.2847 2.86905C31.0399 2.86905 30.8438 2.6708 30.8438 2.42918L33.3555 2.42918C33.3555 1.28623 32.4297 0.357422 31.2847 0.357422L31.2847 2.86905ZM25.0876 21.295C25.3517 19.6827 15.0598 20.0583 13.4237 20.0583L13.4237 22.5699C13.5072 22.5699 13.5741 22.6456 13.5598 22.7323L25.0876 21.295ZM13.4237 20.0583C13.4663 20.5506 25.461 20.9732 25.0876 21.295L26.7272 23.1976C27.7123 22.3487 28.2293 21.0779 28.1172 19.7824L13.4237 20.0583Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-user-liked,
.article-user-disliked
{
    background-color: #0B1412!important;
    color: #ffffff!important;
}
.article-user-liked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41402 15.4007L2.66516 15.2926C2.60723 14.6225 2.03176 14.1171 1.35988 14.1461C0.687989 14.1751 0.158203 14.7282 0.158203 15.4007H1.41402ZM30.2745 18.4535L29.0932 25.2847L31.5681 25.7128L32.7494 18.8815L30.2745 18.4535ZM28.7653 16.6565H20.09L10.7847 36.3574H18.5684L28.7653 16.6565ZM9.75 32.1787L20.09 16.6565L5.39646 16.9325L6.75635 32.6598L9.75 32.1787ZM29.0932 25.2847C28.2446 30.1917 34.0168 16.6565 28.7653 16.6565L18.5684 36.3574C24.9751 36.3574 30.5 31.8884 31.5681 25.7128L29.0932 25.2847ZM18.5849 6.80418L8.42603 15.4198L19.9539 13.9826L21.0635 7.21029L18.5849 6.80418ZM8.42603 15.4198L11.1094 13.5172L9.19553 11.4413L6.78647 13.5172L8.42603 15.4198ZM18.75 4.17871L17.5762 2.17871L13.5834 2.88841L12.7868 5.95905L18.75 4.17871ZM17.2175 2.91661L14.5119 14.1449L14.0115 15.9679L18.2285 0.603335L17.9857 0.525357L17.2175 2.91661ZM18.5849 6.80418C19.1071 5.8263 19.25 4.67871 18.75 4.17871L12.7868 5.95905C12.5585 6.83921 12.2257 7.68958 11.7961 8.49382L18.5849 6.80418ZM14.0115 15.9679C14.5246 16.1327 18.6303 3.71699 18.75 4.17871L20.8887 3.38679C20.5446 2.06062 19.5296 1.02129 18.2285 0.603335L14.0115 15.9679ZM17.5762 2.17871C17.6349 1.95265 15.1461 3.03565 15.3931 2.91661V0.703599C14.5023 1.13282 13.8332 1.92512 13.5834 2.88841L17.5762 2.17871ZM15.3931 2.91661C15.75 2.91661 15.3931 2.88841 17.2175 2.91661L17.9857 0.525357C17.1323 0.251171 16.2011 0.314213 15.3931 0.703599V2.91661ZM20.09 16.6565H28.7653V14.1449H20.09V16.6565ZM4.29203 34.1072L2.66516 15.2926L0.162875 15.5089L1.78974 34.3235L4.29203 34.1072ZM2.66983 34.2857V15.4007H0.158203V34.2857H2.66983ZM1.78974 34.3235C1.76765 34.0682 1.96902 33.8458 2.22897 33.8458V36.3574C3.44455 36.3574 4.39653 35.3158 4.29203 34.1072L1.78974 34.3235ZM21.0635 7.21029C21.272 5.93752 21.2125 4.63519 20.8887 3.38679L18.75 4.17871C18.9861 5.08857 18.7369 5.8765 18.5849 6.80418L21.0635 7.21029ZM20.09 16.6565C19.2965 16.6565 10.0559 31.7195 9.75 32.1787L6.75635 32.6598C6.93712 34.7503 8.68551 36.3574 10.7847 36.3574L20.09 16.6565ZM11.1094 13.5172C12.2477 12.5363 17.7739 8.32234 18.5849 6.80418L11.7961 8.49382C11.2161 9.57956 10.2926 10.4959 9.19553 11.4413L11.1094 13.5172ZM32.7494 18.8815C33.1769 16.4092 31.2758 14.1449 28.7653 14.1449V16.6565C29.714 16.6565 30.4371 17.5133 30.2745 18.4535L32.7494 18.8815ZM2.22897 33.8458C2.47379 33.8458 2.66983 34.044 2.66983 34.2857H0.158203C0.158203 35.4286 1.08397 36.3574 2.22897 36.3574V33.8458ZM8.42603 15.4198C8.16198 17.0321 18.4539 16.6565 20.09 16.6565V14.1449C20.0064 14.1449 19.9396 14.0692 19.9539 13.9826L8.42603 15.4198ZM20.09 16.6565C20.0474 16.1643 8.05267 15.7416 8.42603 15.4198L6.78647 13.5172C5.80136 14.3661 5.28442 15.637 5.39646 16.9325L20.09 16.6565Z' fill='white'/%3E%3C/svg%3E%0A");
}
.article-user-disliked::before {
    display: inline-block; /* Ensures the pseudo-element behaves as an inline element */
    width: 33px; /* Match the icon's natural width */
    height: 36px; /* Match the icon's natural height */
  content: url("data:image/svg+xml,%0A%3Csvg width='34' height='37' viewBox='0 0 34 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.0997 21.3141L30.8485 21.4223C30.9064 22.0923 31.4819 22.5978 32.1538 22.5688C32.8257 22.5398 33.3555 21.9866 33.3555 21.3141L32.0997 21.3141ZM3.2392 18.2613L4.42051 11.4302L1.94555 11.002L0.764246 17.8333L3.2392 18.2613ZM4.74836 20.0583L13.4237 20.0583L22.729 0.357421L14.9452 0.35742L4.74836 20.0583ZM23.7637 4.53613L13.4237 20.0583L28.1172 19.7824L26.7573 4.05504L23.7637 4.53613ZM4.42051 11.4302C5.2691 6.52313 -0.503128 20.0583 4.74836 20.0583L14.9452 0.35742C8.53857 0.35742 3.01366 4.82644 1.94555 11.002L4.42051 11.4302ZM14.9288 29.9107L25.0876 21.295L13.5598 22.7323L12.4502 29.5046L14.9288 29.9107ZM25.0876 21.295L22.4043 23.1976L24.3181 25.2735L26.7272 23.1976L25.0876 21.295ZM14.7637 32.5361L15.9375 34.5361L19.9303 33.8264L20.7269 30.7558L14.7637 32.5361ZM16.2962 33.7982L19.0018 22.5699L19.5022 20.7469L15.2851 36.1115L15.5279 36.1895L16.2962 33.7982ZM14.9288 29.9107C14.4066 30.8885 14.2637 32.0361 14.7637 32.5361L20.7269 30.7558C20.9552 29.8756 21.2879 29.0253 21.7176 28.221L14.9288 29.9107ZM19.5022 20.7469C18.9891 20.5821 14.8834 32.9979 14.7637 32.5361L12.625 33.3281C12.9691 34.6542 13.9841 35.6936 15.2851 36.1115L19.5022 20.7469ZM15.9375 34.5361C15.8787 34.7622 18.3676 33.6792 18.1206 33.7982L18.1206 36.0112C19.0114 35.582 19.6805 34.7897 19.9303 33.8264L15.9375 34.5361ZM18.1206 33.7982C17.7637 33.7982 18.1206 33.8264 16.2962 33.7982L15.5279 36.1895C16.3814 36.4637 17.3125 36.4006 18.1206 36.0112L18.1206 33.7982ZM13.4237 20.0583L4.74836 20.0583L4.74836 22.5699L13.4237 22.5699L13.4237 20.0583ZM29.2216 2.60767L30.8485 21.4223L33.3508 21.2059L31.7239 2.39134L29.2216 2.60767ZM30.8438 2.42918L30.8438 21.3141L33.3555 21.3141L33.3555 2.42918L30.8438 2.42918ZM31.7239 2.39134C31.746 2.64669 31.5447 2.86905 31.2847 2.86905L31.2847 0.357422C30.0691 0.357422 29.1171 1.39908 29.2216 2.60767L31.7239 2.39134ZM12.4502 29.5046C12.2417 30.7773 12.3012 32.0797 12.625 33.3281L14.7637 32.5361C14.5276 31.6263 14.7768 30.8383 14.9288 29.9107L12.4502 29.5046ZM13.4237 20.0583C14.2172 20.0583 23.4578 4.99529 23.7637 4.53613L26.7573 4.05504C26.5766 1.96453 24.8282 0.357421 22.729 0.357421L13.4237 20.0583ZM22.4043 23.1976C21.2659 24.1786 15.7397 28.3925 14.9288 29.9107L21.7176 28.221C22.2975 27.1353 23.221 26.2189 24.3181 25.2735L22.4043 23.1976ZM0.764246 17.8333C0.336766 20.3056 2.2379 22.5699 4.74836 22.5699L4.74836 20.0583C3.79963 20.0583 3.07662 19.2015 3.2392 18.2613L0.764246 17.8333ZM31.2847 2.86905C31.0399 2.86905 30.8438 2.6708 30.8438 2.42918L33.3555 2.42918C33.3555 1.28623 32.4297 0.357422 31.2847 0.357422L31.2847 2.86905ZM25.0876 21.295C25.3517 19.6827 15.0598 20.0583 13.4237 20.0583L13.4237 22.5699C13.5072 22.5699 13.5741 22.6456 13.5598 22.7323L25.0876 21.295ZM13.4237 20.0583C13.4663 20.5506 25.461 20.9732 25.0876 21.295L26.7272 23.1976C27.7123 22.3487 28.2293 21.0779 28.1172 19.7824L13.4237 20.0583Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* Search page improvements and graded badges */
.search-results-column nav.sub-nav ol.breadcrumbs{
  display:none!important;
}
.search-results-description {
    font-size: 14px;
    line-height: 1.5;
}
.search-results-list > li h2 {
    font-size:16px;
    line-height:1.5;
}
.search-results-subheading {
    margin-top: 0;
}
.search-results-list > li {
    margin-bottom: 26px;
    box-shadow: none;
    border: none;
    background-color: #fafafa;
}
h1.search-results-subheading{
  font-size:14px;
}
@media(max-width:1280px){
  .article-sidebar .collapsible-sidebar-toggle{
    margin-top: -6px;
    float: right;
    position:relative;
    margin-left:10px;
  }
  .article .breadcrumbs{
    display:none;
  }
  .filters-in-section.collapsible-sidebar{
    background-color:transparent;
    padding-left:0;
    padding-right:0;
    margin-bottom:0;
  }
  aside.search-results-sidebar h3.collapsible-sidebar-title.sidenav-title {
    display: none;
}
  section.filters-in-section.collapsible-sidebar .collapsible-sidebar-toggle {
    padding-top: 6px;
}
    .search-results-sidebar .collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
    display: none!important;
  }

  .search-results-sidebar .collapsible-sidebar-toggle {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.26238 6H26.7374C26.9313 6.00006 27.1211 6.05654 27.2836 6.16254C27.446 6.26855 27.5741 6.41951 27.6523 6.59703C27.7304 6.77456 27.7553 6.97098 27.7238 7.16238C27.6923 7.35378 27.6058 7.53188 27.4749 7.675L19.2624 16.7125C19.0915 16.8955 18.9975 17.1371 18.9999 17.3875V24.4625C19.0014 24.6287 18.961 24.7926 18.8823 24.939C18.8036 25.0854 18.6893 25.2095 18.5499 25.3L14.5499 27.9625C14.3998 28.0613 14.2259 28.1179 14.0465 28.1263C13.867 28.1347 13.6886 28.0945 13.53 28.0101C13.3714 27.9257 13.2384 27.8001 13.1452 27.6466C13.0519 27.493 13.0017 27.3172 12.9999 27.1375V17.3875C13.0023 17.1371 12.9083 16.8955 12.7374 16.7125L4.52488 7.675C4.39395 7.53188 4.30747 7.35378 4.27597 7.16238C4.24447 6.97098 4.26932 6.77456 4.34748 6.59703C4.42565 6.41951 4.55375 6.26855 4.7162 6.16254C4.87864 6.05654 5.06841 6.00006 5.26238 6Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-size: 20px; /* Adjust as needed */
  }
    .collapsible-sidebar-toggle[aria-expanded="true"] {
    background-image: none;
  }
  .search-results-column .sub-nav {
    position: sticky!important;
    top: 75px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #ffffff!important;
    z-index:9;
}
  .search-results-sidebar {
    margin-bottom: 0px;
}
  h1.search-results-subheading{
  margin-top:-18px;
}
}
.search-result-badge {
  display: inline-flex;
  align-items: center;
  font-size: 12px!important;
  font-weight: 600!important;
  padding: 4px 8px!important;
  border-radius: 4px;
  margin-left: 6px;
  height:28px;
  line-height: 1.5!important;
  border: 1px solid transparent;
  text-transform:none!important;
  letter-spacing:0px!important;
}

.endorsed-readers {
  background-color: #e8e8ea!important; 
  color: #242b30!important; 
}
.highly-rated {
  background-color:#ebecfa!important;
  color: #015A8F!important; 
}

.top-resource {
  background-color: #DBF7F0!important;
  color: #115549!important;
} 

.hidden {
  display: none !important;
}
.search-result-votes {
  display: none;
}

/* Article image toggle */
  .toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    vertical-align:text-bottom;
  }

  .toggle input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc;
    border-radius: 20px;
    transition: background-color 0.3s ease;
  }

  .slider::before {
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
  }

  input:checked + .slider {
    background-color: #26bc93;
  }

  input:checked + .slider::before {
    transform: translateX(20px);
  }
.toggle-text{
  vertical-align:middle;
  font-size:14px;
}
.article-body hr{
    box-sizing: border-box;
    height: 1px;
    overflow: visible;
    border: none;
    background-color: #f4f4f4!important;
    box-shadow: none;
    margin: 3rem 0px;
}
.cookiehub-declaration {
  margin: 20px 0;
}
.cookiehub-declaration p {
  font-size: 14px;
}
.cookiehub-declaration a {
  color: #333;
}
.cookiehub-categories {
  padding: 20px 0;
}
.cookiehub-category table {
  background: #eee;
  margin-bottom: 20px;
  width: 100%;
}
.cookiehub-category table th, .cookiehub-category td {
  padding: 4px 10px;
}
.cookiehub-category td:last-child {
  text-align: right;
}
.cookiehub-category td span {
  background: #ccc;
  padding: 4px 8px;
  font-size: 12px;
}
.cookiehub-category td[colspan] p {
  background: #fff;
  padding: 10px 20px;
}
.cookiehub-choice dl dt{
  font-weight:bold;
  font-size:14px;
}
.cookiehub-choice dl dd{
  margin-inline-start:0px;
  font-size:14px;
}

/* New styles */
#article-page-container{
  background-color:#fff;
  font-family:Inter, sans-serif;
}
.article-container{
  margin-bottom:0px;
}
.footer-new{
  margin-top:0px;
}
.sidenav-item.current-article, .sidenav-item.current-article:hover {
    color: #242B30;
    background-color: #d2d2d6;
    border-left: 4px solid #2D3282;
    font-weight: 500;
    border-radius: 4px 8px 8px 4px;
    font-family:Inter, sans-serif;
    font-size:14px;
    padding:8px 8px 8px 20px;
}
.sidenav-item.current-article {
    font-weight: 500!important;
}
.sidenav-item:hover {
    color: #242B30;
    background-color: #d2d2d6;
    font-weight: 500;
    border-radius: 8px;
    font-family:Inter, sans-serif;
    font-size:14px;
    padding:8px 8px 8px 20px;
}
.collapsible-sidebar-body li a {
    color: #242B30;
    font-weight: 500;
    font-family:Inter, sans-serif;
    font-size:14px;
    padding:8px 8px 8px 20px;
}
.collapsible-sidebar-body::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.sidenav-item {
    transition: none;
}
.mod-navigator-back{
  width:44px;
  height:44px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' rx='22' fill='%23E8E8EA'/%3E%3Cpath d='M24.2197 15.2197C24.5126 14.9268 24.9874 14.9268 25.2803 15.2197C25.5731 15.5126 25.5732 15.9873 25.2803 16.2802L19.8105 21.7499L25.2803 27.2197L25.332 27.2763C25.5723 27.5709 25.5549 28.0056 25.2803 28.2802C25.0057 28.5548 24.5709 28.5722 24.2764 28.332L24.2197 28.2802L18.2197 22.2802C18.0791 22.1396 18 21.9488 18 21.7499C18 21.5511 18.0791 21.3603 18.2197 21.2197L24.2197 15.2197Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position:center;
  background-repeat:no-repeat;
  display:inline-flex;
  vertical-align:middle;
  margin-right:4px;
  margin-left:0px;
  margin-bottom:3px;
  cursor:pointer;
  transition: all 100ms ease-in-out;
  border:none;
  background-color:transparent;
}
@media (min-width:1280px){
  .mod-navigator-back{
    margin-left:-12px;
  }
    .mod-navigator-back:hover{
    transform:none;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' rx='22' fill='white'/%3E%3Cpath d='M24.2197 15.2197C24.5126 14.9268 24.9874 14.9268 25.2803 15.2197C25.5731 15.5126 25.5732 15.9873 25.2803 16.2802L19.8105 21.7499L25.2803 27.2197L25.332 27.2763C25.5723 27.5709 25.5549 28.0056 25.2803 28.2802C25.0057 28.5548 24.5709 28.5722 24.2764 28.332L24.2197 28.2802L18.2197 22.2802C18.0791 22.1396 18 21.9488 18 21.7499C18 21.5511 18.0791 21.3603 18.2197 21.2197L24.2197 15.2197Z' fill='black'/%3E%3C/svg%3E%0A");
  }
}
h1 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #242b30;
}
.article-content .article-body h2 {
    font-size: 34px !important;
    line-height: 52px !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    font-family: 'Jost'!important;
    font-weight: 600!important;
  color: #242b30;
}
#article-wrapper{
  background-color:#ffffff;
  border-radius:16px;
  padding: 0rem 2rem 2rem 2rem;
}
@media (min-width:1280px){
.article {
    padding: 0;
    border-left: none;
}
}
/* ===== HEADER (final, corrected) ===== */

/* Fixed bar */
html:has(#article-page-container){ --soldo-header-h:72px; }
html:has(#article-page-container) .soldo-article-toolbar{
  position:fixed; inset:0 0 auto 0; z-index:999999;
  background:#000;
  margin:0 !important; padding:16px 0px 0px 0px !important;
}

/* Two-row grid: row1 = left|center|right, row2 = search */
html:has(#article-page-container) .soldo-article-toolbar .soldo-grid.header-grid{
  position:relative; box-sizing:border-box; overflow:visible;
  width:100% !important; max-width:none !important; margin:0 !important;
  padding:24px 24px !important; /* keep the 24px edges */
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  column-gap:24px; row-gap:12px;
  align-items:center;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-grid.header-grid > *{ min-width:0; }

/* Row-1 clusters (vertically centered) */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-left,
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-right{
  grid-row:1; display:flex; align-items:center; gap:12px; min-width:0;
}

/* Left: logo */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-left img{
  width:auto; height:61px; object-fit:contain; border-radius:6px; display:block;
}

/* Center: back + [title + badges inline] using GRID */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{
  grid-row:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr); /* back | title+badges */
  align-items:center; column-gap:12px;
  justify-self:start;
  padding-left:var(--center-extra-left,0px);
  padding-right:0; /* reserved dynamically in media query */
  min-width:0; overflow:hidden;
  position:relative; z-index:1;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-back-button{
  grid-column:1;
  width:32px; height:32px; display:grid; place-items:center;
  border-radius:8px; color:#111; text-decoration:none;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line{
  grid-column:2;
  display:flex; align-items:center; gap:10px;
  min-width:0; overflow:hidden; flex:1 1 auto;margin-left:16px;margin-top:2px;

}
html:has(#article-page-container) .soldo-article-toolbar .soldo-page-title{
  display:block;
  flex:1 1 auto; min-width:0; max-width:100%;
  margin:0; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family: "Jost", sans-serif;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: -0.56px;
}
.purchases-mfe__page-header-template h3 {
   
    color: var(--default-foreground-primary);
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-badges{
  display:inline-flex; gap:8px; flex-wrap:nowrap; align-items:center;
  max-width:50%; flex:0 0 auto;
}
html:has(#article-page-container) .soldo-article-toolbar #time-div,
html:has(#article-page-container) .soldo-article-toolbar .search-result-badge{
  display:inline-flex; align-items:center; height:32px; padding:0 10px;
  border-radius:8px; font-size:12px; line-height:1; color:#111;
}

/* Right: links + button + hamburger */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-right{
  position:relative; justify-self:end; min-width:max-content; white-space:nowrap;
  display:flex; align-items:center; gap:12px; overflow:visible;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-link > a{
  display:inline-flex; align-items:center; height:32px; padding:0 4px;
  border-radius:6px; color:#2d31a6 !important;
  font-weight:500 !important; font-size:14px; text-decoration:none;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-btn{
  display:inline-flex; align-items:center; justify-content:center; height:32px;
  padding:10px 24px; border-radius:8px; border:none;
  background:#2d31a6; color:#fff; font-size:14px; font-weight:600;height:44px;font-family:Inter, sans-serif;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-btn:hover{
  background:#2D3282;
}

/* Hamburger — hidden by default on desktop */
html:has(#article-page-container) .soldo-article-toolbar .soldo-hamburger{
  display:none !important;
  width:36px; height:36px; padding:8px; border:none;outline:0;;
  background:transparent; cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:4px;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-hamburger:focus-visible{ outline:0e; }
.soldo-hamburger-bar{ width:18px; height:2px; background:#fff; border-radius:1px; }

/* Dropdown menu */
html:has(#article-page-container) .soldo-right-menu{
  position:absolute; top:calc(100% + 8px); right:0;
  background:#fff; border:1px solid #E0E3E7; border-radius:10px;
  padding:8px; min-width:220px;
  box-shadow:0 10px 24px rgba(0,0,0,.12); z-index:1000000;
}
html:has(#article-page-container) .soldo-right-menu .menu-link{
  display:block; padding:10px 12px; color:#2d31a6;
  text-decoration:none; border-radius:8px; font-weight:500;
}
html:has(#article-page-container) .soldo-right-menu .menu-link:hover{ background:#f5f6f8; }

/* Row 2: search */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row{
  grid-column:1 / -1; grid-row:2; width:100%;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row .search{
  width:100%; max-width:720px; height:40px;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row input[type="search"]{
  height:40px; line-height:40px; border-radius:8px;
}

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

/* ≤1280px: collapse right → hamburger, reserve space on CENTER */
@media (max-width:1280px){
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-right .soldo-toolbar-link,
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-right .soldo-btn{ display:none !important; }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-hamburger{ display:flex !important; }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{
    padding-right:72px; /* hamburger space */
  }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-badges{ max-width:30%; }
}

/* ≤1024px: tighter, hide badges, bigger search */
@media (max-width:1024px){
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{ padding-left:0 !important; }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-badges{ display:none !important; }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row .search{ max-width:none; height:44px; }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row input[type="search"]{ height:44px; line-height:44px; }
}

/* ≤420px: tighter padding */
@media (max-width:420px){
  html:has(#article-page-container) .soldo-article-toolbar .soldo-grid.header-grid{
    padding-left:16px !important; padding-right:16px !important;
  }
}
/* Search row: center align + wrapper sync */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row{
  grid-column:1 / -1; grid-row:2;
  display:flex; justify-content:center;   /* center horizontally */
}

html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row .search{
  width:100%; max-width:none;
}

/* Make search bar track #article-wrapper width */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row .search{
  max-width:var(--article-wrapper-w, 720px); /* fallback if JS hasn’t run */
}

/* Optional styling consistency */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row input[type="search"]{
  height:44px; line-height:44px; border-radius:8px;
}
/* Row 2: search aligned left with wrapper */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row{
  grid-column: 1 / -1;
  grid-row: 2;
  display: block;      /* no flex centering */
}

html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search-row .search{
  width: 100%;
  max-width: var(--article-wrapper-w, 720px);
  margin-left: var(--search-extra-left, 0px); /* JS will update */
}

/* ===== Below header ===== */
html:has(#article-page-container) #article-page-container{ padding-top:var(--soldo-header-h); }

/* Center cluster: 3 cols (back | gap | title), and a 2nd row for search */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{
  display:grid;
  grid-template-columns: 0px 12px minmax(0,1fr); /* fixed back col! */
  grid-template-rows: auto auto;                  /* row 1 = back+title, row 2 = search */
  align-items:center;
  padding-left: var(--center-extra-left, 0px);    /* your working left alignment */
  min-width:0;
}

/* place items */
html:has(#article-page-container) .soldo-article-toolbar .soldo-back-button{
  grid-column:1; grid-row:1; justify-self:start;
  width:32px; height:32px; /* matches the fixed track */
}

html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line{
  grid-column:3; grid-row:1;
  display:flex; align-items:center; gap:10px; min-width:0;
}

/* search sits on its own row spanning the center area */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search{
  grid-column:1 / -1; grid-row:2; min-width:0;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search .search{
  width:100%; max-width: var(--article-wrapper-w, 720px);
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search {
    margin-top:16px;
}
/* Top-align the three grid columns (left | center | right) */
html:has(#article-page-container) .soldo-article-toolbar .soldo-grid.header-grid{
  align-items: start !important; /* Grid uses start/end/center/stretch */
}

/* Inside the left/right clusters (they are flex) */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-left,
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-right{
  align-items: flex-start !important; /* Flex uses flex-start/flex-end/... */
}

/* Inside the center cluster (it's a grid) */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{
  align-items: start !important;
}

/* If any single item still sits in the middle, pin it explicitly */
html:has(#article-page-container) .soldo-article-toolbar .soldo-back-button,
html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line{
  align-self: start !important; /* Works for both Grid/Flex children */
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line {
    align-self: center !important;
}
/* default look */
.soldo-back-button svg rect {
  fill: #E8E8EA;
  transition: fill 0.2s ease;
}
.soldo-back-button svg path {
  fill: black;
  transition: fill 0.2s ease;
}

/* hover effect */
.soldo-back-button:hover svg rect {
  fill: #ffffff; /* background on hover */
}
.soldo-toolbar-link{
  padding:7px 6px;
  font-family:Inter, sans-serif;
  font-size:14px;
}
html:has(#article-page-container) .soldo-article-toolbar #time-div,
html:has(#article-page-container) .soldo-article-toolbar .search-result-badge {
  white-space: nowrap;   /* 🚀 keeps text in one line */
  overflow: hidden;      /* optional: trims overflow */
  text-overflow: ellipsis; /* optional: adds … if clipped */
}
html:has(#article-page-container) 
  .soldo-article-toolbar .soldo-toolbar-search .search input[type="search"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search .search,
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search .search form {
  width: 100%;
  max-width: var(--article-wrapper-w, 720px);
  margin-left: var(--search-extra-left, 0px);
  box-sizing: border-box;
}
html:has(#article-page-container) 
  .soldo-article-toolbar .soldo-toolbar-search .search input[type="search"] {
    border-radius: 8px;
    background-color: #f6f6f6;
    border: 1px solid #d2d2d2;
}
html:has(#article-page-container) .search {
    border-color: transparent;
}

/* let children (the search) extend outside the center track */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{
  overflow: visible !important;
}

/* make the search wrapper match article width and align its left edge */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search .search,
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search .search form{
  width: var(--article-wrapper-w, 720px) !important; /* not max-width */
  max-width: none !important;
  margin-left: var(--search-extra-left, 0px) !important; /* JS sets this */
  box-sizing: border-box;
}

/* let the input fill the wrapper */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search .search input[type="search"]{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.container {
    padding: 0 24px;
    width: 100%;
  max-width: 100%;
}
@media (min-width:1160px){
  .container {
    padding: 0 24px;
    width: 100%;
    max-width: 100%;
}
}
.collapsible-sidebar{
  padding-left:0px;
}
@media (max-width: 1280px) {
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search {
    margin-left:-64px!important;
}
  html:has(#article-page-container) .on-this-page{
    display:none;
  }
}
/* Hide the old header search row */
html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-search{ display:none !important; }

/* Trigger next to Sign in */
html:has(#article-page-container) .soldo-article-toolbar .soldo-search-trigger{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border:0; border-radius:100px; cursor:pointer;margin-right:-8px;margin-left:-4px;
  background:transparent; 
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-search-trigger:hover{ background:#fff; }

/* Popover shell (fixed, anchored to trigger via JS) */
#soldo-search-popover[hidden]{ display:none !important; }
#soldo-search-popover{
  position:fixed; z-index:2147483000; /* very high */
  width:min(880px, calc(100vw - 32px));
  background:#fff; border:1px solid #E0E3E7; border-radius:14px;
  box-shadow:0 24px 48px rgba(0,0,0,.20);
  padding:12px;
}

/* Keep suggestions visible + full width inside */
#soldo-search-popover .soldo-search-slot,
#soldo-search-popover .search{ position:relative; overflow:visible; }
#soldo-search-popover .search,
#soldo-search-popover .search form{ width:100% !important; max-width:100% !important; }
#soldo-search-popover input[type="search"]{
  height:52px !important; line-height:52px !important;
  border-radius:12px !important; background:#f6f6f6 !important; border:1px solid #d2d2d6 !important;
  padding:0 16px !important; font-size:16px !important; width:100% !important; box-sizing:border-box;
  border-radius:8px!important;
  font-family:'Inter', san-serif!important;
  color:#242B30!important;
}

/* Most common Zendesk/Algolia dropdowns when they render INSIDE the popover */
#soldo-search-popover .search .search-results,
#soldo-search-popover .search .search-suggestions,
#soldo-search-popover .search .instant-search,
#soldo-search-popover .algolia-autocomplete .aa-dropdown-menu,
#soldo-search-popover .aa-dropdown-menu{
  position:absolute !important; z-index:2147483200 !important;
  left:0; right:0; top:100%; max-height:60vh; overflow:auto; box-sizing:border-box;
}
/* Force dropdowns to stay inside the popover */
#soldo-search-popover .search .instant-search,
#soldo-search-popover .search .search-results,
#soldo-search-popover .search .search-suggestions,
#soldo-search-popover .algolia-autocomplete .aa-dropdown-menu,
#soldo-search-popover .aa-dropdown-menu {
  position: absolute !important;
  top: 100%;   /* sit directly below input */
  left: 0;
  right: 0;
  max-height: 60vh;    /* controls scrollable height */
  overflow-y: auto;    /* makes the results scrollable */
  z-index: 2147483200 !important;
}
#soldo-search-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 2147483199; /* just under the popover */
}
#soldo-search-popover {
  position: fixed; /* already positioned in JS */
  z-index: 2147483200; /* higher than backdrop */
}

html:has(#article-page-container) .search .clear-button {
    margin-left: -48px;
    background-color: transparent;
    border-radius: 0;
}
html:has(#article-page-container) .article-container {
    margin-top: 0;
}
html:has(#article-page-container) #article-page-container {
    padding-top: 16px; 
}
html:has(#article-page-container) .on-this-page {
    margin-top: 1.9rem;
    margin-left: -24px;
    background-color: #ffffff;
  border-top-right-radius:16px;
  border-bottom-right-radius:16px;
  margin-bottom:0px;
}
html:has(#article-page-container) .container {
    padding-bottom: 2rem;
}
html:has(#article-page-container) .on-this-page .collapsible-sidebar {
    position: sticky;
    top: -12rem;
  padding-top: 22.4rem;
  padding-left:1.5rem;
}
html:has(#article-page-container) .on-this-page .sidenav-item.current-article {
    background-color: initial;
    color: #242b30;
    font-weight: 500!important;
  font-size:13px;
  font-family:Inter, sans-serif;
    border-left: 2px solid #2d31a6;
    margin-left: -1px;
  border-radius:0px;
}
html:has(#article-page-container) .on-this-page .collapsible-sidebar-body::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
h3.collapsible-sidebar-title.sidenav-title, #mod-article-navigator-title, .sidenav-title, .on-this-page #article-navigator-title {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500!important;
    font-family: 'Inter',sans-serif;
  color: #242b30;
}
.on-this-page .collapsible-sidebar-body li a:hover {
    padding: 4px 20px;
}
@media (min-width: 1280px) {
.article {
    max-width: initial;
}
}
html:has(#article-page-container) .collapsible-sidebar-body li a, .collapsible-sidebar-body li a {
    color: #242B30;
    font-weight: 400;
    font-family: Inter, sans-serif;
  letter-spacing:-0.02em;
}
html:has(#article-page-container) .collapsible-sidebar-body {
    scrollbar-color: initial;
}
html:has(#article-page-container) .collapsible-sidebar-body ul {
    margin-right: 8px;
}
@media (max-width: 1280px) {
.article-sidebar {
    margin-top: 1rem;
    margin-bottom: 0px;
}
  html:has(#article-page-container) .sidenav-title {
    margin-left: 4px;
}
}
@media (max-width:1280px){
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{
    padding-right:0 !important;  /* ← was 72px */
  }
}
/* Fluid title sizing with one-line ellipsis */
html:has(#article-page-container) .soldo-article-toolbar .soldo-page-title{
  font-size: clamp(18px, 3.8vw, 28px); /* 28px desktop → ~18px on small screens */
  line-height: 1.25;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Mobile: drop logo, let title use the full left side */
@media (max-width: 680px){
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-left{
    display:none !important;              /* hide logo/link */
  }

  /* Reflow grid: [center | right] */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-grid.header-grid{
    grid-template-columns: minmax(0,1fr) auto !important;
  }

  /* Center cluster fills column 1 */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-toolbar-center{
    grid-row:1; grid-column:1;
    justify-self:start;
    padding-left:0 !important;
    padding-right:0 !important;
    min-width:0;
  }

  /* Tighten spacing so back + title fit nicely */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-back-button{
    width:32px; height:32px;
  }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line{
    margin-left:8px; gap:8px; min-width:0;
  }

  /* Slightly smaller, fluid title for extra room */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-page-title{
    font-size: clamp(17px, 4.5vw, 22px);
  }
}
@media (max-width: 680px){
  /* Title line + back button behave like a flex row */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line{
    display:flex;
    align-items:center;   /* 🔑 vertical centering */
    gap:8px;
    margin-left:8px;
    min-width:0;
  }

  /* Back button stays a square */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-back-button{
    width:32px; height:32px;
    display:flex; align-items:center; justify-content:center;
  }

  /* Title scales but stays optically centered */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-page-title{
    font-size: clamp(17px, 4.5vw, 22px);
    line-height:1.2;      /* tighter line box */
    display:flex; align-items:center;  /* centers text within its line box */
  }
}
@media (max-width: 680px){
  /* Make the title row a 2-col grid: [back][title] */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line{
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 8px;
    margin-left: 8px;
    min-width: 0;              /* allow children to shrink */
    overflow: hidden;          /* prevents the row from expanding */
  }

  /* Back button in col 1 */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-back-button{
    grid-column: 1;
    width: 32px; height: 32px;
    display: flex; align-items:center; justify-content:center;
    flex: none;
  }

  /* Title in the flexible track (col 2) with ellipsis */
  html:has(#article-page-container) .soldo-article-toolbar .soldo-page-title{
    grid-column: 2;
    display: block !important; /* ensure it's not flex */
    width: 100%;               /* explicit constraint for Safari */
    min-width: 0;              /* 🔑 needed for ellipsis in grid/flex */
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    /* your fluid sizing */
    font-size: clamp(17px, 4.5vw, 22px);
    line-height: 1.2;
    margin: 0;
  }
  html:has(#article-page-container) .soldo-article-toolbar .soldo-back-button {
    margin-top: 4px;
}
  html:has(#article-page-container) .soldo-article-toolbar .soldo-title-line {
    margin-left: 0px;
}
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-search-trigger {
    width: 44px;
    height: 44px;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-hamburger {
    width: 44px;
    height: 44px;
  margin-left:-8px;
}

/* SURFACE TOGGLES */
/* --- Options trigger button (next to search) --- */
html:has(#article-page-container) .soldo-article-toolbar .soldo-options-trigger{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border:0; border-radius:100px; cursor:pointer;margin-left:-8px;
  background:transparent;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-options-trigger:hover{
  background:#fff;
}

/* --- Popover shell (same style as search/hamburger) --- */
#soldo-options-popover[hidden]{ display:none !important; }
#soldo-options-popover{
  position:fixed; z-index:2147483200;
  width:min(360px, calc(100vw - 32px));
  background:#fff; border:1px solid #E0E3E7; border-radius:14px;
  box-shadow:0 24px 48px rgba(0,0,0,.20);
  padding:12px;
}

/* Backdrop */
#soldo-options-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.4);
  z-index:2147483199;
}

/* Popover header/body */
.soldo-options{
  display:flex; flex-direction:column; gap:12px;
}
.soldo-options .opt-row{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:8px 6px; border-radius:10px;
}
.soldo-options .opt-label{
  font: 500 14px/1.4 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#242B30;
}

/* --- Switch (matches your screenshot) --- */
.soldo-switch{
  --h:24px; --w:46px; --pad:3px; --knob: calc(var(--h) - var(--pad)*2);
  position:relative; width:var(--w); height:var(--h);
}
.soldo-switch input{
  position:absolute; inset:0; opacity:0; pointer-events:auto; cursor:pointer;
}
.soldo-switch .track{
  position:absolute; inset:0;
  background:#e6e7ea; border-radius:999px; box-shadow:inset 0 0 0 1px #cfd3da;
  transition: background .2s ease, box-shadow .2s ease;
}
.soldo-switch .knob{
  position:absolute; top:var(--pad); left:var(--pad);
  width:var(--knob); height:var(--knob);
  border-radius:999px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2);
  display:grid; place-items:center; font-size:11px; line-height:1; color:#6b7280;
  transition:left .2s ease, color .2s ease, background .2s ease;
}
.soldo-switch .icon{
  font-weight:700; font-family:Inter, system-ui, sans-serif;
}
.soldo-switch input:checked ~ .track{ background:#2d31a6; box-shadow:inset 0 0 0 1px #2d31a6; }
.soldo-switch input:checked ~ .knob{ left: calc(var(--w) - var(--pad) - var(--knob)); color:#fff; background:#2b2f9c; }

/* focus ring */
.soldo-switch input:focus-visible ~ .track{
  outline:2px solid #2d31a6; outline-offset:2px;
}
html:has(#article-page-container) div#non-surface-ui{
  display:none;
}

/* --- CONTENT TAGS --- */
/* ===== Meta row chips (desktop/tablet) ===== */
.article-topics {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 24px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.article-topics-label {
  font-size: 12px;
  color: #5B6166;
  margin-right: 2px;
  white-space: nowrap;
}
/* Overflow popover */
.tag-popover {
  position: fixed;
  z-index: 2147483200;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 8px 28px rgba(0,0,0,0.18);
  border-radius: 10px;
  padding: 8px;
}
.tag-popover-item {
  display: block;
  padding: 6px 8px;
  font-size: 13px;
  border-radius: 6px;
  color: #242B30;
  text-decoration: none;
}
.tag-popover-item:hover { background: #F6F7F8; }

/* ===== Mobile trigger + bottom sheet ===== */
@media (max-width: 768px) {
  .tag-trigger-pill {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,0.12);
    background: #fff;
    color: #242B30;
  }

  #tag-sheet[hidden] { display: none !important; }
  #tag-sheet { position: fixed; inset: 0; z-index: 2147483200; }
  .tag-sheet-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.35); }

  .tag-sheet-panel {
    position: absolute; left: 0; right: 0; bottom: 0;
    transform: translateY(100%);
    background: #fff;
    border-top-left-radius: 16px; border-top-right-radius: 16px;
    box-shadow: 0 -10px 30px rgba(0,0,0,0.2);
    transition: transform .2s ease;
    max-height: 70vh; display: flex; flex-direction: column;
  }
  #tag-sheet.open .tag-sheet-panel { transform: translateY(0); }

  .tag-sheet-handle { width: 44px; height: 4px; border-radius: 2px; background: #D6D7DA; margin: 10px auto 6px; }
  .tag-sheet-header { display: flex; align-items: center; justify-content: space-between; padding: 6px 16px 8px; }
  .tag-sheet-title { font-weight: 600; }
  .tag-sheet-close { font-size: 24px; background: none; border: 0; cursor: pointer; }

  .tag-sheet-body {
    padding: 12px 16px 20px;
    overflow-y: auto;
    display: flex; flex-wrap: wrap; gap: 8px;
  }
  .tag-chip--sheet { background: #F6F7F8; border-color: transparent; font-size: 14px; padding: 8px 12px; }
}
/* ===== Content Tag Chips (Soldo) ===== */

/* Design tokens from you */
:root{
  --chip-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
  --chip-font-size: 14px;
  --chip-line-height: 24px;         /* exactly as provided */
  --chip-letter-spacing: -0.02em;   /* -2% tracking */

  --chip-pad-y: 4px;                /* top/bottom */
  --chip-pad-x: 12px;               /* left/right */
  --chip-radius: 9999px;
  --chip-border-w: 2px;

  --chip-fg: #144798;               /* text + icon */
  --chip-bg: #EEF4FF;               /* normal background */
  --chip-border: #144798;           /* outline */

  --chip-bg-hover: #C7D7FE;         /* hover background */
  --chip-focus-ring: rgba(20, 71, 152, .35); /* accessible focus glow */
}

/* Base look (applies to desktop meta, “+N”, and mobile sheet) */
.tag-chip,
.tag-chip--sheet,
.tag-chip.tag-chip--more{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: var(--chip-pad-y) var(--chip-pad-x);
  border-radius: var(--chip-radius);
  border: var(--chip-border-w) solid var(--chip-border);
  background: var(--chip-bg);
  color: var(--chip-fg);
  font: normal var(--chip-font-size)/var(--chip-line-height) var(--chip-font-family);
  letter-spacing: var(--chip-letter-spacing);
  text-decoration: none;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .12s ease, box-shadow .12s ease, transform .06s ease;
}
.tag-chip--more{ cursor:pointer; }

/* Hover / active */
.tag-chip:hover,
.tag-chip--sheet:hover,
.tag-chip--more:hover{
  background: var(--chip-bg-hover);
}
.tag-chip:active,
.tag-chip--sheet:active,
.tag-chip--more:active{ transform: translateY(1px); }

/* Focus ring */
.tag-chip:focus-visible,
.tag-chip--sheet:focus-visible,
.tag-chip--more:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px var(--chip-focus-ring);
}

/* ✓ icon using your SVG (adds when .has-check is present) */
.tag-chip.has-check::before,
.tag-chip--sheet.has-check::before,
.tag-chip--more.has-check::before{
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
 background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1377 4.15457C12.3282 3.95506 12.645 3.94778 12.8447 4.13797C13.0443 4.32848 13.0525 4.64522 12.8623 4.845L5.86226 12.178C5.76933 12.2754 5.64041 12.3317 5.50582 12.3333C5.3712 12.3348 5.24164 12.282 5.14644 12.1868L2.81344 9.8538C2.61817 9.65853 2.61817 9.34202 2.81344 9.14676C2.99645 8.96382 3.28602 8.95159 3.48238 9.1116L3.52047 9.14676L5.49117 11.1174L12.1377 4.15457Z' fill='%23CC6611'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
}

/* Popover items keep brand color */
.tag-popover-item{
  color: var(--chip-fg);
  font: normal 13px/20px var(--chip-font-family);
  letter-spacing: var(--chip-letter-spacing);
  padding: 8px 10px;
  border-radius: 10px;
}
.tag-popover-item:hover{ background: #F2F6FF; }

/* Meta-row layout guard so chips don't overflow abruptly */
.article-topics{
  display:flex; align-items:center; gap:6px; margin-top:24px; flex-wrap:nowrap;
  overflow:hidden;
}
.article-topics-label{
  font: 500 12px/18px var(--chip-font-family);
  color:#5B6166; white-space:nowrap; margin-right:2px;
}

/* Mobile sheet uses same chip look; no extra CSS needed beyond your existing sheet styles */
/* ===== Content Tag Chips (Soldo) ===== */

/* Design tokens from you */
:root{
  --chip-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
  --chip-font-size: 14px;
  --chip-line-height: 24px;         /* exactly as provided */
  --chip-letter-spacing: -0.02em;   /* -2% tracking */

  --chip-pad-y: 4px;                /* top/bottom */
  --chip-pad-x: 12px;               /* left/right */
  --chip-radius: 9999px;
  --chip-border-w: 1px;

  --chip-fg: #144798;               /* text + icon */
  --chip-bg: #EEF4FF;               /* normal background */
  --chip-border: #144798;           /* outline */

  --chip-bg-hover: #C7D7FE;         /* hover background */
  --chip-focus-ring: rgba(20, 71, 152, .35); /* accessible focus glow */
}

/* Base look (applies to desktop meta, “+N”, and mobile sheet) */
.tag-chip,
.tag-chip--sheet,
.tag-chip.tag-chip--more,.content-tag{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: var(--chip-pad-y) var(--chip-pad-x);
  border-radius: var(--chip-radius);
  border: var(--chip-border-w) solid var(--chip-border);
  background: var(--chip-bg);
  color: var(--chip-fg);
  font: normal var(--chip-font-size)/var(--chip-line-height) var(--chip-font-family);
  letter-spacing: var(--chip-letter-spacing);
  text-decoration: none;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .12s ease, box-shadow .12s ease, transform .06s ease;
}
.tag-chip--more{ cursor:pointer; }

/* Hover / active */
.content-tag:hover,
.tag-chip:hover,
.tag-chip--sheet:hover,
.tag-chip--more:hover{
  background: var(--chip-bg-hover);
}
.tag-chip:active,
.tag-chip--sheet:active,
.tag-chip--more:active{ transform: translateY(1px); }

/* Focus ring */
.content-tag:focus-visible,
.tag-chip:focus-visible,
.tag-chip--sheet:focus-visible,
.tag-chip--more:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px var(--chip-focus-ring);
}

/* ✓ icon using your SVG (adds when .has-check is present) */
.tag-chip.has-check::before,
.tag-chip--sheet.has-check::before,
.tag-chip--more.has-check::before{
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1377 4.15457C12.3282 3.95506 12.645 3.94778 12.8447 4.13797C13.0443 4.32848 13.0525 4.64522 12.8623 4.845L5.86226 12.178C5.76933 12.2754 5.64041 12.3317 5.50582 12.3333C5.3712 12.3348 5.24164 12.282 5.14644 12.1868L2.81344 9.8538C2.61817 9.65853 2.61817 9.34202 2.81344 9.14676C2.99645 8.96382 3.28602 8.95159 3.48238 9.1116L3.52047 9.14676L5.49117 11.1174L12.1377 4.15457Z' fill='%23CC6611'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
}

/* Popover items keep brand color */
.tag-popover-item{
  color: var(--chip-fg);
  font: normal 13px/20px var(--chip-font-family);
  letter-spacing: var(--chip-letter-spacing);
  padding: 8px 10px;
  border-radius: 10px;
}
.tag-popover-item:hover{ background: #F2F6FF; }

/* Meta-row layout guard so chips don't overflow abruptly */
.article-topics{
  display:flex; align-items:center; gap:6px; margin-top:24px; flex-wrap:nowrap;
  overflow:hidden;
}
.article-topics-label{
  font: 500 12px/18px var(--chip-font-family);
  color:#5B6166; white-space:nowrap; margin-right:2px;
}

/* keep chips blue even when visited */
.tag-chip:link,
.tag-chip:visited,
.tag-chip--sheet:link,
.tag-chip--sheet:visited,
.tag-popover-item:link,
.tag-popover-item:visited {
  color: var(--chip-fg); /* #144798 */
  text-decoration: none; /* optional */
}
/* +N chip */
.tag-chip--more {
  background: var(--chip-bg);            /* keep the background (#EEF4FF) */
  border-color: var(--chip-bg)!important;          /* match border to background */
  color: var(--chip-fg);                 /* keep text color #144798 */
}

/* remove checkmark for +N */
.tag-chip--more.has-check::before {
  content: none !important;
}

.article-meta, .meta-data {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: none;
    font-family: Inter, sans-serif;
  letter-spacing:-0.02em;
  color:#242B30;
}
.article-meta a {
 color:#242B30;
}
.article .meta-group {
    margin-top: 0px;
}
.meta-data{
     font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
    font-family: Inter, sans-serif;
  letter-spacing:0;
  color:#6F7179;
}
.avatar img {
    width: 40px;
    height: 40px;
}
.article-header .article-author {
    margin-top: 24px;
}
.article-header {
    margin-bottom: 0px;
}
/* ===== Smaller inline chips on compact phones ===== */
/* Only affects the meta-row chips; NOT the bottom-sheet (.tag-chip--sheet) */

@media (max-width: 600px) {
  .article-topics {
    gap: 3px;
  }

  .article-topics .tag-chip,
  .article-topics .tag-chip--more {
    font-size: 12.5px;      /* down from 14px */
    line-height: 20px;      /* down from 24px */
    padding: 2px 8px;       /* was 4px 12px */
    border-width: 1px;      /* was 2px */
    gap: 5px;               /* tighten icon gap */
    max-width: 46vw;        /* prevent one chip from hogging the row */
  }

  .article-topics .tag-chip.has-check::before {
    width: 12px; height: 12px;
    background-size: 12px 12px;
  }
}

@media (max-width: 480px) {
  .article-topics .tag-chip,
  .article-topics .tag-chip--more {
    font-size: 12px;
    line-height: 18px;
    padding: 2px 7px;
    max-width: 44vw;
  }

  .article-topics .tag-chip.has-check::before {
    width: 11px; height: 11px;
    background-size: 11px 11px;
  }
}

@media (max-width: 360px) {
  .article-topics .tag-chip,
  .article-topics .tag-chip--more {
    font-size: 11px;
    line-height: 16px;
    padding: 1.5px 6px;
    max-width: 42vw;
  }

  .article-topics .tag-chip.has-check::before {
    width: 10px; height: 10px;
    background-size: 10px 10px;
  }
}

/* keep +N flat and fully opaque at all sizes */
.article-topics .tag-chip--more {
  border-color: var(--chip-bg);
  background-color: var(--chip-bg);
  color: var(--chip-fg);
  opacity: 1;
  -webkit-appearance: none;
  appearance: none;
}
/* optional: hide the tick only on very small phones */
@media (max-width: 480px) {
  .article-topics .tag-chip.has-check::before { display: none; }
}
.soldo-article-page .article {
  grid-row-gap: 0 !important;
  grid-column-gap: 0 !important;
}
.article-info {
    margin-top: -32px;
}
.article-content {
    max-width: 1024px;
}
/* ARTICLE FONTS */
.article #article-wrapper, .article .article-body {
  font-family:'Inter', sans-serif;
  color:#242B30;
  font-size:16px;
  line-height:24px;
  letter-spacing:-0.02em;
}
.article-content .article-body p, .article-content .article-body li {
  font-family:'Inter', sans-serif;
  color:#242B30;
  font-size:16px;
  line-height:24px;
  letter-spacing:-0.02em;
}
.article #article-wrapper h1, .article #article-wrapper h2, .article #article-wrapper h3, .article #article-wrapper h4, .article #article-wrapper h5, .article votes .article-votes-question {
  font-family: Jost, sans-serif;
  color:#242B30;
}
.article-content .article-body h1 {
  font-weight:600;
  line-height:60px;
  font-size:40px;
}
.article-content .article-body h2 {
  font-weight:600;
  line-height:52px;
  font-size:34px;
}
.article-content .article-body h3, .article votes .article-votes-question {
  font-weight:500;
  line-height:42px;
  font-size:28px;
}
.article-content .article-body h4 {
  font-weight:600;
  line-height:36px;
  font-size:24px;
}
.article-content .article-body h5 {
  font-weight:600;
  line-height:32px;
  font-size:22px;
}
html:has(#article-page-container) .on-this-page .collapsible-sidebar-body li a{
  font-size:13px;
}

/* CATEGORY PAGE */
.category-content{
  background-color:#ffffff;
  border-radius:16px;
}
.category-content, .section-content {
    max-width: initial;
    margin-top: 8px;
    padding: 0 24px;
}
.section-tree .section details {
    box-shadow: none;
    border: 1px solid #D2D2D6;
    background-color: #ffffff;
    border-radius: 28px;
    padding: 16px 12px 16px 16px;
    width: 100%;
    margin-top: 24px;
    transition: all 300ms ease-in-out;
}
.category-container aside, .section-container aside {
    border-right: none;
}
.mod-article-count {
    margin: 6px 0;
    font-family: 'Inter',sans-serif;
    font-size: 14px;
    color: #144798;
    background-color: #EAF2FD;
    border-radius: 4px;
    padding: 4px 6px 1px 6px;
    font-weight: 400;
    text-align: center;
    display: inline-flex;
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #144798;
    flex-shrink: 0;
    align-self: flex-start;
}
.mod-article-count::before {
    margin-right: 6px;
    content: '';
}
.article-list-item a {
    color: #444CE7;
}
.section .article-list-item a:hover, .section-content .article-list-item a:hover {
    color: #2D31A6;;
}
@media (max-width:1280px){
  #category-mod-navigation,#section-mod-navigation{
    display:none;
  }
}
/* SECTION PAGE */
.section-content-wrapper {
    box-shadow: none;
    border: none;
    background-color: #fff;
    border-radius: 16px;
    padding-left: 24px;
    padding-right: 12px;
    padding-bottom: 32px;
    margin-bottom: 32px;
    height: auto;
}
header.page-header.section {
    padding-top: 24px;
}
/* SEARCH PAGE */
.search-results-column {
    background-color:#fff;
  padding:24px;
  border-radius:16px;
}
html:has(.search-results-column) main{
  min-height:initial;
}
html:has(.search-results-column) #article-page-container {
    padding-top: 24px!important;
}
h1.search-results-subheading {
  font-family:'Inter', sans-serif;
  color:#242B30;
  font-size:16px;
  line-height:24px;
  letter-spacing:-0.02em;
}
.search-results-column .content-tag{
  gap:0px;
}
.search-results-column .multibrand-filter-list.multibrand-filter-list--collapsed {
    margin-top: 0;
  margin-bottom:24px;
}
.search-results-sidebar .sidenav-item.current, .search-results-sidebar .sidenav-item.current:hover {
   color: #242B30;
    background-color: #d2d2d6;
    border-left: 4px solid #2D3282;
    font-weight: 500!important;
    border-radius: 4px 8px 8px 4px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    padding: 8px 8px 8px 20px;
}
.search-results-sidebar .sidenav-item li a {
    color: #242B30;
    font-weight: 400!important;
    font-family: Inter, sans-serif;
    letter-spacing: -0.02em;
  padding: 8px 8px 8px 20px;
}
.search-results-sidebar .sidenav-item:hover {
  background-color: #d2d2d6;
  color: #242B30;
  font-weight: 400;
  padding: 8px 8px 8px 20px;
}
.search-results-sidebar .sidenav-item {
padding: 8px 8px 8px 20px;
}
.search-results-sidebar .sidenav-subitem {
    font-weight: 400;
}
.sidenav-item.current .sidenav-subitem {
    font-weight: 500;
}
.search-results-list > li {
    border: 1px solid #D2D2D6;
    background-color: #ffffff;
    border-radius: 28px;
    padding: 12px 12px 16px 24px;
    background-color: #ffffff;
}
.search-results-list > li h2 {
    color:#444CE7;
}
.search-result-title a, .breadcrumbs li a {
    color:#444CE7;
}
.search-result-title a:hover, .breadcrumbs li a:hover {
    color:#2D31A6
}
.search-result-title a:visited, .breadcrumbs li a:visited {
    color:#2D3282
}
h1.search-results-subheading {
    padding-top: 16px;
    padding-bottom: 16px;
}
li.pagination-last{
  display:none!important;
}
li.pagination-first {
  display:none!important;
}

/* Icon-only next button */
li.pagination-next {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0 !important;
  background-color: transparent!important;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 18C36 27.9411 27.9411 36 18 36V36C8.05887 36 7.04529e-07 27.9411 1.57361e-06 18V18C2.44269e-06 8.05887 8.05888 -2.44269e-06 18 -1.57361e-06V-1.57361e-06C27.9411 -7.04529e-07 36 8.05887 36 18V18Z' fill='%232D31A6'/%3E%3Cpath d='M16.5195 22.5205C16.3243 22.7157 16.0078 22.7155 15.8125 22.5205C15.6173 22.3252 15.6172 22.0087 15.8125 21.8135L19.459 18.167L15.8125 14.5205L15.7773 14.4824C15.6174 14.286 15.6295 13.9965 15.8125 13.8135C15.9956 13.6305 16.2851 13.6191 16.4814 13.7793L16.5195 13.8135L20.5195 17.8135C20.6131 17.9072 20.666 18.0345 20.666 18.167C20.666 18.2995 20.6132 18.4268 20.5195 18.5205L16.5195 22.5205Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;

}
li.pagination-next a {
    margin-left: -18px;
    opacity: 0;
}

/* Optional states */
li.pagination-next:hover {
  opacity: 0.9;
}

li.pagination-next:focus-visible {
  outline: 2px solid #0B1412;
  outline-offset: 2px;
  border-radius: 50%;
}

/* Icon-only prev button */
li.pagination-prev {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0 !important;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 18C0 8.05887 8.05887 0 18 0V0C27.9411 0 36 8.05887 36 18V18C36 27.9411 27.9411 36 18 36V36C8.05887 36 0 27.9411 0 18V18Z' fill='%23E0EAFF'/%3E%3Cpath d='M19.4805 13.4795C19.6757 13.2843 19.9922 13.2845 20.1875 13.4795C20.3827 13.6748 20.3828 13.9913 20.1875 14.1865L16.541 17.833L20.1875 21.4795L20.2227 21.5176C20.3826 21.714 20.3705 22.0035 20.1875 22.1865C20.0044 22.3695 19.7149 22.3809 19.5186 22.2207L19.4805 22.1865L15.4805 18.1865C15.3869 18.0928 15.334 17.9655 15.334 17.833C15.334 17.7005 15.3868 17.5732 15.4805 17.4795L19.4805 13.4795Z' fill='%23242B30'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
}

li.pagination-prev a {
    margin-left: -18px;
    opacity: 0;
}

/* Optional states */
li.pagination-prev:hover {
  opacity: 0.9;
}
ul.pagination-list {
    justify-content: space-between;
}
.filters-in-section.collapsible-sidebar {
    position: sticky;
    top: 125px;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-grid.header-grid > * {
    width: 100%;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-page-title {
    max-width: fit-content;
}
/* One child OR two children → flex-end */
ul.pagination-list:has(> li:only-child),
ul.pagination-list:has(> li:first-child:nth-last-child(2)) {
  justify-content: flex-end;
}
ul.pagination-list:has(> li.pagination-prev):has(> li.pagination-first) {
  justify-content: flex-start; 
}
ul.pagination-list:has(> li.pagination-first):has(> li.pagination-prev):has(> li.pagination-next):has(> li.pagination-last) {
  justify-content: space-between; 
}
@media (max-width:1280px){
  aside.search-results-sidebar{
    display:none;
  }
}
.mod-article-count{
  padding:4px;
}
.mod-article-count::before {
    margin-right: 0px;
    content: '';
}
/* Base (treat as collapsed on load) */
.collapsible-sidebar .chevron-icon {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: transform 0.2s ease;
  /* optional, helps SVG pivot correctly in some browsers */
  transform-box: fill-box;
}

/* Expanded overrides base */
.collapsible-sidebar[aria-expanded="true"] .chevron-icon {
  transform: rotate(0deg);
}
@media (max-width:768px){
  .navigate-article-container {
    flex-direction: row;
}
  .navigate-article-container a {
    width: auto;
}
}
@media (max-width:480px){
.container {
    padding: 0 8px;
}
  #article-wrapper {
    padding: 0rem 16px 2rem 16px;
}
}
.tab-wrapper {
    top: 120px;
}
#tab1:checked ~ .tab-wrapper .tab-label[for="tab1"], #tab2:checked ~ .tab-wrapper .tab-label[for="tab2"], #tab3:checked ~ .tab-wrapper .tab-label[for="tab3"], #tab4:checked ~ .tab-wrapper .tab-label[for="tab4"], #tab5:checked ~ .tab-wrapper .tab-label[for="tab5"], #tab6:checked ~ .tab-wrapper .tab-label[for="tab6"], #tab7:checked ~ .tab-wrapper .tab-label[for="tab7"], #tab8:checked ~ .tab-wrapper .tab-label[for="tab8"], #tab9:checked ~ .tab-wrapper .tab-label[for="tab9"] {
  /* kill all borders, then add just the bottom one */
  border: 0;
  border-bottom: 4px solid #2D31A6;

  /* visuals */
  background-color: #fff;
  color: #2D31A6;
  font-family: 'Inter', sans-serif;
  font-weight: 600;

  /* round only the top corners */
  border-radius: 4px 4px 0 0;
}
.tab-container{
  border-bottom:1px solid #f4f4f4;
  background-color:#ffffff;
}
.tab-container {
    border-bottom: 2px solid #D2D2D6;
    background-color: #ffffff;
}
.tab-label {
    background-color: #fff;
    border: none;
    color: #242B30;
    font-family:'Inter', sans-serif;
  font-weight:500;
}
.tab-wrapper {
    top: 110px;
    padding: 1.5rem 0rem;
    background-color: #ffffff;
}
.tab-label:hover{
      background-color: #fff;
    border: none;
    color: #242B30;
    font-family:'Inter', sans-serif;
  font-weight:500;
}
.tab-container {
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
  border-radius:0px;
}
.tab-label {
  position: relative;
  background: #fff;
  color: #242B30;
  border: none;
  border-radius: 4px;
  padding: 10px 16px;
}

/* The rounded underline bar */
.tab-label::after {
  content: "";
  position: absolute;
  left: 12px;                 /* inset so ends are rounded, tweak as needed */
  right: 12px;
  bottom: -6px;               /* sit slightly below the label */
  height: 8px;                /* thickness of the bar */
  background: #2D31A6;
  border-radius: 9999px;      /* fully rounded ends */
  opacity: 0;                 /* hidden by default */
  transform: scaleX(0.6);     /* subtle “grow in” animation */
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}

/* Selected/active tab */
.tab-label--active,
.tab-label[aria-selected="true"] {
  border-color: transparent;  /* if you want no box border when active */
  color: #2D31A6;
}

/* Show the underline when active */
.tab-label--active::after,
.tab-label[aria-selected="true"]::after {
  opacity: 1;
  transform: scaleX(1);
}
/* Active tab styles for #tab1…#tab6 */
:is(
  #tab1:checked ~ .tab-wrapper .tab-label[for="tab1"],
  #tab2:checked ~ .tab-wrapper .tab-label[for="tab2"],
  #tab3:checked ~ .tab-wrapper .tab-label[for="tab3"],
  #tab4:checked ~ .tab-wrapper .tab-label[for="tab4"],
  #tab5:checked ~ .tab-wrapper .tab-label[for="tab5"],
  #tab6:checked ~ .tab-wrapper .tab-label[for="tab6"]
) {
  border-color: transparent;
  color: #2D31A6;
}

/* Turn on the rounded underline for the active tab */
:is(
  #tab1:checked ~ .tab-wrapper .tab-label[for="tab1"],
  #tab2:checked ~ .tab-wrapper .tab-label[for="tab2"],
  #tab3:checked ~ .tab-wrapper .tab-label[for="tab3"],
  #tab4:checked ~ .tab-wrapper .tab-label[for="tab4"],
  #tab5:checked ~ .tab-wrapper .tab-label[for="tab5"],
  #tab6:checked ~ .tab-wrapper .tab-label[for="tab6"]
)::after {
  opacity: 1;
  transform: scaleX(1);
}
.tab-label[for="tab1"] {
 margin-left: -10px;
}
.category-content, .section-content {
    padding: 0 24px 24px 24px;
}
html:has(#article-page-container) main{
 background-color:#fff;
}
@media (max-width:480px){
.section-content {
    padding: 0;
}
}
.button.article-vote.article-vote-up.article-user-liked {
    background-color: #1fb474!important;
    color: #ffffff!important;
  border:1px solid #1fb474;
}
.button.article-vote.article-vote-down.article-user-disliked {
    background-color: #ef395c!important;
    color: #ffffff!important;
  border:1px solid #ef395c;
}
.article-more-questions {
    display:none;
}
.soldo-options-trigger svg circle{
  fill:#fff;
}
.soldo-options-trigger:hover svg circle{
  fill:#e66b00!important;
}
.soldo-search-trigger svg circle{
  stroke:#fff;
}
.soldo-search-trigger:hover svg circle{
  stroke:#e66b00!important;
}
.soldo-search-trigger svg path{
  stroke:#fff;
}
.soldo-search-trigger:hover svg path{
  stroke:#e66b00!important;
}
html:has(#article-page-container) .collapsible-sidebar-body li a, .collapsible-sidebar-body li a {
    color: #667085;
    font-family: "Open Sans SemiBold",sans-serif !important;
    font-weight: 700 !important;
}
.sidenav-item.current-article, collapsible-sidebar-body li a.sidenav-item.current-article, .sidenav-item.current-article:hover {
    color: #c61!important;
    background-color: #ffe8d5;
    border-left: none;
    border-radius: 8px;
font-family: "Open Sans SemiBold",sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px;
    padding: 8px 8px 8px 20px;
}
.collapsible-sidebar {
    position: sticky;
    top: 165px;
}
html:has(#article-page-container) #article-page-container {
    padding-top: 56px;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-grid.header-grid {
    align-items: center!important;
}
html:has(#article-page-container) .on-this-page .sidenav-item.current-article {
    background-color: #ffe8d5;
    font-weight: 700!important;
    font-size: 13px;
    font-family: "Open Sans SemiBold",sans-serif !important;
    border-left: none;
    margin-left: -1px;
    border-radius: 8px;
}
.on-this-page .collapsible-sidebar ul {
    border-left: none;
    background-color: initial;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 10px 24px;
    border-radius: 8px;
    border: 2px solid #fff;
  border-radius:100px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 44px;
    font-family: "Open Sans SemiBold",sans-serif !important;
}

html:has(#article-page-container) .soldo-article-toolbar .soldo-btn:hover {
    color: #e66b00!important;
   background: #000;
    border: 2px solid #e66b00!important;
    transform: initial!important;
}
html:has(#article-page-container) .on-this-page .collapsible-sidebar {
    top: -11.5rem;
}
h3.collapsible-sidebar-title.sidenav-title, #mod-article-navigator-title, .sidenav-title, .on-this-page #article-navigator-title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400!important;
    font-family: "Open Sans Regular",sans-serif !important;
    color: #667085!important;
}
.soldo-switch input:checked ~ .track {
    background: #e66b00;
    box-shadow: inset 0 0 0 1px #e66b00;
}
.soldo-switch input:checked ~ .knob {
    left: calc(var(--w) - var(--pad) - var(--knob));
    color: #fff;
    background: #e66b00;
}
.soldo-back-button svg rect{
  fill:#000000!important;
}
.soldo-back-button:hover svg rect{
  fill:#ffffff!important;
}
.soldo-back-button svg path{
  fill:#fff!important;
}
.soldo-back-button:hover svg path{
  fill:#e66b00!important;
}
.tag-chip, .tag-chip--sheet, .tag-chip.tag-chip--more, .content-tag {
    border: var(--chip-border-w) solid #eaecf0;
    background: #f9fafb;
    color: #344054;
}
.tag-chip:link, .tag-chip:visited, .tag-chip--sheet:link, .tag-chip--sheet:visited, .tag-popover-item:link, .tag-popover-item:visited {
    color: #344054;
    text-decoration: none;
}
.section .article-list-item a:hover, .section-content .article-list-item a:hover {
    background-color: #d2d2d6;
    border-radius: 5px;
    color: #000;
}
.article-list-item a {
    color: #000;
}
.section-tree .section details[open]:hover {
    background-color: #fff;
}
.mod-article-count {
    margin: 6px 0;
    font-family: 'Open sans Regular',sans-serif;
    font-size: 14px;
    color: #344054;
    background-color: #f9fafb;
    border-radius: 16px;
    padding: 8px;
    border: 1px solid #eaecf0;
}
.section-tree li.article-list-item a::after, .section-content li.article-list-item a::after {
    content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.999H5.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 6.75L18.75 12L13.5 17.25' stroke='%23202020' stroke-width='2.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    vertical-align: middle;
    margin:0;
  transform:rotate(-45deg)!important;
  display:inline-block;
    margin-left:8px;
  transition: transform 0.3s ease;
}
.section-tree li.article-list-item a::before, .section-content li.article-list-item a::before {
    content: '';
    margin:0;
}
.section-tree li.article-list-item a {
    text-decoration: underline;
    padding: 12px 8px 12px 12px;
    text-indent: 0px;
}
.section .article-list-item a:hover::after {
  transform: rotate(0deg) !important;
}
.search-results-sidebar .sidenav-item.current, .search-results-sidebar .sidenav-item.current:hover {
    color: #c61;
    background-color: #ffe8d5;
    border-left: none;
    font-weight: 700!important;
    border-radius: 8px;
    font-family: "Open Sans SemiBold",sans-serif !important;
}
.search-result-title a, .breadcrumbs li a {
    color: #000;
}
.search-result-title a:hover, .breadcrumbs li a:hover {
    color: #c61;
}
html:has(#article-page-container) .soldo-right-menu .menu-link {
    color: #c61;
}
@media(max-width:480px){
  h1.article-title{
  display:block;
}
html:has(#article-page-container) .soldo-article-toolbar .soldo-page-title {
    display: none !important;
}
  aside#article-mod-nav{
    display:none;
  }
}
.soldo-options .opt-label {
    font: 500 14px/1.4 Open sans Regular, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: #242B30;
}
html:has(#article-page-container) .soldo-right-menu .menu-link {
    font: 500 14px/1.4 Open sans Regular, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.content-tag:hover, .tag-chip:hover, .tag-chip--sheet:hover, .tag-chip--more:hover {
    background: initial;
  border:1px solid #c61;
  color:#c61;
}
.tag-popover-item {
  font: 500 14px/1.4 Open sans Regular, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.tag-popover-item:hover {
    background: #ffe8d5;
  font: 500 14px/1.4 Open sans Regular, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.tag-chip {
    font: 500 14px/1.4 Open sans Regular, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
/* Surface UI Project */

div#web_app_surface {
  display: none;
}

/* Default (legacy): surface-only images are hidden */
.article-body img[data-soldo-variant="surface"] {
  display: none !important;
}

/* Surface mode: show surface-only images */
.kb-page-wrapper.is-surface .article-body img[data-soldo-variant="surface"] {
  display: block !important;
}

/*Availability panel*/
.availability-data{
  display: block;
  background-color: #fff;
  border:1px solid #D2D2D6;
  color:#0B1412;
  border-radius: 8px;
  padding: 0px 16px 0px 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
.availability-data h4 {
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 550 !important;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  display: inline-flex;        /* or flex if the h4 takes full width */
  align-items: center;         /* vertically centers icon + text */
  gap: 8px;                    /* space between icon and text */
}

.availability-data h4::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' role='img' aria-hidden='true'%3E%3Cpath fill='%231960d1' d='M1.25 12C1.25 6.063 6.063 1.25 12 1.25C17.937 1.25 22.75 6.063 22.75 12C22.75 17.937 17.937 22.75 12 22.75C6.063 22.75 1.25 17.937 1.25 12ZM12.195 10.031C11.983 10 11.739 10 11.541 10H11.5C10.948 10 10.5 10.448 10.5 11C10.5 11.552 10.948 12 11.5 12V16.5C11.5 17.052 11.948 17.5 12.5 17.5C13.052 17.5 13.5 17.052 13.5 16.5V12.06C13.5 11.837 13.5 11.587 13.474 11.375C13.444 11.131 13.366 10.788 13.094 10.488C12.809 10.175 12.46 10.07 12.195 10.031ZM12 7C11.448 7 11 7.448 11 8C11 8.552 11.448 9 12 9C12.552 9 13 8.552 13 8C13 7.448 12.552 7 12 7Z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;       /* ensure it respects dimensions */
  font-size: 18px;             /* match or slightly smaller than text */
  line-height: 1;              /* prevent vertical offset */
}
.soldo-availability{
  margin-top:24px;
  margin-bottom:24px;
}
.soldo-availability.user-role::before{
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9997 7.31252C12.9997 5.36802 11.4233 3.79169 9.47884 3.79169C7.53434 3.79169 5.95801 5.36802 5.95801 7.31252C5.95801 9.25702 7.53434 10.8334 9.47884 10.8334C11.4233 10.8334 12.9997 9.25702 12.9997 7.31252ZM14.6247 7.31252C14.6247 10.1545 12.3208 12.4584 9.47884 12.4584C6.63687 12.4584 4.33301 10.1545 4.33301 7.31252C4.33301 4.47055 6.63687 2.16669 9.47884 2.16669C12.3208 2.16669 14.6247 4.47055 14.6247 7.31252Z' fill='%23242B30'/%3E%3Cpath d='M19.4997 7.31252C19.4997 5.36802 17.9233 3.79169 15.9788 3.79169C15.5301 3.79169 15.1663 3.42792 15.1663 2.97919C15.1663 2.53046 15.5301 2.16669 15.9788 2.16669C18.8208 2.16669 21.1247 4.47055 21.1247 7.31252C21.1247 10.1545 18.8208 12.4584 15.9788 12.4584C15.5301 12.4584 15.1663 12.0946 15.1663 11.6459C15.1663 11.1971 15.5301 10.8334 15.9788 10.8334C17.9233 10.8334 19.4997 9.25702 19.4997 7.31252Z' fill='%23242B30'/%3E%3Cpath d='M16.2497 20.3125C16.2497 17.7697 14.1883 15.7084 11.6455 15.7084H7.31217C4.76937 15.7084 2.70801 17.7697 2.70801 20.3125C2.70801 21.0604 3.31428 21.6667 4.06217 21.6667H14.8955C15.6434 21.6667 16.2497 21.0604 16.2497 20.3125ZM17.8747 20.3125C17.8747 21.9579 16.5409 23.2917 14.8955 23.2917H4.06217C2.41683 23.2917 1.08301 21.9579 1.08301 20.3125C1.08301 16.8723 3.8719 14.0834 7.31217 14.0834H11.6455C15.0858 14.0834 17.8747 16.8723 17.8747 20.3125Z' fill='%23242B30'/%3E%3Cpath d='M22.7497 20.3125C22.7497 17.7697 20.6883 15.7084 18.1455 15.7084C17.6968 15.7084 17.333 15.3446 17.333 14.8959C17.333 14.4471 17.6968 14.0834 18.1455 14.0834C21.5858 14.0834 24.3747 16.8723 24.3747 20.3125C24.3747 21.9579 23.0409 23.2917 21.3955 23.2917H19.7705C19.3218 23.2917 18.958 22.9279 18.958 22.4792C18.958 22.0305 19.3218 21.6667 19.7705 21.6667H21.3955C22.1434 21.6667 22.7497 21.0604 22.7497 20.3125Z' fill='%23242B30'/%3E%3C/svg%3E%0A");
}
.soldo-availability.user-plan::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
 content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3955 3.25C23.0409 3.25 24.375 4.58415 24.375 6.22949V19.2295C24.3748 20.8747 23.0408 22.208 21.3955 22.208H4.0625C2.41727 22.208 1.08318 20.8747 1.08301 19.2295V6.22949C1.08301 4.58414 2.41715 3.25 4.0625 3.25H21.3955ZM2.70801 10.292V19.2295C2.70818 19.9773 3.31471 20.583 4.0625 20.583H21.3955C22.1433 20.583 22.7498 19.9773 22.75 19.2295V10.292H2.70801ZM12.1875 16.25C12.6362 16.25 13 16.6138 13 17.0625C13 17.5112 12.6362 17.875 12.1875 17.875H10.5625C10.1138 17.875 9.75 17.5112 9.75 17.0625C9.75 16.6138 10.1138 16.25 10.5625 16.25H12.1875ZM19.2295 16.25C19.6781 16.2502 20.042 16.6139 20.042 17.0625C20.042 17.5111 19.6781 17.8748 19.2295 17.875H15.4375C14.9888 17.875 14.625 17.5112 14.625 17.0625C14.625 16.6138 14.9888 16.25 15.4375 16.25H19.2295ZM4.0625 4.875C3.31461 4.875 2.70801 5.48161 2.70801 6.22949V8.66699H22.75V6.22949C22.75 5.4816 22.1434 4.875 21.3955 4.875H4.0625Z' fill='%23242B30'/%3E%3C/svg%3E%0A");
}
/* Divider heading for article groups */
.article-divider {
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #111;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid #e8e8ea;
}

/* Add a subtle Soldo accent line */
.article-divider::after {
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  background-color: #c61; 
  margin-top: 0.5rem;
}

/* Optional – reduce spacing when sections are visually tight */
.article-list .article-divider:first-child {
  margin-top: 1.5rem;
  border-top: none;
}

.section-tree li.article-list-item a {
  white-space: nowrap;        /* Prevents wrapping */
  overflow: hidden;           /* Hides overflowing text */
  text-overflow: ellipsis;    /* Adds the ellipsis (…) */
  display: block;             /* Required for ellipsis to work properly */
  width: 100%;                /* Ensures it has a constrained width */
  box-sizing: border-box;     /* Ensures padding doesn't break layout */
  padding-left:32px;
}
/***Custom info panels in Zendesk editor using unused color swatches***/
/*Tip info panel*/
span.wysiwyg-color-green120, .callout.tip, span[style*="color: #009900"]{
  display: block;
  background-color: #D8F7EA;
  /*border:0.75px solid #115549;*/
  /*border-left:4.5px solid #115549;*/
  color:#242B30!important;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-green120::before, .callout.tip::before, span[style*="color: #009900"]::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 9.7041C19.5001 5.8341 16.3701 2.7041 12.5001 2.7041C8.63012 2.7041 5.50012 5.8341 5.50012 9.7041C5.50012 12.0841 6.69012 14.1741 8.50012 15.4441V17.7041C8.50012 18.2541 8.95012 18.7041 9.50012 18.7041H15.5001C16.0501 18.7041 16.5001 18.2541 16.5001 17.7041V15.4441C18.3101 14.1741 19.5001 12.0841 19.5001 9.7041ZM9.50012 20.7041V21.7041C9.50012 22.2541 9.95012 22.7041 10.5001 22.7041H14.5001C15.0501 22.7041 15.5001 22.2541 15.5001 21.7041V20.7041H9.50012ZM7.50012 9.7041C7.50012 6.9441 9.74012 4.7041 12.5001 4.7041C15.2601 4.7041 17.5001 6.9441 17.5001 9.7041C17.5001 11.7541 16.2701 13.5141 14.5001 14.2841V16.7041H10.5001V14.2841C8.73012 13.5141 7.50012 11.7541 7.50012 9.7041Z' fill='%23115549'/%3E%3C/svg%3E%0A");
}
/*General info panel*/
span.wysiwyg-color-cyan120, .callout.note, span[style*="color: #009999"]{
  display: block;
  background-color: #eaf2fd;
  /*border:0.75px solid #015A8F;*/
  /*border-left:4.5px solid #015A8F;*/
  color:#242B30!important;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-cyan120::before, .callout.note::before, span[style*="color: #009999"]::before {
  display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 7.7041V9.7041H11.5V7.7041H13.5ZM4.5 12.7041C4.5 17.1141 8.09 20.7041 12.5 20.7041C16.91 20.7041 20.5 17.1141 20.5 12.7041C20.5 8.2941 16.91 4.7041 12.5 4.7041C8.09 4.7041 4.5 8.2941 4.5 12.7041ZM2.5 12.7041C2.5 7.1841 6.98 2.7041 12.5 2.7041C18.02 2.7041 22.5 7.1841 22.5 12.7041C22.5 18.2241 18.02 22.7041 12.5 22.7041C6.98 22.7041 2.5 18.2241 2.5 12.7041ZM13.5 11.7041V17.7041H11.5V11.7041H13.5Z' fill='%23015A8F'/%3E%3C/svg%3E%0A");
}
/*Caution info panel*/
span.wysiwyg-color-yellow120, .callout.caution, span[style*="color: #999900"]{
  display: block;
  background-color: #fff6d6;
  /*border:0.75px solid #BA8B18;*/
  /* border-left:4.5px solid #BA8B18;*/
  color:#242B30!important;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-yellow120::before, .callout.caution::before, span[style*="color: #999900"]::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 21.7041L12.5 2.7041L23.5 21.7041H1.5ZM20.03 19.7041L12.5 6.7041L4.97 19.7041H20.03ZM11.5 14.7041V10.7041H13.5V14.7041H11.5ZM11.5 18.7041V16.7041H13.5V18.7041H11.5Z' fill='%23BA8B18'/%3E%3C/svg%3E%0A"); 
}
/*Suggested info panel*/
span.wysiwyg-color-blue120, .callout.suggested{
  display: block;
  background-color: #fbfbfb;
  border:0.75px solid rgb(246,246,246);
  border-left:4.5px solid rgb(246,246,246);
  color:#242B30!important;
  border-radius: 4px;
  padding: 16px; 
  margin-top: 24px; 
  margin-bottom: 24px;
}
span.wysiwyg-color-blue120::before, .callout.suggested::before{
   display: inline-block;
  line-height: 0.8em;
  vertical-align: bottom;
  margin: 0px 6px 0px 0px;
  content: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.18752 21.5937C5.18622 21.2856 5.24597 20.9802 5.36329 20.6953C5.48062 20.4104 5.65321 20.1515 5.87111 19.9336C6.089 19.7157 6.34789 19.5431 6.63283 19.4258C6.91777 19.3084 7.22312 19.2487 7.53127 19.25H20.8125V3.62502H7.53127C7.22312 3.62372 6.91777 3.68347 6.63283 3.80079C6.34789 3.91812 6.089 4.09071 5.87111 4.30861C5.65321 4.5265 5.48062 4.78539 5.36329 5.07033C5.24597 5.35527 5.18622 5.66062 5.18752 5.96877V21.5937Z' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.1875 21.5938V22.375H19.25' stroke='%23333333' stroke-width='1.5625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/*BETA panel*/
span.wysiwyg-color-cyan130, .callout.beta {
    display: block;
    /* background-color: #ebecfa; */
    border: 0.75px solid #015A8F;
    border-left: 4.5px solid #015A8F;
    color: #015A8F!important;
    border-radius: 4px;
    padding: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
}

span.wysiwyg-color-cyan130::before, .callout.beta::before {
    display: inline-block;
    line-height: 0.8em;
    vertical-align: bottom;
    margin: 0px 6px 4px 0px;
    content: 'BETA';
    padding: 4px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #ebecfa;
}
/***End custom info panels***/

/* Remove bottom margin when a list (<ol> or <ul>) is directly followed by a callout */
:is(ol, ul):has(+ :is(
  .callout.note,
  .callout.tip,
  .callout.caution,
  .callout.suggested,
  .callout.beta,
  zd-html-block .callout.note,
  zd-html-block .callout.tip,
  zd-html-block .callout.caution,
  zd-html-block .callout.suggested,
  zd-html-block .callout.beta
)) {
  margin-bottom: 0;
}

/* Remove top margin on callouts that directly follow a list */
:is(ol, ul) + :is(
  zd-html-block .callout.note,
  zd-html-block .callout.tip,
  zd-html-block .callout.caution,
  zd-html-block .callout.suggested,
  zd-html-block .callout.beta
) {
  margin-top: 0;
}
/* Remove top margin on callouts that directly follow a list */
:is(ol, ul) + :is(
  .callout.note,
  .callout.tip,
  .callout.caution,
  .callout.suggested,
  .callout.beta
) {
  margin-top: 24px;
}
/* ============================================================
   BASE
   ============================================================ */
body {
  margin: 0;
  background: rgba(0,0,0,0.03);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #111;
}

/* Container */
.kb-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 60px;
}

@media (max-width: 900px) {
  .kb-container { padding: 0 20px; }
}

/* ============================================================
   HEADER
   ============================================================ */
.kb-header {
  padding: 80px 0 40px;
}

.kb-header-flex {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}

.kb-title-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  /*background: #ffe8d5;*/
  background:#ff7d0a;
  color:#fff;
}

.kb-title-icon svg {
  width: 20px;
  height: 20px;
}

.kb-title {
  font-size: 44px;
  font-weight: 700;
  margin: 0;
}

.kb-description {
  color: #555;
  max-width: 640px;
  line-height: 1.6;
  font-size: 17px;
  margin: 0;
}

/* ============================================================
   CONTENT PANEL WRAPPER
   ============================================================ */
.kb-content-panel {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 40px rgba(0,0,0,0.04);
  max-width: 1440px;
  margin: 60px auto;
  transition: box-shadow 0.3s ease;
}

.kb-content-panel:hover {
  box-shadow: 0 6px 48px rgba(0,0,0,0.06);
}

.kb-content-panel .kb-header {
  padding: 60px 60px 40px;
}

.kb-content-panel .kb-page {
  padding: 0 60px 80px;
}

@media (max-width: 900px) {
  .kb-content-panel {
    margin: 0px auto;
    border-radius: 12px;
  }
  .kb-content-panel .kb-header {
    padding: 40px 20px 28px;
  }
  .kb-content-panel .kb-page {
    padding: 0 20px 40px;
  }
}

/* ============================================================
   MAIN PAGE GRID (Option A)
   Sidebar (260px) + main content
   ============================================================ */
.kb-page {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 48px;
  max-width: 1320px;
  margin: 0 auto 120px;
}

/* Hide sidebar on smaller desktops/tablets */
@media (max-width: 1160px) {
  .kb-page {
    grid-template-columns: 1fr !important;
  }
  .kb-sidebar {
    display: none;
  }
}

/* Mobile full collapse */
@media (max-width: 900px) {
  .kb-page {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* ============================================================
   SIDEBAR
   ============================================================ */
.kb-sidebar {
  background: rgba(0,0,0,0.03);
  border-radius: 16px;
  padding: 28px 20px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.03);
  position: sticky;
  top: 60px;
  align-self: start;
}

.kb-sidebar-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.kb-sidebar-link,
.kb-sidebar-link:visited {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding: 10px 26px 10px 14px;
  font-size: 15px;
  border-radius: 10px;
  color: #000;
  text-decoration: none;
  transition: background .25s;
}

.kb-sidebar-link:hover {
  background: #f3f3f3;
}

.kb-sidebar-link.active {
  background: #e5e5e5;
  font-weight: 600;
}

.kb-sidebar-link::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%) translateX(-4px);
  opacity: 0;
  transition: all 0.25s ease;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><path d='M3.333 10H16.667M16.667 10L11.667 5M16.667 10L11.667 15' stroke='%23999' stroke-width='1.6667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
  background-size: 16px;
}

.kb-sidebar-link:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><path d='M3.333 10H16.667M16.667 10L11.667 5M16.667 10L11.667 15' stroke='%23111' stroke-width='1.6667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.kb-sidebar-link.active:hover::after {
  background-image: none;
}

.kb-sidebar-home {
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100%;
  gap: 10px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1rem;
}
.kb-sidebar-home a{
  gap: 10px;
  color:#000;
}

/* ============================================================
   CHIPS
   ============================================================ */
.kb-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}

.kb-chip {
  padding: 7px 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e4e4e4;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
}

.kb-chip:hover {
  background: #f8f8f8;
  border-color: #ddd;
}

.kb-chip.active {
  background: #111;
  color: #fff;
  border-color: #111;
}

/* ============================================================
   MAIN GRID (SECTIONS + ARTICLE PANEL)
   ============================================================ */
.kb-main-grid {
  display: flex;
  gap: 32px;
  width: 100%;
  margin-top: 30px;
  align-items: flex-start;
}

@media (max-width: 900px) {
  .kb-main-grid {
    flex-direction: column;
  }
}

/* ============================================================
   LEFT SIDE — SECTION LIST
   ============================================================ */
.kb-sections-grid {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kb-section-card {
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
  transition: box-shadow .25s, transform .25s;
}

.kb-section-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.kb-section-card.active {
  background-color:#f2f4f7;
  border:none;
}

.kb-section-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 22px 26px;
}

.kb-section-icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#98A2B3;
  border:1px solid #d5d9eb;
}

.kb-section-icon svg {
  width: 24px;
  height: 24px;
  stroke-width: 2;
}

.kb-sidebar-home svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #111 !important;
  flex-shrink: 0;
}

.kb-section-title {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
}

.kb-section-count {
  display: inline-block;
  font-size: 13px;
  color: #666;
  background: #f9fafb;
  padding: 4px 10px;
  border-radius: 100rem;
  border:1px solid #d5d9eb;
  font-weight:600;
  color:#333;
}

/* ============================================================
   ARTICLE PREVIEW PANEL
   ============================================================ */
.kb-article-panel {
  width: 380px;
  flex-shrink: 0;
  background-color:#f2f4f7;
  border-radius: 16px;
  padding: 12px 12px 0px 12px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  position: sticky;
  top: 60px;
}

@media (max-width: 900px) {
  .kb-article-panel {
    width: 100%;
    position: static;
    max-height: none;
  }
}

.kb-article-panel-title {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 700;
}

.kb-article-panel-subtitle {
  margin: 0 0 16px;
  font-size: 15px;
  color: #666;
}

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

.kb-article-panel-list li {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.kb-article-panel-list a {
  color: #111;
  text-decoration: none;
  transition: .2s;
}

.kb-article-panel-list a:hover {
  color: #ff6600;
}
.kb-article-panel-inner-detail {
  background:#fff;
  padding:16px;
  border-radius:16px;
}
ul.kb-article-panel-list{
  background:#fff;
  padding:0 16px;
  border-radius:16px;
  margin-top:12px;
  margin-bottom:12px;
}
#kb-sidebar-cats {
  min-height: 561.25px;
}
.kb-skeleton-item {
  padding: 6px 0px;
}

.kb-skeleton-bar {
  height: 32px;
  width: 100%;
  border-radius: 4px;
  background: linear-gradient(
      100deg,
      #ececec 0%,
      #f6f6f6 40%,
      #ececec 80%
    );
  background-size: 400% 100%;
  animation: kb-shimmer 1.2s ease-in-out infinite;
}

@keyframes kb-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
#kb-sections-panel.loading {
  position: relative;
  opacity: 0.4;
  pointer-events: none;
}

.kb-panel-loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(3px);
  z-index: 99;
}

/* ---------------------------
   1. HOMEPAGE WRAPPER
--------------------------- */
#soldo-kb-wrapper {
  background: transparent;
  padding: 4rem 2rem;
  border-top: 1px solid rgba(0,0,0,0.05);
}

#soldo-kb {
  max-width: 1440px;
  margin: 0 auto;
}

.soldo-kb-heading {
  font-size: 2rem;
  font-weight: 800;
  color: #0d1e3f;
  text-align: center;
  margin-bottom: 0.5rem;
}

.soldo-kb-subheading {
  text-align: center;
  color: #6b7280;
  font-size: 1rem;
  margin-bottom: 2.5rem;
}

/* ---------------------------
   2. GRID
--------------------------- */
.soldo-kb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px;
  padding: 1rem;
}

/* ---------------------------
   3. CARD
--------------------------- */
.soldo-kb-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  transition: all 0.25s ease;
  padding: 1.6rem 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  height:100%;
  overflow: visible !important; /* tooltip must escape */
}

.soldo-kb-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  border-color: #ff8b00;
}

/* ---------------------------
   4. ICON
--------------------------- */
.soldo-kb-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #ffe8d5;
  margin-bottom: 12px;
  opacity: 0;              /* fade-in start */
  transform: translateY(6px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.soldo-kb-icon.loaded {
  opacity: 1;
  transform: translateY(0);
}

.soldo-kb-icon svg {
  width: 28px;
  height: 28px;
  fill: #004bff;
  transition: fill 0.3s ease, transform 0.3s ease;
}

.soldo-kb-card:hover .soldo-kb-icon {
  background-color: #e5710f;
  color:#fff;
}

.soldo-kb-card:hover .soldo-kb-icon svg {
  fill: #fff;
  transform: translateY(-2px);
}

/* ---------------------------
   5. TITLE & DESCRIPTION
--------------------------- */
.soldo-kb-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0d1e3f;
  margin-bottom: 0.3rem;
}

.soldo-kb-desc {
  font-size: 0.9rem;
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 0.8rem;
  flex-grow: 1;
}

/* ---------------------------
   6. CHIP PREVIEW — FIXED
--------------------------- */

.soldo-kb-chip-preview {
  display: flex;
  align-items: center;
  gap: 6px;

  width: 100%;                /* ⭐ REQUIRED FOR SCROLL */
  overflow-x: auto;           /* horizontal scroll */
  overflow-y: hidden;
  white-space: nowrap;

  scrollbar-width: none;
  padding-right: 20px;
  margin-top: 0.8rem;

  border-top: 1px solid rgba(0,0,0,0.05);
  padding-top: 0.8rem;
}

.soldo-kb-chip-preview::-webkit-scrollbar {
  display: none;
}

.soldo-kb-more {
  display: none !important;
}

/* Chips */
.soldo-kb-chip {
  background: #f5f7fa;
  border: none;
  border-radius: 14px;
  padding: 3px 10px;
  font-size: 13px;
  color: #2a2a2a;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.2s ease;
}

/* ---------------------------
   7. RESPONSIVE (untouched)
--------------------------- */
@media (max-width: 1024px) {
  .soldo-kb-grid {
    gap: 24px;
  }
}

@media (max-width: 768px) {
  #soldo-kb-wrapper {
    padding: 2.5rem 1rem;
  }

  .soldo-kb-heading {
    font-size: 1.6rem;
  }

  .soldo-kb-card {
    padding: 1.2rem 1rem;
  }

  .soldo-kb-grid {
    gap: 20px;
  }
}


/* ----------------------------------------------------
   BASE SECTION CARD (matches soldo-kb-card aesthetic)
----------------------------------------------------- */
.kb-section-card {
  background: #f9fafb;
  border-radius: 16px;
  transition: all 0.25s ease;
  margin-bottom: 1.25rem;
  cursor: pointer;
  overflow: visible; /* Required so sticky header shadow isn't clipped */
}




/* ----------------------------
   STICKY HEADER
----------------------------- */
.kb-section-header {
  position: sticky;
  background:#f9fafb;
  top: 0;
  z-index: 5;
  padding: 1.6rem 1.4rem;
  border-radius: 16px 16px 16px 16px;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  transition: all 0.25s ease;
}

/* Sticky header active state while expanded */
.kb-section-card.expanded .kb-section-header {
  cursor: pointer;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px 16px 0px 0px;
}
.kb-section-card.expanded{
  border:1px solid #d0d5dd;
}
.kb-section-card.expanded .kb-section-header{
  background: #f2f4f7;
}
/* Arrow rotation */
.kb-section-toggle {
  transition: transform 0.25s ease;
}


/* ----------------------------
   COLLAPSIBLE CONTENT AREA
----------------------------- */
.kb-section-inner {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.40s ease;
}

.kb-section-card.expanded .kb-section-inner {
  max-height: 100%; /* adjust if needed */
  overflow-y: auto;
}

/* ----------------------------
   ARTICLE LIST
----------------------------- */
.kb-article-list {
  list-style: none;
  margin: 0;
  padding: 0.5rem 0 1.2rem 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background:#fff;
}

.kb-article-list li {
  animation: fadeSlideIn 0.25s ease both;

}

.kb-article-list li:hover {
  background: rgba(0,0,0,0.025);
  border-radius:10px;
}

.kb-article-list a {
  color: #111;
  font-size: 0.95rem;
  text-decoration: none;
}

.kb-article-list a:hover {
  text-decoration: underline;
}

.kb-article-list .kb-article-internal a {
  opacity: 0.6;
}

/* Article fade-in animation */
@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.kb-section-toggle {
  font-family: "Material Symbols Outlined";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid #e5710f;
  display: flex!important;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #e5710f;
  margin-left: auto;
  flex-shrink: 0;

  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'OPSZ' 24;
}

/* Expanded state changes text and colours */
.kb-section-card.expanded .kb-section-toggle {
  border-color: #e5710f;
  color: #e5710f;
}

/* Swap icon */
.kb-section-card.expanded .kb-section-toggle {
  font-variation-settings:
    'FILL' 1,           /* filled look */
    'wght' 400,
    'GRAD' 0,
    'OPSZ' 24;
}

.kb-section-card.expanded .kb-section-toggle {
  content: none; /* ignore pseudo */
}

.kb-section-card.expanded:hover{
  background:#f9fafb;
}
/* Divider wrapper */
.kb-article-divider {
  display: flex;
  align-items: center;
  gap: 8px;

  margin: 1.4rem 0 0.6rem 0;
  padding: 1.5rem;

  font-weight: 600;
  font-size: 0.95rem;
  color: #111;
  border-bottom:1px solid #e5710f;

  /* ensures it sits visually above list items */
  position: relative;
  z-index: 2;
}

/* Divider icon */
.kb-article-divider .material-symbols-outlined {
  font-size: 20px;
  color: #e5710f;
  margin-right: 4px; /* tiny tweak for visual balance */
  line-height: 1;
}
.kb-article-list li {
    padding: 1rem 1.4rem 1rem 1.5rem;
    transition: background 0.2s ease, border-color 0.2s ease;
    animation: fadeSlideIn 0.25s ease both;
    border-bottom: 1px solid #e6e7e8;
}
.kb-article-list li:last-child {
  border-bottom: none;
}
.kb-article-list li {
  list-style: none;
  position: relative;
  margin: 8px 28px;
  padding-left:36px;
  line-height: 1.4;
}

.kb-article-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top:10px;
  margin-left: 8px;
  width: 20px;
  height: 20px;

  background-color: #666;   /* icon colour */
  -webkit-mask-image: url(/hc/theming_assets/01KFAYAWMD2HZ5XBDK8W567X24);
  mask-image: url(/hc/theming_assets/01KFAYAWMD2HZ5XBDK8W567X24);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

@media(max-width:640px){
  .kb-title-icon{
    display:none;
  }
}

/* =========================================================
   Article meta bar (3-row header)
   Row 1: Breadcrumbs
   Row 2: Author + kebab
   Row 3: Tags
   ========================================================= */

/* Shared row base */
.article-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ------------------------------
   Row 1: Breadcrumbs
   ------------------------------ */
.article-meta-row--breadcrumbs {
  padding: 6px 0 24px 0;
}

.article-meta-row--breadcrumbs .breadcrumbs {
  font-size: 12px;
  line-height: 1.35;
  opacity: 0.9;
}

/* ------------------------------
   Row 2: Main meta line
   ------------------------------ */
.article-meta-row--main {
  justify-content: space-between;
  padding: 0 0 10px 0;
}

/* Left block (author area) */
.article-meta-left {
  display: flex;
  align-items: center;
  min-width: 0;
}

/* Keep your existing author styles working */
.article-author {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* If your theme already styles these,
   this won't fight it, just helps spacing */
.article-avatar {
  margin-right: 2px;
}

.article-meta .meta-group {
  margin-top: 2px;
}

/* Right block (kebab) */
.article-meta-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* ------------------------------
   Row 3: Tags
   ------------------------------ */
.article-meta-row--tags {
  padding: 0 0 16px 0;
}

.article-meta-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.article-meta-tags a {
  text-decoration: none;
  color:#1a1a1a;
}

.article-meta-tag-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  background: #f9fafb;
  border:1px solid #d5d9eb;
  white-space: nowrap;
}

/* ------------------------------
   Kebab menu
   ------------------------------ */
.article-meta-menu {
  position: relative;
}

.article-meta-menu__btn, .soldo-toc-btn {
  border: 0;
  background: rgba(0,0,0,0.05);
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.article-meta-menu__btn:hover, .soldo-toc-btn:hover {
  background: rgba(0,0,0,0.08);
}

.article-meta-menu__dots {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
}

.article-meta-menu__dots span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.75;
}

/* Dropdown panel */
.article-meta-menu__list {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 260px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  padding: 6px;
  z-index: 20;
}

.article-meta-menu__item {
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
}

.article-meta-menu__item:hover {
  background: rgba(0,0,0,0.06);
}

/* =========================================================
   Mobile refinement
   ========================================================= */

@media (max-width: 640px) {

  /* Give the header container breathing room */
  .kb-header .kb-container {
    padding-top: 6px;
    padding-bottom: 12px;
  }

  /* Keep author + menu balanced */
  .article-meta-row--main {
    align-items: center;
  }

  /* Tags should read as a full-width secondary row */
  .article-meta-tags {
    gap: 8px;
  }

  /* Optional: align tags under author text column */
  .article-meta-row--tags {
    padding-left: 44px;
  }
}
.kb-main-grid.article-grid{
  margin-top:0px;
}
.article-title{
  margin-top:0px;
}
.kb-container.kb-article-page{
  padding:0px;
}
.kb-content-panel .kb-page {
    padding: 0 0px 80px;
}
.kb-sidebar.article-sidebar{
  max-height:90vh;
  overflow-y: auto;            
  scrollbar-gutter: stable;    
}
.kb-page.article-page, .kb-page.search-results {
    grid-template-columns: 320px 1fr;
}
.kb-sidebar-link.kb-sidebar-article{
  font-size:13px;
  opacity:0.7;
}

/* =========================================================
   Article sidebar scrollbar (actual scroll container)
   ========================================================= */

.kb-sidebar.article-sidebar {
  max-height: 80vh;
  overflow-y: auto;            /* was scroll */
  scrollbar-gutter: stable;    /* avoid layout jump */
}

/* Firefox */
.kb-sidebar.article-sidebar {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.18) transparent;
}

/* Chrome / Edge / Safari */
.kb-sidebar.article-sidebar::-webkit-scrollbar {
  width: 8px;
}

.kb-sidebar.article-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.kb-sidebar.article-sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.12);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

/* Slightly stronger only on hover */
.kb-sidebar.article-sidebar:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.22);
}
.material-symbols-outlined.article-meta-tag-icon{
  padding-top:2px;
  color:#ff7d0a;
}
.article-meta-tag-text{
  padding-left:4px;
  padding-right:5px;
  margin-top:-1px;
}
.kb-content-panel .kb-header {
    padding: 24px 0px;
}
.kb-container {
    padding: 0px;
}
.kb-content-panel {
    padding: 0px 60px;
}
@media(max-width:640px){
  .kb-content-panel .kb-header {
    padding: 20px 0px 0px 0px;
}
  .kb-content-panel {
    padding: 0px 20px;
}
  .kb-title {
    font-size: 32px;
}
.mobile-breadcrumbs.article-meta-row--breadcrumbs {
    padding: 6px 0 8px 0;
}
  .mobile-breadcrumbs.article-meta-row--breadcrumbs .breadcrumbs, .article-meta-row--breadcrumbs .breadcrumbs{
    margin:0px;
}
}
@media(min-width:1160px){
  .mobile-breadcrumbs.article-meta-row.article-meta-row--breadcrumbs{
    display:none;
  }
}
@media(max-width:1160px){
  .kb-title, .article-title {
    font-size: 32px;
}
}
.article-meta, .meta-data {
    display: inline-flex;
    vertical-align: middle;
}
.kb-content-panel .kb-header {
  border-bottom:1px solid #f4f4f4;
  margin-bottom:30px;
}
.search-container {
    position: relative;
    background-color: #fff;
    border-radius: 32px;
    border: none;
    outline: 0;
}
.search input[type="search"]:hover {
    background: #fff;
}
.search input[type="search"]:focus {
    border:none;
}
.search .clear-button, .search .clear-button:hover {
    background-color: #fff;
    border-radius: 32px;
}
[dir="ltr"] .search-has-value input[type="search"]:focus {
    border-right-color: transparent;
}
[dir="ltr"] .search-has-value input[type="search"] {
    border-radius: 32px;
}
[dir="ltr"] .search input[type="search"] {
    border-radius: 32px;
}
/* Hide search instantly when is-homepage is set */
html.is-homepage #header-search {
  display: none !important;
}
h1.article-title {
    font-weight: 500;
}
.kb-title {
    font-weight: 300;
}

/* ======================================================
   PLAN SEARCH - PRODUCTION POLISH
   ====================================================== */

.kb-plan-search .kb-plan-search-body {
  padding: 12px 0 8px;
}

/* Align typography with sidebar */
.kb-plan-search,
.kb-plan-search * {
  font-family: inherit;
}

/* Input matching your system */
.kb-plan-search-input-wrap {
  padding: 0 16px 10px;
}

.kb-plan-search-input {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  font-size: 14px;
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
}

.kb-plan-search-input:focus {
  outline: none;
  border-color: rgba(0,0,0,0.28);
}

/* Radio section spacing */
.kb-plan-search-options {
  padding: 2px 16px 12px;
  display: grid;
  gap: 8px;
}

/* Each option row */
.kb-plan-search-option {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
}

/* Hide native radio appearance */
.kb-plan-search-option input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 16px;
  height: 16px;
  border-radius: 999px;

  border: 1.5px solid rgba(0,0,0,0.25);
  background: #fff;
  display: inline-grid;
  place-items: center;

  margin: 0;
  flex: 0 0 16px;

  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

/* Inner dot */
.kb-plan-search-option input[type="radio"]::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: transparent;
  transform: scale(0.6);
  transition: background .15s ease, transform .15s ease;
}

/* Checked state */
.kb-plan-search-option input[type="radio"]:checked {
  border-color: currentColor; /* inherits theme color */
}

.kb-plan-search-option input[type="radio"]:checked::after {
  background: currentColor;
  transform: scale(1);
}

/* Focus ring */
.kb-plan-search-option input[type="radio"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

/* Search action styled like a proper sidebar CTA */
.kb-plan-search-actions {
  padding: 0 16px 10px;
}

/* Your button currently uses sidenav-item */
.kb-plan-search-btn {
  width: 100%;
  font: inherit;
  font-size: 14px;
  border-radius: 10px;
  padding: 10px 12px;

  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.06);

  cursor: pointer;
  text-align: left;

  transition: background .15s ease, border-color .15s ease;
}

.kb-plan-search-btn:hover {
  background: rgba(0,0,0,0.07);
}

.kb-plan-search-btn:focus-visible {
  outline: none;
  border-color: rgba(0,0,0,0.18);
  box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

/* Status */
.kb-plan-search-status {
  padding: 0 16px 8px;
  font-size: 12px;
  opacity: 0.65;
}

/* Results list should look like your article list */
.kb-plan-search-results {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}

/* tighten list item spacing to match sidebar */
.kb-plan-search-results li {
  margin: 0;
  padding: 0;
}

/* Fallback empty text */
.kb-plan-search-empty {
  display: block;
  padding: 6px 16px 2px;
  font-size: 12px;
  opacity: 0.65;
  text-align:center;
}

/* Footer link alignment */
.kb-plan-search-footer {
  padding: 6px 0 0;
}

/* Make "View full results" look like a normal sidebar link */
.kb-plan-search-footer .kb-sidebar-link {
  margin-top: 4px;
}
.featured-cta-primary.collection-search{
  width:100%;
  max-height:40px;
  line-height:10px!important;
}
.kb-plan-search .kb-plan-search-body {
    padding: 12px 0 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.kb-plan-search-input {
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    font-size: 14px;
    border-radius: 32px;
    padding: 10px 20px;
    border: 1px solid rgba(0,0,0,0.12);
    background: #fff;
    height: 40px;
}
a.kb-sidebar-link.kb-sidebar-article:hover{
  color:#000;
}
.search-results-column {
    flex: 0 0 100%;
}
.kb-main-grid.search-results{
  margin-top:0px;
}
.search-results-column {
    padding: 0px 24px 24px;
}
.article-meta-tags--search-page{
  margin-bottom:24px;
}
.kb-empty-state--enhanced{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 48px 24px;
  gap: 12px;
}

.kb-empty-illustration{
  opacity: 0.35;
  margin-bottom: 8px;
}

.kb-empty-headline{
  margin: 0;
}

.kb-empty-subtext{
  margin: 0 0 8px 0;
  max-width: 40ch;
}

.kb-empty-search{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 520px;
  margin-top: 6px;
}

.kb-empty-search-input{
  min-width: 180px;
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
}

.kb-empty-actions{
  margin-top: 8px;
}

/* Mobile stacking */
@media (max-width: 480px){
  .kb-empty-search{
    flex-direction: column;
  }
  .kb-empty-search-input,
  .kb-empty-search-btn{
    width: 100%;
  }
}
.kb-main-grid.search-results {
    align-items: center;
}
.kb-empty-search-input, .kb-empty-search-btn{
  height:40px;
}
 .kb-empty-search-btn{
  line-height:10px!important;
}
.search-result-breadcrumbs {
    margin: 0;
    margin-top: 12px;
  display:flex;
}

/*TOC*/
[hidden]{ display:none !important; }

.kb-main{ position: relative; }

/* Stays centered in kb-main and "sticks" near bottom while scrolling */
.soldo-toc-fab{
  position: sticky;
  top: calc(100vh - 72px);  /* ~button height; tweak if needed */
  margin-top: 16px;
width: max-content;
margin: 16px auto 0;
display: flex;
  z-index: 50;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(140%) blur(12px);
  box-shadow:0 16px 40px rgba(0,0,0,.18);

  color:rgba(0,0,0,.82);
  font:600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  cursor:pointer;
}

.soldo-toc-fab:hover{ color:rgba(0,0,0,.95); }

.soldo-toc-fab:focus{
  outline:2px solid rgba(0,0,0,.25);
  outline-offset:2px;
}

.soldo-toc-fab .soldo-toc-icon{
  display:inline-flex;
  flex-direction:column;
  gap:3px;
}
.soldo-toc-fab .soldo-toc-icon span{
  display:block;
  width:16px;
  height:2px;
  background:currentColor;
  border-radius:999px;
  opacity:.9;
}


/* Panel */
.soldo-toc-panel{
  position:absolute; z-index:9999;
  width:min(360px, calc(100vw - 32px));
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(140%) blur(12px);
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  overflow:hidden;
}
.soldo-toc-hd{
  padding:12px 14px 10px;
  font:600 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  border-bottom:1px solid rgba(0,0,0,.08);
  opacity:.9;
}
.soldo-toc-list{
  max-height:min(60vh, 420px);
  overflow:auto;
  padding:8px;
}
.soldo-toc-list a{
  display:block;
  padding:10px 10px;
  border-radius:10px;
  text-decoration:none;
  color:inherit;
  font:500 13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  opacity:.92;
}
.soldo-toc-list a:hover{ background:rgba(0,0,0,.05); }

@media (prefers-reduced-motion: reduce){
  .soldo-toc-panel{ scroll-behavior:auto; }
}
.soldo-toc-ms{
  font-size: 20px;
  line-height: 1;
  opacity: .9;
}
.soldo-toc-fab{
  display:flex;
  align-items:center;
  justify-content:center; /* optional; helps if pill goes full width on mobile */
  gap:6px;
}

.soldo-toc-ms{
  display:block;
  font-size:20px!important;
  line-height:1;
  opacity:.9;
  transform: translateY(1px); /* tiny baseline correction */
}

/* Soldo Brand Icons */
.soldo-brand-icon{
  --soldo-icon-size: 1.7em;
  width: var(--soldo-icon-size);
  height: var(--soldo-icon-size);
  display:inline-block;
  vertical-align:middle;
  background-color: currentColor;

  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
}

.soldo-brand-icon[data-icon="aboutsoldo"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWWZEH42FZDCGQJEXWVM11);
  mask-image: url(/hc/theming_assets/01KFAWWZEH42FZDCGQJEXWVM11);
}
.soldo-brand-icon[data-icon="companyorg"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX093D687CGWEYQEEM0SB);
  mask-image: url(/hc/theming_assets/01KFAWX093D687CGWEYQEEM0SB);
}
.soldo-brand-icon[data-icon="expenses"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX13JGHN4XVSNR4GVC3E6);
  mask-image: url(/hc/theming_assets/01KFAWX13JGHN4XVSNR4GVC3E6);
}
.soldo-brand-icon[data-icon="integrations"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX1SSKB2V73ZKGKNBFP0Y);
  mask-image: url(/hc/theming_assets/01KFAWX1SSKB2V73ZKGKNBFP0Y);
}
.soldo-brand-icon[data-icon="joinsoldo"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX2J1PAJ5SWMGV0DCQ982);
  mask-image: url(/hc/theming_assets/01KFAWX2J1PAJ5SWMGV0DCQ982);
}
.soldo-brand-icon[data-icon="partner"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX390Q3TEFSEJETKKXF36);
  mask-image: url(/hc/theming_assets/01KFAWX390Q3TEFSEJETKKXF36);
}
.soldo-brand-icon[data-icon="payingwithsoldo"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX41A4WX92RP8H0ZRJMC2);
  mask-image: url(/hc/theming_assets/01KFAWX41A4WX92RP8H0ZRJMC2);
}
.soldo-brand-icon[data-icon="security"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX4PC4ZCCP8K04MVRK269);
  mask-image: url(/hc/theming_assets/01KFAWX4PC4ZCCP8K04MVRK269);
}
.soldo-brand-icon[data-icon="setupsoldo"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX5GARYCDRA8KJ2QQN2HH);
  mask-image: url(/hc/theming_assets/01KFAWX5GARYCDRA8KJ2QQN2HH);
}
.soldo-brand-icon[data-icon="troubleshooting"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX682YESJS0K30XW1RYQE);
  mask-image: url(/hc/theming_assets/01KFAWX682YESJS0K30XW1RYQE);
}
.soldo-brand-icon[data-icon="usingsoldo"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX6ZYPCJ7JSVZCCQ39WF5);
  mask-image: url(/hc/theming_assets/01KFAWX6ZYPCJ7JSVZCCQ39WF5);
}
.soldo-brand-icon[data-icon="wallets"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAWX7NEQB5EGWRG31ZZFZ3E);
  mask-image: url(/hc/theming_assets/01KFAWX7NEQB5EGWRG31ZZFZ3E);
}
.soldo-brand-icon[data-icon="section"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAXREY4JYQ6GZABWFMRJV80);
  mask-image: url(/hc/theming_assets/01KFAXREY4JYQ6GZABWFMRJV80);
}
.soldo-brand-icon[data-icon="article"]{
  -webkit-mask-image: url(/hc/theming_assets/01KFAYAWMD2HZ5XBDK8W567X24);
  mask-image: url(/hc/theming_assets/01KFAYAWMD2HZ5XBDK8W567X24);
}
.soldo-brand-icon[data-icon="search"]{
  -webkit-mask-image: url(/hc/theming_assets/01KMJJP8A51KSPRNR7Q6C2G8PG);
  mask-image: url(/hc/theming_assets/01KMJJP8A51KSPRNR7Q6C2G8PG);
}

/* =========================================================
   CHIP MICRO-INTERACTIONS 
   ========================================================= */

.kb-chip{
  position: relative;
  overflow: visible;
}

/* Smooth angle animation for conic gradients */
@property --kb-rot{
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

/* Set this to match your JS timeout (e.g. 650ms / 850ms / 1650ms) */
:root{
  --kb-chip-pending-ms: 650ms;
}

/* LOADING / PENDING: travelling ring */
.kb-chip.kb-chip-loading::before{
  content:"";
  position:absolute;
  inset:-3px;                 /* distance outside chip */
  border-radius:999px;
  padding:2px;                /* ring thickness */
  pointer-events:none;

  /* ring: moving highlight + subtle base */
  background:
    conic-gradient(
      from var(--kb-rot),
      rgba(255,106,0,0) 0deg,
      rgba(255,106,0,0) 210deg,
      rgba(255,106,0,0.12) 240deg,
      rgba(255,106,0,0.95) 285deg,
      rgba(255,106,0,0.22) 320deg,
      rgba(255,106,0,0) 360deg
    ),
    linear-gradient(rgba(255,106,0,0.16), rgba(255,106,0,0.16));

  /* Cut out the middle so it's only a ring */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  opacity:0;
  filter: blur(0.2px) drop-shadow(0 0 10px rgba(255,106,0,0.22));
  transform: translateZ(0);
  will-change: opacity, filter, --kb-rot;

  /* Two animations:
     - rotation stays linear (prevents “pause” feeling)
     - fade uses easing for polish */
  animation:
    kbRot var(--kb-chip-pending-ms) linear both,
    kbFade var(--kb-chip-pending-ms) cubic-bezier(.2,.9,.2,1) both;
}

/* Lift without transform clashes (avoids fighting confirm scale) */
.kb-chip.kb-chip-loading{
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
  transition: box-shadow 160ms ease-out;
}

@keyframes kbRot{
  from { --kb-rot: 0deg; }
  to   { --kb-rot: 360deg; }
}

/* Fade envelope (tweak 14/86 if you want shorter/longer visible time) */
@keyframes kbFade{
  0%   { opacity:0; filter: blur(0.2px) drop-shadow(0 0 0 rgba(255,106,0,0)); }
  14%  { opacity:1; }
  86%  { opacity:1; }
  100% { opacity:0; filter: blur(0.2px) drop-shadow(0 0 10px rgba(255,106,0,0.22)); }
}

/* CONFIRM: quick pop */
.kb-chip.kb-chip-confirm{
  animation: kbChipConfirm 280ms cubic-bezier(.22,.7,.2,1);
}

@keyframes kbChipConfirm{
  0%   { transform: scale(1); }
  55%  { transform: scale(1.03); } /* was 1.06 */
  100% { transform: scale(1); }
}


.kb-chip.kb-chip-has-check{
  position: relative;
}

.kb-chip.kb-chip-has-check.active{
  text-indent: 14px;     
}

/* OPTIONAL: check mark when active (no space reserved when inactive) */
.kb-chip.kb-chip-has-check{
  position: relative;          /* ensure pseudo anchors correctly */
}

/* Only when active do we make room for the check */
.kb-chip.kb-chip-has-check.active{
  text-indent: 14px;           /* creates space before text without affecting others */
}

/* Check appears BEFORE the text */
.kb-chip.kb-chip-has-check.active::before{
  content:"";
  position:absolute;
  left: 12px;
  top: 50%;
  width: 10px;
  height: 6px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;

  transform: translateY(-55%) rotate(-45deg) scale(0.6);
  opacity: 0;

  animation: kbCheckIn 220ms cubic-bezier(.2,.9,.2,1) forwards;
}

@keyframes kbCheckIn{
  0%   { opacity:0; transform: translateY(-55%) rotate(-45deg) scale(0.3); }
  60%  { opacity:1; transform: translateY(-55%) rotate(-45deg) scale(1.05); }
  100% { opacity:1; transform: translateY(-55%) rotate(-45deg) scale(1); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .kb-chip.kb-chip-has-check.active::before{
    animation:none;
    opacity:1;
    transform: translateY(-55%) rotate(-45deg) scale(1);
  }
}


/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .kb-chip.kb-chip-loading::before{
    animation:none;
    opacity:0;
  }
  .kb-chip.kb-chip-loading{
    box-shadow:none;
  }
  .kb-chip.kb-chip-confirm{
    animation:none;
  }
  .kb-chip.kb-chip-has-check.active::after{
    animation:none;
    opacity:1;
    transform: translateY(-60%) rotate(-45deg) scale(1);
  }
}
/* =========================================================
   PLAN FILTER TOOLTIP (responsive + touch-friendly) — CLEAN
   ========================================================= */

/* info icon button (anchor for tooltip) */
.kb-filter-help{
  position: relative;                 /* anchor tooltip here */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.9);
  cursor: pointer;
  flex: 0 0 auto;
  padding: 0;
}

.kb-filter-help .material-symbols-outlined{
  font-size: 18px;
  line-height: 1;
  opacity: 0.8;
}

/* tooltip bubble (now nested inside the button) */
.kb-filter-help .kb-filter-tooltip{
  position: absolute;
  z-index: 20;

  top: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, -6px);

  width: max-content;
  max-width: min(320px, 92vw);
  padding: 10px 12px;
  border-radius: 12px;

  background: rgba(0,0,0,0.95);
  color: #fff;
  font-size: 13px;
  line-height: 1.35;

  box-shadow: 0 12px 30px rgba(0,0,0,0.18);

  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
}

/* arrow */
.kb-filter-help .kb-filter-tooltip::before{
  content:"";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background: rgba(0,0,0,0.95);
  transform: rotate(45deg);
}

/* open state (your JS toggles kb-tip-open on .kb-chips) */
.kb-chips.kb-tip-open .kb-filter-help .kb-filter-tooltip{
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

/* desktop convenience: hover/focus shows tooltip too */
@media (hover:hover){
  .kb-filter-help:hover .kb-filter-tooltip,
  .kb-filter-help:focus-visible .kb-filter-tooltip{
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
  }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .kb-filter-help .kb-filter-tooltip{ transition: none; }
}

.kb-article-list li > a.kb-article-link{
  display: block;
  width: 100%;
  padding: 10px 12px; /* match your row spacing */
  padding-left:36px;
}

.kb-article-list li{
  padding: 0;
  cursor:pointer;
}
[data-soldo-variant="web_app_surface"] { display: none; }

/* ============================
   Tables
   ============================ */

.custom-table{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}

.custom-table table{
  width:100%;
  max-width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:transparent;
  color:#374151;
  font-size:.875rem;
  line-height:1.25rem;
  text-align:left;
  table-layout:auto;
}

.custom-table table[style]{
  border:0 !important;
}

.custom-table th,
.custom-table td{
  border:0 !important;
  padding:1rem 1.5rem;
  vertical-align:middle;
  text-align:left;
  background-clip:padding-box;
  word-break:normal;
  overflow-wrap:break-word;
  white-space:normal;
}

.custom-table thead th{
  background:#f6f6f6;
  font-weight:500;
  padding:.75rem 1.5rem;
  border-bottom:1px solid #d1d5db !important;
  position:sticky;
  top:0;
  z-index:3;
  white-space:nowrap;
}

.custom-table tbody tr{
  background:#fff;
}

.custom-table tbody tr:hover{
  background:#f6f6f6;
}

.custom-table tbody tr:not(:last-child) td,
.custom-table tbody tr:not(:last-child) th{
  border-bottom:1px solid #e5e7eb !important;
}

.custom-table tbody th{
  font-weight:500;
  color:#111827;
  white-space:nowrap;
}

.custom-table td[align="right"],
.custom-table th[align="right"],
.custom-table td[style*="text-align: right"],
.custom-table th[style*="text-align: right"],
.custom-table td[style*="text-align:right"],
.custom-table th[style*="text-align:right"],
.custom-table .text-right{
  text-align:right;
}

.custom-table a{
  color:#2563eb;
  font-weight:500;
  text-decoration:none;
}

.custom-table a:hover{
  text-decoration:underline;
}

.custom-table tbody th:first-child{
  position:sticky;
  left:0;
  z-index:2;
  background:inherit;
  box-shadow:1px 0 0 #e5e7eb;
}

.custom-table thead th:first-child{
  z-index:4;
}
.custom-table thead th:first-child{
  position:sticky;
  left:0;
  background:#f6f6f6;
}


.custom-table table tr:first-child > *:first-child{
  border-top-left-radius:12px;
}

.custom-table table tr:first-child > *:last-child{
  border-top-right-radius:12px;
}

.custom-table tbody tr:last-child > *:first-child{
  border-bottom-left-radius:12px;
}

.custom-table tbody tr:last-child > *:last-child{
  border-bottom-right-radius:12px;
}

.custom-table:focus-within{
  outline:2px solid rgba(37,99,235,.25);
  outline-offset:2px;
}

.custom-table::-webkit-scrollbar{
  height:10px;
}

.custom-table::-webkit-scrollbar-track{
  background:transparent;
}

.custom-table::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.35);
  border-radius:999px;
}

@media (max-width:640px){
  .custom-table{
    border-radius:10px;
  }

  .custom-table table{
    min-width:720px;
  }

  .custom-table table tr:first-child > *:first-child{
    border-top-left-radius:10px;
  }

  .custom-table table tr:first-child > *:last-child{
    border-top-right-radius:10px;
  }

  .custom-table tbody tr:last-child > *:first-child{
    border-bottom-left-radius:10px;
  }

  .custom-table tbody tr:last-child > *:last-child{
    border-bottom-right-radius:10px;
  }

  .custom-table th,
  .custom-table td{
    padding:.9rem 1.1rem;
  }

  .custom-table thead th{
    padding:.75rem 1.1rem;
  }
.article,
.article-content,
.article-body{
  overflow-x:clip;
  min-width:0;
  max-width:100%;
}


.article,
.article-content,
.article-body{
  min-width:0;
}
  figure.wysiwyg-table.custom-table{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
}

  figure.wysiwyg-table.custom-table > table{
    width:max-content !important;
    min-width:720px !important;
  }
  .kb-content-panel,
  .kb-page-wrapper,
  .kb-page.article-page{
    width:100% !important;
    max-width:100% !important;
    overflow-x:clip !important;
  }

  @supports not (overflow:clip){
    .kb-content-panel,
    .kb-page-wrapper,
    .kb-page.article-page{
      overflow-x:hidden !important;
    }
  }

  main.kb-main,
  .kb-main-grid.article-grid{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #main-content.article,
  .article-content,
  .article-body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:visible !important;
  }

  figure.wysiwyg-table.custom-table{
    width:100% !important;
    max-width:100% !important;
  }

  figure.wysiwyg-table.custom-table > table{
    min-width:720px !important;
  }
}
.kb-article-list li.kb-empty-state {
  padding: 10px 12px;
  padding-left:32px;
}
h2.soldo-kb-heading{
  font-weight:200!important;
}

/* Product assistant CTA */

.btn-ai {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Open Sans Regular', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  border: none;
  border-radius: 999px;
  padding: 0 24px;
  height: 48px;
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  transition: all 300ms ease-in-out;
}

.btn-ai:active        { transform: scale(0.97); }
.btn-ai:focus-visible { outline: 2px solid #ff7d0a; outline-offset: 3px; }
.btn-ai .ai-icon      { width: 18px; height: 18px; flex-shrink: 0; }

/* Primary — orange fill */
.btn-ai-primary               { background-color: #ff7d0a; color: #fff; }
.btn-ai-primary:hover         { background-color: #e56e00; box-shadow: 0 4px 16px rgba(255,125,10,.35); }
.btn-ai-primary:active        { background-color: #cc6200; box-shadow: none; }

/* Ghost — white outline (dark backgrounds) */
.btn-ai-ghost                 { background-color: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.55); }
.btn-ai-ghost:hover           { 
    border: 1px solid #c61 !important;
    color: #c61 !important;
    background-color: rgba(0, 0, 0, .05) !important;
	}
.ai-icon path {
  transition: stroke 300ms ease-in-out;
}
.btn-ai-ghost:hover .ai-icon path {
  stroke: #c61;
}
.btn-ai-ghost:active          { background-color: rgba(255,255,255,.12); }

/* Small modifier — for header use */
.btn-ai-sm                    { font-size: 13px; height: 36px; padding: 0 18px; gap: 7px; }
.btn-ai-sm .ai-icon           { width: 15px; height: 15px; }

@media (max-width: 680px) {
  #header-ai-toggle {
    display: none !important;
  }
}

 .perm-chip {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 20px;
    white-space: nowrap;
    line-height: 1.6;
  }
  .chip-full    { background: #e6f4ec; color: #1a7a3f; }
  .chip-view    { background: #e8f0fb; color: #1a56a0; }
  .chip-scope   { background: #fef3e2; color: #a05c00; }
  .chip-own     { background: #f2f2f2; color: #555555; }
  .chip-reporting     { background: #f3e8ff; color: #6b21a8; }
  .chip-no      { color: #bbbbbb; font-size: 18px; line-height: 1; font-weight: 400; }

article#main-content{
  width:100%
}
/* =========================================
   PALIGO ADMONITIONS — ZENDESK
   Scoped to .zd-article to avoid conflicts
   with Zendesk Guide theme global styles.
   ========================================= */


/* =========================================
   1. MARGIN RESET
   Override Paligo's inline margin-left/right
   styles injected on publish.
   ========================================= */
.zd-article .note,
.zd-article .caution,
.zd-article .important,
.zd-article .warning,
.zd-article .tip {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* =========================================
   2. BASE LAYOUT
   ========================================= */
.zd-article .note,
.zd-article .caution,
.zd-article .important,
.zd-article .warning,
.zd-article .tip {
  display: block;
  border-radius: 4px;
  padding: 12px 16px 12px 44px;
  margin: 16px 0;
  position: relative;
  color: #242B30 !important;
  font-size: 14px;
  line-height: 1.5;
}


/* =========================================
   3. TITLE
   Rendered as <h3> by Paligo. Override block
   display so title and body run inline.
   ========================================= */
.zd-article .note .title,
.zd-article .caution .title,
.zd-article .important .title,
.zd-article .warning .title,
.zd-article .tip .title {
  display: inline !important;
  font-size: 16px !important;
  line-height: inherit !important;
  font-weight: 700 !important;
  color: #242B30 !important; /* Override Zendesk's global h3 colour */
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; /* Some ZD themes add bottom borders to headings */
}

/* Colon separator between title and body */
.zd-article .note .title::after,
.zd-article .caution .title::after,
.zd-article .important .title::after,
.zd-article .warning .title::after,
.zd-article .tip .title::after {
  content: ": ";
  font-weight: 700;
}


/* =========================================
   4. BODY PARAGRAPH
   Runs inline after the title.
   Note: if Paligo outputs multiple <p> tags
   inside one admonition they will concatenate
   without breaks — keep admonition bodies
   to a single paragraph in Paligo.
   ========================================= */
.zd-article .note p,
.zd-article .caution p,
.zd-article .important p,
.zd-article .warning p,
.zd-article .tip p {
  display: inline;
  margin: 0;
  color: #242B30;
}


/* =========================================
   5. ICON BASE
   All icons use ::before with an inline SVG.
   Positioned absolute relative to the
   admonition container.
   ========================================= */
.zd-article .note::before,
.zd-article .caution::before,
.zd-article .important::before,
.zd-article .warning::before,
.zd-article .tip::before {
  position: absolute;
  left: 12px;
  top: 12px;
  line-height: 0; /* Prevent pseudo-element adding extra height */
}


/* =========================================
   6. NOTE (blue)
   ========================================= */
.zd-article .note {
  background-color: #eaf2fd;
}

.zd-article .note::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 7.7041V9.7041H11.5V7.7041H13.5ZM4.5 12.7041C4.5 17.1141 8.09 20.7041 12.5 20.7041C16.91 20.7041 20.5 17.1141 20.5 12.7041C20.5 8.2941 16.91 4.7041 12.5 4.7041C8.09 4.7041 4.5 8.2941 4.5 12.7041ZM2.5 12.7041C2.5 7.1841 6.98 2.7041 12.5 2.7041C18.02 2.7041 22.5 7.1841 22.5 12.7041C22.5 18.2241 18.02 22.7041 12.5 22.7041C6.98 22.7041 2.5 18.2241 2.5 12.7041ZM13.5 11.7041V17.7041H11.5V11.7041H13.5Z' fill='%23015A8F'/%3E%3C/svg%3E");
}


/* =========================================
   7. NOTICE (neutral, document-style)
   Modifier on .note — must follow .note rules.
   ========================================= */
.zd-article .note.notice {
  background-color: #fbfbfb;
  border: 0.75px solid #f0f0f0;
  border-left: 4px solid #e6e6e6;
}

.zd-article .note.notice::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.18752 21.5937C5.18622 21.2856 5.24597 20.9802 5.36329 20.6953C5.48062 20.4104 5.65321 20.1515 5.87111 19.9336C6.089 19.7157 6.34789 19.5431 6.63283 19.4258C6.91777 19.3084 7.22312 19.2487 7.53127 19.25H20.8125V3.62502H7.53127C7.22312 3.62372 6.91777 3.68347 6.63283 3.80079C6.34789 3.91812 6.089 4.09071 5.87111 4.30861C5.65321 4.5265 5.48062 4.78539 5.36329 5.07033C5.24597 5.35527 5.18622 5.66062 5.18752 5.96877V21.5937Z' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.1875 21.5938V22.375H19.25' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* =========================================
   8. CAUTION (amber, left-bordered)
   ========================================= */
.zd-article .caution {
  background-color: #fff9e6;
  border-left: 4px solid #BA8B18;
}

.zd-article .caution::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 21.7041L12.5 2.7041L23.5 21.7041H1.5ZM20.03 19.7041L12.5 6.7041L4.97 19.7041H20.03ZM11.5 14.7041V10.7041H13.5V14.7041H11.5ZM11.5 18.7041V16.7041H13.5V18.7041H11.5Z' fill='%23BA8B18'/%3E%3C/svg%3E");
}


/* =========================================
   9. IMPORTANT (amber, no border)
   Shares warning-triangle icon with caution
   but no left border — lower severity signal.
   ========================================= */
.zd-article .important {
  background-color: #fff6d6;
}

.zd-article .important::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 21.7041L12.5 2.7041L23.5 21.7041H1.5ZM20.03 19.7041L12.5 6.7041L4.97 19.7041H20.03ZM11.5 14.7041V10.7041H13.5V14.7041H11.5ZM11.5 18.7041V16.7041H13.5V18.7041H11.5Z' fill='%23BA8B18'/%3E%3C/svg%3E");
}


/* =========================================
   10. WARNING (red)
   ========================================= */
.zd-article .warning {
  background-color: #ffe9e9;
}

.zd-article .warning::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 3.7041L22.5 20.7041H2.5L12.5 3.7041ZM13.5 10.7041H11.5V14.7041H13.5V10.7041ZM13.5 16.7041H11.5V18.7041H13.5V16.7041Z' fill='%23D92D20'/%3E%3C/svg%3E");
}


/* =========================================
   11. DANGER (red, left-bordered)
   Modifier on .warning — must follow .warning rules.
   ========================================= */
.zd-article .warning.danger {
  background-color: #fde2e2;
  border-left: 4px solid #D92D20;
}

/* Danger inherits .warning::before icon — no override needed */


/* =========================================
   12. TIP (green)
   ========================================= */
.zd-article .tip {
  background-color: #D8F7EA !important; /* !important matches original — Paligo
                                           injects inline styles on tip in some
                                           publish modes */
}

.zd-article .tip::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5001 9.7041C19.5001 5.8341 16.3701 2.7041 12.5001 2.7041C8.63012 2.7041 5.50012 5.8341 5.50012 9.7041C5.50012 12.0841 6.69012 14.1741 8.50012 15.4441V17.7041C8.50012 18.2541 8.95012 18.7041 9.50012 18.7041H15.5001C16.0501 18.7041 16.5001 18.2541 16.5001 17.7041V15.4441C18.3101 14.1741 19.5001 12.0841 19.5001 9.7041ZM9.50012 20.7041V21.7041C9.50012 22.2541 9.95012 22.7041 10.5001 22.7041H14.5001C15.0501 22.7041 15.5001 22.2541 15.5001 21.7041V20.7041H9.50012ZM7.50012 9.7041C7.50012 6.9441 9.74012 4.7041 12.5001 4.7041C15.2601 4.7041 17.5001 6.9441 17.5001 9.7041C17.5001 11.7541 16.2701 13.5141 14.5001 14.2841V16.7041H10.5001V14.2841C8.73012 13.5141 7.50012 11.7541 7.50012 9.7041Z' fill='%23115549'/%3E%3C/svg%3E");
}

/* =========================================
   13. TABLES
   ========================================= */
/* Wrapper */
.informaltable {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

/* Strip figure of its own styling */
.informaltable .wysiwyg-table {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width:100%;
}

/* Table reset */
.informaltable table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  color: #374151;
  font-size: .875rem;
  line-height: 1.25rem;
  text-align: left;
  table-layout: auto;
}

.informaltable table[style] {
  border: 0 !important;
}

/* All cells */
.informaltable th,
.informaltable td {
  border: 0 !important;
  padding: 1rem 1.5rem;
  vertical-align: middle;
  text-align: left;
  background-clip: padding-box;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
}

/* First row acts as header */
.informaltable tbody tr:first-child td,
.informaltable tbody tr:first-child th {
  background: #f6f6f6;
  font-weight: 500;
  padding: 0.5rem;
  border-bottom: 1px solid #d1d5db !important;
  position: sticky;
  top: 0;
  z-index: 3;
  white-space: nowrap;
}

/* Body rows (skip first) */
.informaltable tbody tr {
  background: #fff;
}

.informaltable tbody tr:hover {
  background: #f6f6f6;
}

.informaltable tbody tr:not(:first-child):not(:last-child) td,
.informaltable tbody tr:not(:first-child):not(:last-child) th {
  border-bottom: 1px solid #e5e7eb !important;
}

.informaltable tbody th {
  font-weight: 500;
  color: #111827;
  white-space: nowrap;
}

/* Alignment helpers */
.informaltable td[align="right"],
.informaltable th[align="right"],
.informaltable td[style*="text-align: right"],
.informaltable th[style*="text-align: right"],
.informaltable td[style*="text-align:right"],
.informaltable th[style*="text-align:right"],
.informaltable .text-right {
  text-align: right;
}

/* Links */
.informaltable a {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}

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

/* Sticky first column (body) */
.informaltable tbody th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: inherit;
  box-shadow: 1px 0 0 #e5e7eb;
}

/* Sticky first column (header row) */
.informaltable tbody tr:first-child td:first-child,
.informaltable tbody tr:first-child th:first-child {
  z-index: 4;
  position: sticky;
  left: 0;
  background: #f6f6f6;
}

/* Border radius — corners */
.informaltable tbody tr:first-child > *:first-child {
  border-top-left-radius: 12px;
}
.informaltable tbody tr:first-child > *:last-child {
  border-top-right-radius: 12px;
}
.informaltable tbody tr:last-child > *:first-child {
  border-bottom-left-radius: 12px;
}
.informaltable tbody tr:last-child > *:last-child {
  border-bottom-right-radius: 12px;
}

/* Focus ring */
.informaltable:focus-within {
  outline: 2px solid rgba(37,99,235,.25);
  outline-offset: 2px;
}

/* Scrollbar */
.informaltable::-webkit-scrollbar {
  height: 10px;
}
.informaltable::-webkit-scrollbar-track {
  background: transparent;
}
.informaltable::-webkit-scrollbar-thumb {
  background: rgba(100,116,139,.35);
  border-radius: 999px;
}

/* Mobile */
@media (max-width: 640px) {
  .informaltable {
    border-radius: 10px;
  }
  .informaltable table {
    min-width: 720px;
  }
  .informaltable tbody tr:first-child > *:first-child {
    border-top-left-radius: 10px;
  }
  .informaltable tbody tr:first-child > *:last-child {
    border-top-right-radius: 10px;
  }
  .informaltable tbody tr:last-child > *:first-child {
    border-bottom-left-radius: 10px;
  }
  .informaltable tbody tr:last-child > *:last-child {
    border-bottom-right-radius: 10px;
  }
  .informaltable th,
  .informaltable td {
    padding: .9rem 1.1rem;
  }
  .informaltable tbody tr:first-child td,
  .informaltable tbody tr:first-child th {
    padding: .75rem 1.1rem;
  }
}
/* =========================================
   14. ARCADE VIDEOS
   ========================================= */
.mediaobject .video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 ratio */
  overflow: hidden;
}

.mediaobject .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.mediaobject .video-container iframe[src*="arcade.software"] {
  margin: 0 !important;
}
/* =========================================
   AVAILABILITY CALLOUT V2 (ZENDESK CLEAN)
   ========================================= */

/* ===== Availability Note Container ===== */
.zd-article.original-topic .note.availability-data {
  display: block !important;
  background-color: #fff !important;
  border: 1px solid #D2D2D6 !important;
  color: #0B1412 !important;
  border-radius: 8px !important;
  padding: 0 16px 16px 56px !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  position: relative !important;
}

/* ===== Remove any h3 icon ===== */
.zd-article.original-topic .note.availability-data h3::before {
  content: none !important;
  display: none !important;
}

/* ===== Replace default icon ===== */
.zd-article.original-topic .note.availability-data.note::before {
  content: "" !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231960d1' d='M1.25 12C1.25 6.063 6.063 1.25 12 1.25C17.937 1.25 22.75 6.063 22.75 12C22.75 17.937 17.937 22.75 12 22.75C6.063 22.75 1.25 17.937 1.25 12ZM12.195 10.031C11.983 10 11.739 10 11.541 10H11.5C10.948 10 10.5 10.448 10.5 11C10.5 11.552 10.948 12 11.5 12V16.5C11.5 17.052 11.948 17.5 12.5 17.5C13.052 17.5 13.5 17.052 13.5 16.5V12.06C13.5 11.837 13.5 11.587 13.474 11.375C13.444 11.131 13.366 10.788 13.094 10.488C12.809 10.175 12.46 10.07 12.195 10.031ZM12 7C11.448 7 11 7.448 11 8C11 8.552 11.448 9 12 9C12.552 9 13 8.552 13 8C13 7.448 12.552 7 12 7Z'/%3E%3C/svg%3E") !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;

  position: absolute !important;
  left: 16px !important;
  top: 17px !important;
}

/* ===== Heading styling ===== */
.zd-article.original-topic .note.availability-data h3.title {
  display: block !important;
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 550 !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* ===== Content paragraph spacing ===== */
.zd-article.original-topic .note.availability-data p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.note p.soldo-availability,
.caution p.soldo-availability,
.important p.soldo-availability,
.warning p.soldo-availability,
.tip p.soldo-availability,
p.soldo-availability {
    display: block;
}
.zd-article.original-topic .note.availability-data p {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}
.zd-article.original-topic .note.availability-data p:only-of-type {
    margin-bottom: 0 !important;
}

/* ----------------------------------
   Surface UI Project No Legacy
   ---------------------------------- */

/* 1. Kill legacy completely */
#web_app_legacy {
  display: none !important;
}

/* 2. Surface should ALWAYS be visible */
#web_app_surface {
  display: block !important;
}

/* 3. Surface variant blocks should ALWAYS be visible */
[data-soldo-variant="web_app_surface"] {
  display: block !important;
}

/* 4. Surface images should ALWAYS be visible */
.article-body img[data-soldo-variant="surface"] {
  display: block !important;
}

/* 5. (Optional fallback – safe to keep or remove later) */
.kb-page-wrapper.is-surface .article-body img[data-soldo-variant="surface"] {
  display: block !important;
}