@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Global background override */
body {
  background-color: #F8FBFF;
}

/* Hero content styling */
.hero-content {
  text-align: center;
  padding: 44px 20px 36px;
  max-width: 800px;
  margin: 0 auto;
}

.hero-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  color: #050D22;
  margin: 0 0 14px;
}

.hero-subtitle {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  color: #3B556E;
  margin: 0;
}

@media (max-width: 768px) {
  .hero-content {
    padding: 32px 20px 28px;
  }

  .hero-title {
    font-size: 30px;
  }
  
  .hero-subtitle {
    font-size: 15px;
  }
}

/* Card styling for home page blocks */
.categories.blocks .blocks-list.categories-grid {
  display: block;
  column-count: 1;
  column-gap: 24px;
}
@media (min-width: 1024px) {
  .categories.blocks .blocks-list.categories-grid {
    column-count: 2;
  }
}

.categories.blocks .blocks-list.categories-grid .blocks-item {
  list-style: none;
  display: inline-block;
  width: 100%;
  margin: 0 0 24px; /* spacing between cards vertically */
  border: 0; /* remove brand-colored outer border */
  background: transparent;
  border-radius: 12px; /* ensure rounded corners match inner link */
  color: inherit;
  break-inside: avoid;
  text-align: left;
}
.categories.blocks .blocks-list.categories-grid .blocks-item:hover,
.categories.blocks .blocks-list.categories-grid .blocks-item:focus,
.categories.blocks .blocks-list.categories-grid .blocks-item:active {
  background: transparent; /* disable theme hover background */
}
.categories.blocks .blocks-list.categories-grid .blocks-item:hover *,
.categories.blocks .blocks-list.categories-grid .blocks-item:focus *,
.categories.blocks .blocks-list.categories-grid .blocks-item:active * {
  color: inherit; /* keep text color stable on hover */
}

.categories.blocks .blocks-list.categories-grid .blocks-item-link {
  display: block;
  background: #ffffff;
  border: 1px solid #F2F4F8;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  transition: box-shadow 160ms ease, transform 160ms ease, border-color 160ms ease;
  text-decoration: none;
  color: #050D22;
}

.categories.blocks .blocks-list.categories-grid .blocks-item-link:hover,
.categories.blocks .blocks-list.categories-grid .blocks-item-link:focus {
  border-color: #E4E8F0;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
  transform: translateY(-2px);
}

.categories.blocks .blocks-list.categories-grid .blocks-item-title {
  display: block;
  color: #050D22;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 8px;
}

.categories.blocks .blocks-list.categories-grid .blocks-item-description {
  display: block;
  color: #050D22;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  text-align: left;
}

/* Category card variant with text CTA */
.categories.blocks .blocks-list.categories-grid .category-card {
  padding-bottom: 16px;
  overflow: hidden;
  border-color: #F2F4F8;
  color: #050D22;
}

.categories.blocks .blocks-list.categories-grid .category-card .blocks-item-cta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-top: 16px;
  padding: 0;
  background: transparent;
  color: rgba(86, 85, 237, 1);
  font-weight: 600;
}

.categories.blocks .blocks-list.categories-grid .category-card .cta-arrow {
  color: inherit;
}

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;
  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;
  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: #F8FBFF;
  color: rgba(5, 13, 34, 1);
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', Arial, sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: #4948CE;
  text-decoration: none;
}
a:visited {
  color: #4241B1;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.hbs-form input,
.hbs-form textarea, .search input,
.search textarea {
  color: #000;
  font-size: 14px;
}
.hbs-form input, .search input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
  /* We use the :where selector to not increase the specificity of the selector */
}
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) {
  outline: none;
}
.hbs-form input:where(:not([type=checkbox])):focus, .search input:where(:not([type=checkbox])):focus {
  border: 1px solid rgba(86, 85, 237, 1);
}
.hbs-form input[disabled], .search input[disabled] {
  background-color: #ddd;
}
.hbs-form select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  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%;
}
.hbs-form select:focus, .search select:focus {
  border: 1px solid rgba(86, 85, 237, 1);
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: 1px solid #87929D;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid rgba(86, 85, 237, 1);
}

.container {
  max-width: 1160px;
  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, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent;
  border: 1px solid rgba(86, 85, 237, 1);
  border-radius: 4px;
  color: rgba(86, 85, 237, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}
@media (min-width: 768px) {
  .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
    width: auto;
  }
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
  color: rgba(86, 85, 237, 1);
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
  background-color: rgba(86, 85, 237, 1);
  color: rgba(248, 251, 255, 1);
  text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
  background-color: rgba(69, 68, 190, 1);
  border-color: rgba(69, 68, 190, 1);
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
  cursor: default;
}

.button-large, .hbs-form input[type=submit] {
  cursor: pointer;
  background-color: rgba(86, 85, 237, 1);
  border: 0;
  border-radius: 4px;
  color: rgba(248, 251, 255, 1);
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) {
  .button-large, .hbs-form input[type=submit] {
    width: auto;
  }
}
.button-large:visited, .hbs-form input[type=submit]:visited {
  color: rgba(248, 251, 255, 1);
}
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus {
  background-color: rgba(69, 68, 190, 1);
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: rgba(55, 61, 78, 1);
  border: 1px solid #87929D;
  background-color: transparent;
}
.button-secondary:visited {
  color: rgba(55, 61, 78, 1);
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(5, 13, 34, 1);
  border: 1px solid #87929D;
  background-color: #f7f7f7;
}

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

.split-button button {
  background-color: rgba(86, 85, 237, 1);
  border: 0;
  color: rgba(248, 251, 255, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(86, 85, 237, 1);
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(248, 251, 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(248, 251, 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: rgba(55, 61, 78, 1);
  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: 1024px) {
  .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(86, 85, 237, 1);
}

.form-field input[type=text] {
  border: 1px solid #87929D;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid rgba(86, 85, 237, 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(86, 85, 237, 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(86, 85, 237, 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: rgba(55, 61, 78, 1);
  margin-left: 4px;
}

.form-field p {
  color: rgba(55, 61, 78, 1);
  font-size: 12px;
  margin: 5px 0;
}

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

.form footer a {
  color: rgba(55, 61, 78, 1);
  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: #4241B1;
}

/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
  border-bottom: 1px solid #EDEFF3;
  background: #F8FBFF;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.logo img {
  max-height: 37px;
  vertical-align: middle;
}

.logo-mobile {
  display: none;
}

@media (max-width: 1023px) {
  .logo-desktop {
    display: none;
  }
  
  .logo-mobile {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: contain;
    max-height: 32px;
  }
}

.logo span {
  margin: 0 10px;
  color: rgba(86, 85, 237, 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: 1023px) {
  .nav-wrapper-desktop {
    display: none;
  }
  
  /* Mobile header responsive styles */
  .header-inner {
    padding: 0 16px;
    gap: 8px;
  }
  
  .header-left {
    gap: 8px;
  }
  
  .header-search {
    margin-left: 0;
  }
  
  .search-container-desktop {
    display: flex;
  }
  
  .search-toggle-mobile {
    display: none;
  }
  
  /* Show full search bar on mobile */
  .header-search {
    flex: 1;
    margin: 0 0.5em;
    max-width: 60%;
  }
  
  .header-search .search {
    display: flex !important;
    width: 100%;
    margin: 0;
  }
  
  .header-search input[type="search"],
  .header-search .search input {
    width: 100%;
    min-width: 0;
    height: 40px;
    padding: 8px 12px 8px 36px;
    font-size: 14px;
  }
  
  /* Ensure header-search container is visible */
  .header-search {
    display: flex !important;
    align-items: center;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 44px;
    min-height: 44px;
  }
  
  /* Hide desktop language selector on mobile */
  .header-tools .language-selector {
    display: none;
  }
  
  /* Hide non-mobile profile dropdown on mobile */
  .user-info {
    display: none !important;
  }
  
  /* Hide desktop navigation completely on mobile */
  .nav-wrapper-desktop {
    display: none !important;
  }
  
  /* Show mobile navigation when desktop is hidden */
  .nav-wrapper-mobile {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .nav-wrapper-mobile .menu-button-mobile {
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
  }
  
  /* Mobile language selector in menu */
  .mobile-language-selector {
    margin: 8px 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .language-selector-mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
  }
  
  .language-selector-mobile .dropdown-toggle {
    font-size: 16px;
    padding: 16px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: 1px solid #E4E8F0;
    border-radius: 6px;
    cursor: pointer;
    color: #333;
  }
  
  .language-selector-mobile .dropdown-toggle:hover {
    background-color: #f8f9fa;
    border-color: rgba(86, 85, 237, 1);
  }
  
  /* Improve account dropdown on mobile */
  .user-info .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  
  /* Better spacing for mobile header elements */
  .header-tools {
    gap: 8px;
  }
  
  .user-info .dropdown-toggle {
    padding: 8px 12px;
    font-size: 14px;
  }
  
  .user-info .dropdown-toggle span {
    display: none;
  }
  
  .user-info .user-avatar {
    width: 32px;
    height: 32px;
  }
  
  /* Ensure proper z-index for dropdowns */
  .dropdown-menu {
    z-index: 1001;
  }
  
  .mobile-search-overlay {
    z-index: 1002;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .nav-wrapper-desktop {
    display: none;
  }
}

/* Medium screens - show desktop search but hide some elements */
@media (min-width: 768px) and (max-width: 1023px) {
  .search-container-desktop {
    display: block;
  }
  
  .search-toggle-mobile {
    display: none;
  }
  
  .header-search input[type="search"],
  .header-search .search input {
    width: 240px;
  }
  
  .user-info .dropdown-toggle span {
    display: inline;
  }
  
  .user-info .user-avatar {
    width: 24px;
    height: 24px;
  }
}

/* Large screens - full desktop layout */
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: flex;
  }
  
  .nav-wrapper-mobile {
    display: none;
  }
  
  .header-search input[type="search"],
  .header-search .search input {
    width: 280px;
  }
  
  .header-tools .language-selector {
    display: block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: #4948CE;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}
@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: #4948CE;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .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: 30px;
  height: 30px;
  border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #F8FBFF;
  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(5, 13, 34, 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: rgba(5, 13, 34, 1);
}
.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;
  align-items: center;
  line-height: 1.5;
  padding: 8px 24px;
}
.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: 40px;
  width: 40px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 12px;
  margin-top: 0;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 12px;
}

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

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

/***** 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: rgba(55, 61, 78, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.5;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}

.user-info .user-avatar {
  margin-right: 8px;
}

[dir=rtl] .user-info .user-avatar {
  margin-left: 8px;
  margin-right: 0;
}
.user-info > button:hover, .user-info > button:focus {
  color: rgba(55, 61, 78, 1);
  background-color: transparent;
}
.user-info > button::after {
  color: rgba(55, 61, 78, 1);
  padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

/* Language selector desktop styles to match user profile */
.language-selector {
  display: inline-block;
}

.language-selector .dropdown-toggle {
  color: rgba(55, 61, 78, 1);
  font-size: 15px;
  line-height: 1.5;
  padding: 0;
  border: 0;
  background: none;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}

.language-selector .dropdown-toggle:hover,
.language-selector .dropdown-toggle:focus {
  color: rgba(55, 61, 78, 1);
  background-color: transparent;
  text-decoration: none;
}

#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(86, 85, 237, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(248, 251, 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: rgba(55, 61, 78, 1);
}
.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-language-selector button {
  color: rgba(55, 61, 78, 1);
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: rgba(55, 61, 78, 1);
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  color: rgba(55, 61, 78, 1);
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: #4948CE;
}

/***** 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(86, 85, 237, 1);
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid transparent;
}
.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%;
}
.search input[type=search]:focus {
  color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}
.search .clear-button:hover {
  background-color: rgba(86, 85, 237, 1);
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 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: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
[dir=ltr] .search-has-value input[type=search]:focus {
  border-right-color: rgba(86, 85, 237, 1);
}
[dir=ltr] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}
[dir=ltr] .search .clear-button:focus {
  border-left-color: rgba(86, 85, 237, 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: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}
[dir=rtl] .search-has-value input[type=search]:focus {
  border-left-color: rgba(86, 85, 237, 1);
}
[dir=rtl] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
[dir=rtl] .search .clear-button:focus {
  border-right-color: rgba(86, 85, 237, 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(../settings/homepage_background_image.png);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}
.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}
.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}
.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 25px;
  width: 100%;
}
@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: 1px solid rgba(86, 85, 237, 1);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(86, 85, 237, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: rgba(86, 85, 237, 1);
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: rgba(248, 251, 255, 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(5, 13, 34, 1);
}
.blocks-item-link {
  color: rgba(86, 85, 237, 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(86, 85, 237, 1);
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}
.blocks-item-description {
  margin: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/* Home page category sections using section-tree layout */

.category-description {
  margin: 0 0 14px 0;
  color: #68737D;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  /* Home page only: keep every card's intro to three lines so the section
     links start at the same height. The full text shows on the category page. */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category-subsections {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.subsections-title {
  font-size: 16px;
  font-weight: 600;
  color: #050D22;
  margin-bottom: 12px;
  border-bottom: 1px solid #F2F4F8;
  padding-bottom: 8px;
}

.subsections-title .section-count {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
}

.subsections-list {
  list-style: none;
  padding: 0;
  margin: 0 -8px 8px;
}

.subsection-item {
  margin-bottom: 2px;
}

.subsection-link {
  display: block;
  padding: 6px 8px;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.subsection-link:hover,
.subsection-link:focus,
.subsection-link:active {
  background-color: #F8FBFF;
  text-decoration: none;
}

.subsection-title {
  display: block;
  font-weight: 500;
  color: #050D22;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
}

.subsection-description {
  display: block;
  color: #68737D;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
}

.see-all-sections {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4948CE;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  padding: 8px 0;
  transition: color 0.2s ease;
}

.see-all-sections:hover {
  color: #4241B1;
  text-decoration: underline;
}

.see-all-sections .cta-arrow {
  transition: transform 0.2s ease;
}

.see-all-sections:hover .cta-arrow {
  transform: translateX(2px);
}

/***** 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: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}
.promoted-articles-item {
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .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: 1024px) {
  .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(../settings/community_image.jpg);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: #4948CE;
  text-decoration: underline;
}
.community a:visited {
  color: #4241B1;
}
.community a:hover, .community a:active, .community a:focus {
  color: rgba(73, 72, 206, 1);
}

.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 h3 {
  margin: 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;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-activity-item-meta {
  color: rgba(5, 13, 34, 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: #4948CE;
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: #4241B1;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: rgba(73, 72, 206, 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(86, 85, 237, 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;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media (min-width: 1024px) {
  .category-container {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
}
.category-content {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
.category-content .page-header h1 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 6px;
}
.category-content .page-header-description {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Category page: one compact block per section */
.category-sections {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.category-section-block {
  min-width: 0;
}
.category-section-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin: 0 0 14px;
  padding-bottom: 0;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
  color: #5655ED;
}
.category-section-title a {
  color: #5655ED;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.category-section-title a:hover,
.category-section-title a:focus {
  color: #4948CE;
  text-decoration: underline;
}
.category-section-count {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.category-section-block .articles-list {
  margin-bottom: 0;
}
.article-list-more {
  display: block;
  padding: 10px 16px;
  background: #ffffff;
  border-top: 1px solid #F2F4F8;
  font-size: 13px;
  font-weight: 600;
  color: #4948CE;
  text-decoration: none;
}
.article-list-more:hover,
.article-list-more:focus {
  background: #F8FBFF;
  text-decoration: underline;
}
.category-section-empty {
  margin: 0;
  font-size: 14px;
  font-style: italic;
  color: #68737D;
}
.article-list-title .icon-lock {
  vertical-align: baseline;
  margin-left: 4px;
}

/* Collapse left space when category is empty */
.category-container:has(.category-empty) {
  justify-content: center;
}
.category-container:has(.category-empty) .category-content {
  flex: none;
  max-width: none;
}

/* Style the empty category message */
.category-empty {
  display: block;
  text-align: center;
  font-style: italic;
  color: #666;
  padding: 40px 20px;
}

.section-tree {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 640px) {
  .section-tree {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .section-tree {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.section-tree .section {
  max-width: 100%;
  margin-bottom: 0; /* Remove margin since we're using grid gap */
  padding: 20px;
  background: #ffffff;
  border: 1px solid #E6E9F2;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  height: auto;
  align-self: stretch; /* equal-height cards per row; "See all" sits at the bottom */
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.section-tree-title {
  margin: 0 0 16px;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
  color: #5655ED;
  padding-bottom: 0;
  overflow-wrap: anywhere;
}
.section-tree-title a {
  color: #5655ED;
  text-decoration: none;
}
.section-tree-title a:hover,
.section-tree-title a:focus,
.section-tree-title a:active {
  color: #4948CE;
  text-decoration: underline;
}
.section-tree .see-all-articles {
  display: block;
  margin-top: auto; /* pushes to the card bottom */
  padding: 12px 0 0;
  border-top: 1px solid #F2F4F8;
  font-size: 13px;
  font-weight: 600;
  color: #4948CE;
  text-decoration: none;
}
.section-tree .see-all-articles:hover,
.section-tree .see-all-articles:focus {
  text-decoration: underline;
}

.article-list-item {
  font-size: 16px;
  padding: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #F8FBFF;
  transition: background-color 0.2s ease;
  border-radius: 8px;
  margin: 0 -12px;
}
.article-list-item:last-child {
  border-bottom: none;
}
.article-list-item a {
  color: rgba(5, 13, 34, 1);
}

.article-list-item a:hover,
.article-list-item a:focus,
.article-list-item a:active {
  text-decoration: none;
}

.article-list-item:hover {
  background-color: #F8FBFF;
}

.icon-star {
  color: rgba(86, 85, 237, 1);
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media (min-width: 1024px) {
  .section-container {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
}
.section-content {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
.section-content .page-header h1 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 6px;
}
.section-content .page-header-description {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Section sidebar: every section in the category (filled by script.js) */
.section-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin: 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .section-sidebar {
    border: 0;
    flex: 0 0 25.5%;
    max-width: 25.5%;
    position: sticky;
    top: 20px;
  }
  .section-sidebar .collapsible-sidebar {
    padding: 16px;
    border: 1px solid #E6E9F2;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
    /* Long lists (e.g. Client Guides) scroll inside the sticky box */
    max-height: calc(100vh - 40px);
    overflow-y: auto;
  }
}
/* Sidebar rows: link + chevron that expands the section's articles */
.section-sidebar-row {
  display: flex;
  align-items: flex-start;
  gap: 2px;
}
.section-sidebar-row .sidenav-item {
  flex: 1 1 auto;
  min-width: 0;
}
.section-sidebar-toggle {
  flex: 0 0 26px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #68737D;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.section-sidebar-toggle:hover,
.section-sidebar-toggle:focus {
  background-color: #F0F1FE;
  color: #4948CE;
}
.section-sidebar-toggle:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(86, 85, 237, 0.4);
}
.section-sidebar-toggle svg {
  transition: transform 0.2s ease;
}
.section-sidebar-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.section-sidebar-toggle.is-loading {
  opacity: 0.5;
}
.section-sidebar-empty {
  padding: 4px 8px;
  font-size: 12px;
  font-style: italic;
  color: #68737D;
}

/* Articles nested under a section (current section by default, others on demand) */
.section-sidebar-articles {
  list-style: none;
  margin: 2px 0 6px 10px;
  padding-left: 10px;
  border-left: 2px solid rgba(86, 85, 237, 0.35);
}
.section-sidebar .sidenav-article {
  font-size: 13px;
  padding: 4px 8px;
  color: #3B556E;
}
.section-sidebar .sidenav-article.current-article {
  background-color: transparent;
  color: #4948CE;
  font-weight: 600;
}
.section-sidebar-more {
  display: block;
  margin: 0 0 8px 30px;
  font-size: 12px;
  font-weight: 600;
  color: #4948CE;
  text-decoration: none;
}
.section-sidebar-more:hover,
.section-sidebar-more:focus {
  text-decoration: underline;
}
.section-sidebar .sidenav-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 10px;
}
.section-sidebar-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.section-sidebar-category {
  font-size: 15px;
  font-weight: 600;
  color: #050D22;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.section-sidebar-category:hover,
.section-sidebar-category:focus {
  color: #4948CE;
  text-decoration: none;
}
.section-sidebar-list,
.section-sidebar-sub {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-sidebar-sub {
  margin: 2px 0 4px 10px;
  padding-left: 10px;
  border-left: 2px solid #F2F4F8;
}
.section-sidebar li {
  margin: 0;
}
.section-sidebar .sidenav-item {
  display: block;
  margin: 0 0 2px;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  color: #050D22;
  text-decoration: none;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  overflow-wrap: anywhere;
}
.section-sidebar .sidenav-item:hover,
.section-sidebar .sidenav-item:focus {
  background-color: #F8FBFF;
  color: #4948CE;
  text-decoration: none;
}
.section-sidebar .sidenav-item.current-section {
  background-color: rgba(86, 85, 237, 0.10);
  color: #4948CE;
  font-weight: 600;
}
.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(5, 13, 34, 1);
  display: flex;
  justify-content: space-between;
}

/* New card-based sections layout */
.sections-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 0 0 24px;
}

@media (min-width: 768px) {
  .sections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (min-width: 1024px) {
  .sections-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

.section-card {
  background: #ffffff;
  border: 1px solid #F2F4F8;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  transition: all 0.2s ease;
  overflow: hidden;
}

.section-card:hover {
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);
  transform: translateY(-2px);
  border-color: #E2E8F0;
}

.section-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.section-card-content {
  padding: 16px 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.section-card-title {
  font-size: 15px;
  font-weight: 600;
  color: #050D22;
  margin: 0 0 6px 0;
  line-height: 1.4;
}

.section-card-description {
  font-size: 13px;
  color: #68737D;
  line-height: 1.5;
  margin: 0 0 10px 0;
  flex-grow: 1;
}

.section-card-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
}

.section-card-arrow {
  color: #4948CE;
  transition: transform 0.2s ease;
}

.section-card:hover .section-card-arrow {
  transform: translateX(4px);
}

/* Article cards layout */
.articles-count {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
  margin: 0 0 10px 0;
  padding-bottom: 0;
}

.articles-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0 0 24px 0;
  background: #ffffff;
  border: 1px solid #F2F4F8;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.article-list-item {
  background: #ffffff;
  border-bottom: 1px solid #F2F4F8;
  transition: all 0.2s ease;
  position: relative;
}

.article-list-item:last-child {
  border-bottom: none;
}

/* Section page rows: cancel the generic .article-list-item padding/negative
   margin (defined for the category page) so each row is just the link. */
.articles-list .article-list-item {
  padding: 0;
  margin: 0;
  overflow: visible;
  font-size: 15px;
  border-radius: 0;
}

.article-list-item:hover {
  background: #F8FBFF;
}

.article-list-item.article-promoted {
  background: linear-gradient(135deg, #ffffff 0%, #F8FBFF 100%);
  border-left: 4px solid #4948CE;
}

.article-list-item.article-promoted:hover {
  background: linear-gradient(135deg, #F8FBFF 0%, #F0F4FF 100%);
}

.article-list-link {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 10px 16px;
}

.article-list-link:hover {
  text-decoration: none;
}

.article-list-link * {
  text-decoration: none;
}

.article-list-link:hover * {
  text-decoration: none;
}

.article-list-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.article-list-text {
  flex: 1;
  min-width: 0;
}


.article-list-title {
  font-size: 15px;
  font-weight: 500;
  color: #050D22;
  margin: 0;
  line-height: 1.4;
  flex: 1;
}

.article-list-excerpt {
  font-size: 13px;
  color: #68737D;
  line-height: 1.45;
  margin: 2px 0 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.article-list-meta {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.article-list-arrow {
  color: #68737D;
  transition: all 0.2s ease;
}

.article-list-item:hover .article-list-arrow {
  color: #4948CE;
  transform: translateX(4px);
}

/* Responsive adjustments for article list */
@media (max-width: 767px) {
  .article-list-link {
    padding: 10px 14px;
  }
  
  .article-list-title {
    font-size: 15px;
  }
  
  .article-list-excerpt {
    font-size: 13px;
  }
  
  .articles-count {
    font-size: 20px;
    margin: 0 0 16px 0;
  }
}

.section-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 60px 40px;
  background: #F8FBFF;
  border-radius: 16px;
  border: 1px solid #F2F4F8;
  margin: 40px 0;
}

.section-empty-icon {
  margin-bottom: 24px;
  color: #B8C5D1;
}

.section-empty-title {
  font-size: 24px;
  font-weight: 600;
  color: #2C3E50;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

.section-empty-description {
  font-size: 16px;
  color: #68737D;
  margin: 0;
  line-height: 1.5;
  max-width: 400px;
}

.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
  * 25.5%   | 58.5%   | 16%
  */
  flex: 1 1 auto;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  min-width: 0;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 1 58.5%;
    max-width: none;
    min-width: 640px;
    padding: 20px 30px;
  }
  /* When sidebar is hidden, expand article to use full width */
  .article-sidebar:empty + .article,
  .article-sidebar:not(:has(.collapsible-sidebar)) + .article,
  .article-sidebar.hidden + .article {
    flex: 1 1 100%;
    max-width: none;
    padding: 20px 30px;
  }
}
.article-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
    align-items: flex-start; /* required for the sticky sidebar */
    width: 100%;
    gap: 32px;
  }
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  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;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  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-info a {
  text-decoration: none !important;
}

.article-info a:hover,
.article-info a:focus,
.article-info a:active,
.article-info a:visited {
  text-decoration: none !important;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
}
.article-body a {
  color: #4948CE;
  text-decoration: none !important;
}
.article-body a:visited {
  color: #4241B1;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: rgba(73, 72, 206, 1);
  text-decoration: underline !important;
}

/* Override any user-added underlines in article content */
.article-body u {
  text-decoration: none !important;
}
.article-body u:hover {
  text-decoration: underline !important;
}

/* Override any inline styles that might add underlines */
.article-body a[style*="text-decoration"] {
  text-decoration: none !important;
}
.article-body a[style*="text-decoration"]:hover {
  text-decoration: underline !important;
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body :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: rgba(55, 61, 78, 1);
  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-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 25.5%;
    height: auto;
    max-width: 25.5%;
  }
  /* Hide sidebar when it has no visible content to collapse allocated space */
  .article-sidebar:not(:has(.collapsible-sidebar)) {
    display: none;
  }
  /* Fallback for browsers that don't support :has() */
  .article-sidebar:empty {
    display: none;
  }
  /* Additional fallback using class-based approach */
  .article-sidebar.hidden {
    display: none;
  }
}
.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 {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}
.article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}
.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}
.article-more-questions a {
  color: #4948CE;
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: #4241B1;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: rgba(73, 72, 206, 1);
}
.article-return-to-top {
  border-top: 1px solid #87929D;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: rgba(5, 13, 34, 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;
}
.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.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(5, 13, 34, 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: rgba(55, 61, 78, 1);
}

/***** 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: rgba(55, 61, 78, 1);
}
.share a:hover {
  text-decoration: none;
  color: rgba(86, 85, 237, 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: 600;
}
.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  color: rgba(55, 61, 78, 1);
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: #4948CE;
  text-decoration: underline;
}
.comment-callout a:visited {
  color: #4241B1;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: rgba(73, 72, 206, 1);
}
.comment-sorter {
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: rgba(55, 61, 78, 1);
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid rgba(86, 85, 237, 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 1 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: 1024px) {
  .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(86, 85, 237, 1);
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: #4948CE;
  text-decoration: underline;
}
.comment-body a:visited {
  color: #4241B1;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: rgba(73, 72, 206, 1);
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.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: rgba(55, 61, 78, 1);
  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: rgba(55, 61, 78, 1);
  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(86, 85, 237, 1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: rgba(55, 61, 78, 1);
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(86, 85, 237, 1);
}

.vote-voted:hover {
  color: rgba(69, 68, 190, 1);
}

/***** 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(../settings/community_background_image.jpg);
  margin-bottom: 10px;
}
.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(86, 85, 237, 1);
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: rgba(248, 251, 255, 1);
  color: rgba(248, 251, 255, 1);
}
.community-follow button[data-selected=true] {
  background-color: rgba(86, 85, 237, 1);
  color: rgba(248, 251, 255, 1);
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid rgba(248, 251, 255, 1);
  color: rgba(248, 251, 255, 1);
}
.community-follow button[data-selected=true]:hover {
  background-color: rgba(69, 68, 190, 1);
  border-color: rgba(69, 68, 190, 1);
}
.community-follow button::after {
  border-left: 1px solid rgba(86, 85, 237, 1);
  content: attr(data-follower-count);
  color: rgba(86, 85, 237, 1);
  display: inline-block;
  font-family: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', Arial, 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(86, 85, 237, 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: #4948CE;
  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: #4241B1;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: rgba(55, 61, 78, 1);
  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(5, 13, 34, 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(86, 85, 237, 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: rgba(55, 61, 78, 1);
}
.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: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}
.post-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .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: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', Arial, 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 {
  display: flow-root;
}
.post-body a {
  color: #4948CE;
  text-decoration: underline;
}
.post-body a:visited {
  color: #4241B1;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: rgba(73, 72, 206, 1);
}
.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.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: rgba(55, 61, 78, 1);
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: rgba(55, 61, 78, 1);
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: rgba(86, 85, 237, 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: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [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: 1024px) {
  .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-block;
  line-height: 18px;
  vertical-align: middle;
}

.community-badge-titles {
  display: inline;
}

.community-badge-achievement {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}
.community-badge-achievement img {
  width: 100%;
  height: 100%;
}

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

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

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}
.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}
.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: 22.5px;
  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(86, 85, 237, 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(5, 13, 34, 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(5, 13, 34, 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(86, 85, 237, 1);
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: rgba(5, 13, 34, 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;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 20px;
  }
}
.collapsible-sidebar-title {
  margin-top: 0;
}
.collapsible-sidebar-toggle {
  position: absolute;
  top: 22.5px;
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .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(86, 85, 237, 1);
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .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: 1024px) {
  .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: 1024px) {
  .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: rgba(55, 61, 78, 1);
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: rgba(55, 61, 78, 1);
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}
.request-container .comment-container {
  min-width: 0;
}
.request-breadcrumbs {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .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: 1024px) {
  .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: rgba(55, 61, 78, 1);
  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(86, 85, 237, 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(86, 85, 237, 1);
}
.request-main input#mark_as_solved {
  display: none;
}
.request-title {
  width: 100%;
}
@media (min-width: 1024px) {
  .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: 1024px) {
  .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: 1024px) {
  .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 {
  line-break: strict;
  color: rgba(55, 61, 78, 1);
  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: rgba(55, 61, 78, 1);
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  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;
  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;
  vertical-align: middle;
  display: inline;
}

.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;
  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: rgba(55, 61, 78, 1);
  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: 1024px) {
  .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: 1024px) {
  .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: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(86, 85, 237, 1);
  border-radius: 4px;
  color: rgba(86, 85, 237, 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: 1024px) {
  .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: rgba(55, 61, 78, 1);
  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: rgba(55, 61, 78, 1);
  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;
  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;
  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: #FFFFFF;
  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: 1024px) {
  .search-results {
    flex-direction: row;
  }
}
.search-results-column {
  flex: 1;
}
@media (min-width: 1024px) {
  .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: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}
.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: rgba(5, 13, 34, 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 {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
  display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #4948CE;
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}
.search-results-list {
  margin-bottom: 25px;
}
.search-results-list > li {
  padding: 20px 0;
}
.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}
.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: #4948CE;
}
.search-results .no-results .action-prompt a:visited {
  color: #4948CE;
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-title {
  font-size: 16px;
  margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {
  color: rgba(55, 61, 78, 1);
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(86, 85, 237, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 20px;
}
.search-result-meta-container {
  color: #666;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  [dir=ltr] .search-result-meta-container .meta-data {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  [dir=rtl] .search-result-meta-container .meta-data {
    margin-right: 20px;
  }
}
.search-result-meta-container .meta-data::after {
  content: none;
}
.search-result-breadcrumbs {
  margin: 0;
}
.search-result-description {
  margin-top: 10px;
  margin-bottom: 0;
  word-break: break-word;
}

/* 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: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.service-catalog-description {
  display: flow-root;
}
.service-catalog-description a {
  color: #4948CE;
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: #4241B1;
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: rgba(73, 72, 206, 1);
}
.service-catalog-description img {
  height: auto;
  max-width: 100%;
}
.service-catalog-description p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figure.image {
  display: table;
  margin: 0 auto;
}
.service-catalog-description figure.image > img {
  display: block;
  width: 100%;
}
.service-catalog-description figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.service-catalog-description ul,
.service-catalog-description ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .service-catalog-description ul,
[dir=rtl] .service-catalog-description ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.service-catalog-description ul > ul,
.service-catalog-description ol > ol,
.service-catalog-description ol > ul,
.service-catalog-description ul > ol,
.service-catalog-description li > ul,
.service-catalog-description li > ol {
  margin: 0;
}
.service-catalog-description ul {
  list-style-type: disc;
}
.service-catalog-description :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.service-catalog-description pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.service-catalog-description blockquote {
  border-left: 1px solid #ddd;
  color: rgba(55, 61, 78, 1);
  font-style: italic;
  padding: 0 15px;
}

/* Header tweaks - override existing styles */
.header {
  border-bottom: 1px solid #EDEFF3 !important;
  background: #F8FBFF !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: 71px !important;
  justify-content: flex-start !important;
  position: relative !important;
}

.header-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}

.nav-wrapper-desktop {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header-tools {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header-search {
  position: relative;
  flex: 0 0 auto;
  margin-left: 1em;
}

.header-search .search {
  margin: 0;
  position: relative;
  z-index: 1;
}

.header-search input[type="search"],
.header-search .search input {
  height: 36px;
  padding: 6px 10px 6px 28px;
  border: 1px solid #E4E8F0;
  width: 280px;
  background: #ffffff;
  box-shadow: none;
  outline: none;
  position: relative;
  z-index: 2;
}

.header-search input[type="search"]:focus,
.header-search .search input:focus {
  border-color: rgba(86, 85, 237, 1);
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.1);
}

.header-search .search-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #6B7280;
  z-index: 3;
}

/* Mobile search toggle button */
.search-toggle-mobile {
  display: none;
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}

/* Show search toggle on very small screens as fallback */
@media (max-width: 480px) {
  .search-toggle-mobile {
    display: flex !important;
  }
}

/* Additional fallback for any screen size below 768px */
@media (max-width: 767px) {
  .search-toggle-mobile {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

.search-toggle-mobile:hover {
  background-color: #f3f3f3;
}

.search-toggle-mobile .search-icon-mobile {
  color: #6B7280;
  width: 20px;
  height: 20px;
}

/* Mobile search overlay */
.mobile-search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding-top: 80px;
}

.mobile-search-overlay[aria-hidden="false"] {
  display: flex;
}

.mobile-search-container {
  background: white;
  border-radius: 8px;
  padding: 24px;
  width: 90%;
  max-width: 500px;
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.mobile-search-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  color: #6B7280;
  transition: background-color 0.2s ease;
}

.mobile-search-close:hover {
  background-color: #f3f3f3;
}

.mobile-search-content {
  margin-top: 8px;
}

.mobile-search-title {
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.mobile-search-content .search {
  margin: 0;
  position: relative;
  border-color: #87929D;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  transition: border 0.12s ease-in-out;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.mobile-search-content .search:focus-within {
  border-color: rgba(86, 85, 237, 1);
}

.mobile-search-content .search input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 48px;
  min-width: 0;
  background-color: #fff;
  border-radius: 30px;
  border: none;
  font-size: 16px;
  outline: none;
}

.mobile-search-content .search input[type="search"]:focus {
  color: #555;
  outline: none;
}

.mobile-search-content .search input[type="search"]::placeholder {
  color: #999;
  opacity: 1;
}

.mobile-search-content .search input[type="search"]::-webkit-search-decoration, 
.mobile-search-content .search input[type="search"]::-webkit-search-cancel-button, 
.mobile-search-content .search input[type="search"]::-webkit-search-results-button, 
.mobile-search-content .search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.mobile-search-content .search input[type="search"]:-webkit-autofill, 
.mobile-search-content .search input[type="search"]:-webkit-autofill:hover, 
.mobile-search-content .search input[type="search"]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

[dir=ltr] .mobile-search-content .search input[type="search"] {
  padding-left: 40px;
  padding-right: 20px;
}

[dir=rtl] .mobile-search-content .search input[type="search"] {
  padding-left: 20px;
  padding-right: 40px;
}

.mobile-search-content .search .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6B7280;
  z-index: 1;
}

[dir=rtl] .mobile-search-content .search .search-icon {
  left: auto;
  right: 12px;
}

.mobile-search-content .search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
  background-color: #fff;
  border-radius: 30px;
  border: none;
  height: 48px;
}

.mobile-search-content .search .clear-button:hover {
  background-color: rgba(86, 85, 237, 1);
  color: #fff;
}

.mobile-search-content .search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 1);
}

.mobile-search-content .search-has-value .clear-button {
  display: flex;
}

[dir=ltr] .mobile-search-content .search-has-value input[type="search"] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}

[dir=ltr] .mobile-search-content .search-has-value input[type="search"]:focus {
  border-right-color: rgba(86, 85, 237, 1);
}

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

[dir=ltr] .mobile-search-content .search .clear-button:focus {
  border-left-color: rgba(86, 85, 237, 1);
}

[dir=rtl] .mobile-search-content .search-has-value input[type="search"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}

[dir=rtl] .mobile-search-content .search-has-value input[type="search"]:focus {
  border-left-color: rgba(86, 85, 237, 1);
}

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

[dir=rtl] .mobile-search-content .search .clear-button:focus {
  border-right-color: rgba(86, 85, 237, 1);
}

/* Language selector mobile styles */
.language-selector-mobile {
  width: 100%;
}

/* Language selector desktop styles */
.language-selector-desktop {
  width: 100%;
}

.language-selector-desktop .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
  text-align: left;
}

.language-selector-desktop .dropdown-toggle:hover {
  background-color: #f8f9fa;
}

.language-selector-desktop .language-label {
  font-weight: 500;
  margin-right: 8px;
}

.language-selector-desktop .current-language {
  flex: 1;
  text-align: left;
}

.language-selector-mobile .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  background: none;
  border: 1px solid #E4E8F0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  color: rgba(5, 13, 34, 1);
  transition: all 0.2s ease;
}

.language-selector-mobile .dropdown-toggle:hover {
  background-color: #f8f9fa;
  border-color: rgba(86, 85, 237, 1);
}

.language-label {
  font-weight: 500;
  margin-right: 8px;
}

.current-language {
  flex: 1;
  text-align: left;
}

.dropdown-menu-mobile {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #E4E8F0;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
  margin-top: 4px;
}

.dropdown-menu-mobile a {
  display: block;
  padding: 12px 16px;
  color: rgba(5, 13, 34, 1);
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}

.dropdown-menu-mobile a:last-child {
  border-bottom: none;
}

.dropdown-menu-mobile a:hover {
  background-color: #f8f9fa;
  color: rgba(86, 85, 237, 1);
}

/* Footer styling */
.footer {
  background: #F8FBFF;
  border-top: 1px solid #EDEFF3;
  padding: 20px 0;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-left {
  flex: 1;
}

.copyright {
  margin: 0;
  color: #6B7280;
  font-size: 14px;
}

.footer-social {
  display: flex;
  gap: 16px;
  align-items: center;
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #FFFFFF;
  color: #6B7280;
  transition: all 0.2s ease;
  text-decoration: none;
}

.footer-social a:hover {
  background: rgba(86, 85, 237, 1);
  color: #ffffff;
  transform: translateY(-2px);
}

.footer-social svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 768px) {
  .footer-inner {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
  
  .footer-social {
    justify-content: center;
  }
}
/* Hero search bar */
.hero-search {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.hero-search .search {
  width: 100%;
  max-width: 480px;
}
.hero-search .search input[type="search"] {
  height: 48px;
  font-size: 15px;
}
/* Header search — cap width so it can't crowd the nav */
.header .header-search {
  max-width: 340px;
  width: 100%;
  min-width: 0;
}
.header .search-container-desktop {
  min-width: 0;
}
.header .search-container-desktop form[role="search"],
.header .search-container-desktop input[type="search"] {
  width: 100%;
  min-width: 0;
}

/* Mobile — shrink hard and keep the hamburger */
@media (max-width: 767px) {
  .header .header-search {
    max-width: 150px;
    flex: 0 1 auto;
    min-width: 0;
  }
  .header .nav-wrapper-mobile,
  .header .menu-button-mobile {
    flex: 0 0 auto;
  }
}

/***** Pinned articles (home page, below the search bar) *****/
/* Source: articles with "Promote article" ticked in Guide. First four shown. */
.pinned-articles {
  margin: 0 0 32px;
}
@media (min-width: 768px) {
  .pinned-articles {
    margin-bottom: 40px;
  }
}
.pinned-articles-title {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.pinned-articles-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr); /* one card per row, stacked */
  gap: 10px;
}
.pinned-articles-item {
  min-width: 0;
  display: flex; /* lets the link fill the row without percentage heights (Safari) */
}
.pinned-articles-item:nth-child(n+5) {
  display: none;
}
.pinned-articles-link {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1 1 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  background: #ffffff;
  border: 1px solid #E6E9F2;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  color: #050D22;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.pinned-articles-link:hover,
.pinned-articles-link:focus,
.pinned-articles-link:active {
  color: #4948CE;
  border-color: rgba(86, 85, 237, 0.6);
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.08);
  transform: translateY(-1px);
  text-decoration: none;
}
.pinned-articles-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.4);
}
.pinned-articles-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(86, 85, 237, 0.10);
  color: #5655ED;
}
.pinned-articles-text {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 5px;
  white-space: normal;
  overflow: visible;
  word-break: break-word;   /* older Safari */
  overflow-wrap: anywhere;
}
.pinned-articles-text .icon-lock {
  vertical-align: baseline;
  margin-left: 4px;
}

/***** Topic filters (section page; built from content tags) *****/
.topic-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
}
.topic-filters-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
  margin-right: 4px;
}
.topic-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 12px;
  border: 1px solid #E6E9F2;
  border-radius: 999px;
  background: #ffffff;
  color: #050D22;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.topic-chip:hover,
.topic-chip:focus {
  border-color: rgba(86, 85, 237, 0.6);
  color: #4948CE;
}
.topic-chip:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.3);
}
.topic-chip.is-active {
  background: #5655ED;
  border-color: #5655ED;
  color: #ffffff;
}
.topic-chip-count {
  font-size: 11px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(5, 13, 34, 0.06);
  color: #3B556E;
}
.topic-chip.is-active .topic-chip-count {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}
.articles-count-filtered {
  color: #4948CE;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}
.articles-list .article-list-item[hidden] {
  display: none;
}
.topic-chip-more {
  border-style: dashed;
  color: #4948CE;
  font-weight: 600;
}
.topic-chip[hidden] {
  display: none;
}

/***** Article list byline (author + last updated) *****/
.article-list-byline {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: #68737D;
  display: flex;
  flex-wrap: wrap;
  gap: 0 6px;
}
.article-list-sep {
  color: #C2C8D0;
}
.section-sidebar-sub[hidden],
.section-sidebar-articles[hidden],
.section-sidebar-more[hidden] {
  display: none;
}

/***** Topic filters on the category page *****/
.category-sections .category-section-block[hidden] {
  display: none;
}
.category-content .topic-filters {
  margin-bottom: 22px;
}

/***** Version D home cards (2026-09-09) *****/
/* Two wider columns so the full category description has room; the whole card
   is the link and there is no list of section links (they live on the category page). */
@media (min-width: 640px) {
  .section-tree.section-tree-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .section-tree.section-tree-wide {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* four cards across */
    gap: 20px;
  }
  .category-card-link {
    padding: 22px 20px 18px;
  }
  .category-card .section-tree-title {
    font-size: 17px;
  }
  .category-card-footer {
    flex-wrap: wrap;
    gap: 6px 12px;
  }
}
.section-tree .category-card {
  padding: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.section-tree .category-card:hover,
.section-tree .category-card:focus-within {
  border-color: rgba(86, 85, 237, 0.55);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.10);
  transform: translateY(-1px);
}
.category-card-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 24px 24px 20px;
  color: inherit;
  text-decoration: none;
}
.category-card-link:hover,
.category-card-link:focus,
.category-card-link:active {
  text-decoration: none;
  color: inherit;
}
.category-card-link:focus-visible {
  outline: 2px solid #5655ED;
  outline-offset: 2px;
  border-radius: 12px;
}
.category-card .section-tree-title {
  margin: 0 0 10px;
  font-size: 19px;
  color: #050D22;
}
.category-card-link:hover .section-tree-title {
  color: #4948CE;
}
.category-card .category-description-full {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.6;
  color: #3B556E;
  display: block;          /* no line clamp: show the whole description */
  overflow: visible;
  -webkit-line-clamp: unset;
}
.category-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #F2F4F8;
}
.category-card-count {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
  min-height: 1em;
}
.category-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #4948CE;
}
.category-card-cta .cta-arrow {
  transition: transform 0.2s ease;
}
.category-card-link:hover .category-card-cta .cta-arrow {
  transform: translateX(3px);
}

/* "Submit a request" as a button. It was a 14px text link between the search box
   and the language selector, easy to miss. */
.nav-wrapper-desktop .user-nav-list a.submit-a-request {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  margin-right: 8px;
  border-radius: 8px;
  background: #5655ED;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.nav-wrapper-desktop .user-nav-list a.submit-a-request:hover,
.nav-wrapper-desktop .user-nav-list a.submit-a-request:focus {
  background: #4948CE;
  color: #ffffff;
  text-decoration: none;
}
.nav-wrapper-desktop .user-nav-list a.submit-a-request:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.3);
}
.nav-wrapper-mobile .menu-list-mobile-items a.submit-a-request {
  font-weight: 600;
  color: #4948CE;
}

/* Home intro paragraph under the hero search */
.hero-intro {
  max-width: 760px;
  margin: 24px auto 0;
  font-size: 16px;
  line-height: 1.65;
  color: #3B556E;
}
@media (max-width: 768px) {
  .hero-intro {
    margin-top: 18px;
    font-size: 15px;
    text-align: left;
  }
}

/***** Inter, self-hosted (assets/inter-latin.woff2, inter-latin-ext.woff2) *****/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/hc/theming_assets/01M29360CZ86JHF8GQZYZX41FQ) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/hc/theming_assets/01M29360GY79BTXFTDQFBTHHR3) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/***** Typography aligned with docs.uplifter.app (Inter; 16px body, 36px semibold H1, 18px lede) *****/
body,
h1, h2, h3, h4, h5, h6,
input, button, select, textarea,
.search input[type="search"] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, sans-serif;
}
body {
  font-size: 16px;
  line-height: 1.5;
  color: #1F2A44;
}
h1 { font-size: 36px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; }
h2 { font-size: 24px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
h3 { font-size: 20px; font-weight: 600; line-height: 1.35; }
/* Section, category and article pages */
.section-content .page-header h1,
.category-content .page-header h1 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.page-header-description,
.section-content .page-header-description,
.category-content .page-header-description {
  font-size: 18px;
  line-height: 1.55;
  font-style: normal;
  color: #3B556E;
}
.article-list-title {
  font-size: 16px;
  font-weight: 500;
}
.article-list-excerpt,
.section-card-description {
  font-size: 15px;
  line-height: 1.5;
}
.article-body,
.article-body p,
.article-body li {
  font-size: 16px;
  line-height: 1.65;
}
.article-title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.section-sidebar .sidenav-item,
.home-sidebar-link,
.home-sidebar-group-title {
  font-size: 14px;
  line-height: 1.5;
}
.topic-chip {
  font-size: 14px;
}

/* Version D home */
.hero-title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.15;
}
.hero-subtitle {
  font-size: 18px;
  line-height: 1.55;
}
.hero-intro {
  font-size: 16px;
  line-height: 1.6;
  color: #1F2A44;
}
.category-card .section-tree-title {
  font-size: 18px;
  font-weight: 600;
}
.category-card .category-description-full {
  font-size: 16px;
  line-height: 1.5;
  color: #3B556E;
}
.category-card-cta {
  font-size: 15px;
}
@media (max-width: 768px) {
  .hero-title {
    font-size: 30px;
  }
}

/* Hero flow: title -> description -> action line -> search */
.hero-content {
  padding: 40px 20px 32px;
}
.hero-content .hero-title {
  margin-bottom: 16px;
}
.hero-content .hero-intro {
  margin: 0 auto 18px;
  max-width: 760px;
  font-size: 17px;
  line-height: 1.6;
  color: #3B556E;
}
.hero-content .hero-action {
  margin: 0 0 18px;
  font-size: 16px;
  font-weight: 500;
  color: #050D22;
}
.hero-content .hero-search {
  margin-top: 0;
}
@media (max-width: 768px) {
  .hero-content .hero-intro {
    font-size: 15px;
    text-align: left;
  }
}

/***** Home hero band: tinted full-width section with a large search box *****/
.home-hero {
  background: linear-gradient(180deg, #EEF0FF 0%, #F8FBFF 100%);
  border-bottom: 1px solid #E6E9F2;
  margin-bottom: 36px;
}
.home-hero .hero-content {
  max-width: 860px;
  padding: 56px 20px 48px;
}
.home-hero .hero-title {
  margin-bottom: 18px;
  font-size: 40px;
  color: #050D22;
}
.home-hero .hero-intro {
  max-width: 760px;
  margin: 0 auto 20px;
  font-size: 17px;
  line-height: 1.6;
  color: #3B556E;
}
.home-hero .hero-action {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 500;
  color: #050D22;
}
.home-hero .hero-search {
  display: flex;
  justify-content: center;
}
.home-hero .hero-search .search,
.home-hero .hero-search .search:focus-within {
  width: 100%;
  max-width: 640px;
  margin: 0;
  border: 1px solid #E4E8F0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(16, 24, 40, 0.08);
}
.home-hero .hero-search .search:focus-within {
  border-color: rgba(86, 85, 237, 1);
  box-shadow: 0 0 0 4px rgba(86, 85, 237, 0.12), 0 6px 20px rgba(16, 24, 40, 0.08);
}
.home-hero .hero-search .search input[type="search"] {
  height: 52px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  font-size: 16px;
  color: #050D22;
  background: transparent;
}
.home-hero .hero-search .search .clear-button {
  border-radius: 0 12px 12px 0;
}
@media (max-width: 768px) {
  .home-hero .hero-content {
    padding: 36px 20px 32px;
  }
  .home-hero .hero-title {
    font-size: 30px;
  }
  .home-hero .hero-intro {
    font-size: 15px;
    text-align: left;
  }
  .home-hero .hero-search .search input[type="search"] {
    height: 46px;
  }
}

/***** Getting Started: four orientation articles at the bottom of the home page *****/
.getting-started {
  margin: 44px 0 48px;
}
.getting-started-title {
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #050D22;
}
.getting-started-intro {
  max-width: 760px;
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.6;
  color: #3B556E;
}
.section-tree .start-card {
  text-decoration: none;
  color: inherit;
}
.start-card .category-card-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 22px 20px 18px;
}
.start-card-icon {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0 14px;
  color: #5655ED;
}
.start-card-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.start-card .start-card-title {
  display: block;
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  color: #050D22;
}
.section-tree .start-card:hover .start-card-title {
  color: #4948CE;
}
.start-card .category-description-full {
  display: block;
  margin: 0 0 18px;
}
.start-card[hidden],
.getting-started[hidden] {
  display: none;
}

/* Home order: hero -> Getting Started -> Browse by platform */
.getting-started {
  margin: 0 0 44px;
}
.knowledge-base {
  margin-bottom: 48px;
}
.category-card-icon {
  margin-bottom: 14px;
}

/***** Version E (2026-09-21): article page *****/
/* 1. Related articles in a right-hand rail. The D grid is sidebar 25.5% | article | free
   space; on wide screens the rail takes that free space and sticks while you scroll. */
.article-rail {
  order: 3;
  width: 100%;
}
.article-rail .article-relatives {
  border-top: 1px solid #E5E9F0;
  flex-direction: column;
  padding: 20px 0 0;
}
.article-rail .article-relatives > * {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
}
.article-rail .related-articles-title,
.article-rail .recent-articles-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #68737D;
  margin: 0 0 12px;
}
.article-rail .related-articles li,
.article-rail .recent-articles li {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.45;
}
.article-rail .related-articles a,
.article-rail .recent-articles a {
  color: #050D22;
  text-decoration: none;
}
.article-rail .related-articles a:hover,
.article-rail .recent-articles a:hover {
  color: #5655ED;
  text-decoration: underline;
}
@media (min-width: 1280px) {
  .article-container {
    align-items: flex-start;
  }
  .article-rail {
    order: 0;
    flex: 0 0 232px;
    width: 232px;
    position: sticky;
    top: 24px;
    padding: 20px 0 0 4px;
  }
  .article-rail .article-relatives {
    border-top: 0;
    padding: 0;
  }
  .article-rail .article-relatives:empty {
    display: none;
  }
  /* article keeps its reading width; the rail replaces the free space */
  .article-sidebar + .article {
    flex: 1 1 auto;
    min-width: 560px;
  }
}

/* 2. "Was this article helpful?" as one quiet row: question left, Yes / No right. */
.article-votes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  border-top: 1px solid #E5E9F0;
  padding: 22px 0 18px;
  text-align: left;
}
.article-votes-question {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #3B556E;
}
.article-votes-controls {
  display: flex;
  gap: 10px;
}
.article-votes .article-vote {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-width: 0;
  width: auto;
  padding: 7px 14px;
  border: 1px solid #D9DEE7;
  border-radius: 8px;
  background: #fff;
  color: #050D22;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  box-shadow: none;
}
.article-votes .article-vote::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.article-votes .article-vote-up::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23050D22' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E");
}
.article-votes .article-vote-down::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23050D22' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3C/svg%3E");
}
.article-votes .article-vote:hover {
  border-color: #5655ED;
  color: #5655ED;
  background: #F4F4FF;
}
.article-votes .article-vote.button-primary,
.article-votes .article-vote[aria-pressed="true"],
.article-votes .article-vote.article-vote-selected {
  background: #5655ED;
  border-color: #5655ED;
  color: #fff;
}
.article-votes .article-vote.button-primary::before,
.article-votes .article-vote[aria-pressed="true"]::before {
  filter: brightness(0) invert(1);
}
.article-votes-count {
  display: none; /* Mintlify shows no tally; the count is still in Guide reporting */
}

/* 3. Previous / next article through the section. */
.article-pager {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid #E5E9F0;
  padding: 22px 0;
}
.article-pager[hidden] {
  display: none;
}
.article-pager-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 48%;
  color: #050D22;
  text-decoration: none;
}
.article-pager-link[hidden] {
  display: none;
}
.article-pager-next {
  margin-left: auto;
  text-align: right;
}
.article-pager-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.article-pager-label {
  font-size: 12px;
  color: #68737D;
}
.article-pager-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.article-pager-icon {
  flex: 0 0 16px;
  color: #68737D;
}
.article-pager-link:hover .article-pager-title,
.article-pager-link:hover .article-pager-icon {
  color: #5655ED;
}
.article-more-questions {
  margin: 4px 0 20px;
  text-align: left;
}
.article-return-to-top {
  display: none;
}

/***** Version E: three-column article layout (items 1, 3, 4) *****/
/* 1. Fixed widths instead of percentages: left nav 260px, article capped at 760px,
   right rail 232px. The article page container widens to 1320px so the reading
   column keeps its width once the rail appears. */
@media (min-width: 1024px) {
  .section-sidebar,
  .article-sidebar {
    flex: 0 0 260px;
    width: 260px;
    max-width: 260px;
  }
  .article-sidebar + .article {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 760px;
  }
}
@media (min-width: 1280px) {
  .container:has(> .article-container) {
    max-width: 1320px;
    width: 92%;
  }
  .article-sidebar + .article {
    max-width: 760px;
    min-width: 0;
  }
  .article-rail {
    margin-left: auto; /* rail hugs the right edge when the article is narrower than the space */
  }
}

/* 3. Sticky left nav that scrolls on its own inside the viewport. */
@media (min-width: 1024px) {
  .section-sidebar {
    top: 24px;
  }
  .section-sidebar .collapsible-sidebar {
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overscroll-behavior: auto; /* Version F: at the end of the nav the wheel carries on down the page */
    scrollbar-width: thin;
    scrollbar-color: #D9DEE7 transparent;
    padding: 12px;
  }
}

/* 4. Tight typography: 14px links, two-line clamp with an ellipsis. */
.section-sidebar .sidenav-item {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.section-sidebar .sidenav-article {
  font-size: 14px;
  padding: 5px 8px;
}
.section-sidebar-articles {
  margin: 2px 0 6px 8px;
  padding-left: 8px;
}
.section-sidebar-label {
  font-size: 11px;
}

/***** Version E: "On this page" in the right rail *****/
.article-toc {
  border-top: 1px solid #E5E9F0;
  padding: 20px 0 8px;
}
.article-toc[hidden] {
  display: none;
}
.article-toc-title {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #68737D;
}
.article-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid #E5E9F0;
}
.article-toc-list li {
  margin: 0;
}
.article-toc-link {
  display: block;
  padding: 5px 0 5px 12px;
  margin-left: -1px;
  border-left: 2px solid transparent;
  font-size: 14px;
  line-height: 1.4;
  color: #3B556E;
  text-decoration: none;
}
.article-toc-link:hover {
  color: #050D22;
  text-decoration: none;
}
.article-toc-link.is-active {
  color: #5655ED;
  font-weight: 600;
  border-left-color: #5655ED;
}
.article-body h2,
.article-body h3 {
  scroll-margin-top: 96px;
}
@media (min-width: 1280px) {
  .article-rail {
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #D9DEE7 transparent;
  }
  .article-toc {
    border-top: 0;
    padding-top: 0;
  }
  .article-toc + .article-relatives {
    margin-top: 44px;
    padding-top: 28px;
    border-top: 1px solid #E5E9F0;
  }
}
@media (max-width: 1279px) {
  .article-toc {
    display: none; /* the headings are right there on a single-column page */
  }
}

/***** Version E: curated related list, quiet topics row, collapsible rail *****/
.article-related-curated[hidden] {
  display: none;
}
.article-related-curated {
  border-top: 1px solid #E5E9F0;
  padding: 20px 0 0;
}
.article-related-curated-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.article-related-curated-list li {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.45;
}
.article-related-curated-list a {
  color: #050D22;
  text-decoration: none;
}
.article-related-curated-list a:hover {
  color: #5655ED;
  text-decoration: underline;
}
/* When the curated list is in the rail, Zendesk's automatic list steps aside. */
.article-rail.has-curated .article-relatives {
  display: none;
}
@media (min-width: 1280px) {
  .article-related-curated {
    border-top: 0;
    padding-top: 0;
  }
  .article-toc + .article-related-curated {
    margin-top: 44px;
    padding-top: 28px;
    border-top: 1px solid #E5E9F0;
  }
  /* The in-body "Related:" line is redundant while the rail shows the same links. */
  .has-curated-rail .article-body .related-in-rail {
    display: none;
  }
  .article-rail.is-empty {
    display: none;
  }
}

/* Topics: small, at the very bottom, one language. */
.article-topics {
  margin: 8px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid #E5E9F0;
}
.article-topics[hidden] {
  display: none;
}
.article-topics .article-topics-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #68737D;
}
.article-topics .content-tag-list {
  gap: 6px;
}
.article-topics .content-tag-list li {
  border: 0;
  margin: 0;
  padding: 0;
}
.article-topics .content-tag-list li[hidden] {
  display: none;
}
.article-topics .content-tag-link {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #E5E9F0;
  border-radius: 999px;
  background: #F8FAFC;
  font-size: 12px;
  line-height: 1.5;
  color: #3B556E;
  text-decoration: none;
}
.article-topics .content-tag-link:hover {
  border-color: #5655ED;
  color: #5655ED;
  background: #F4F4FF;
}
.article-more-questions {
  margin: 4px 0 8px;
}

/***** Version E: hero "Find your platform" line under the search box *****/
.home-hero .hero-find-platform {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #3B556E;
}
.home-hero .hero-find-platform[hidden] {
  display: none;
}
.home-hero .hero-find-platform a {
  color: #5655ED;
  font-weight: 600;
  text-decoration: none;
}
.home-hero .hero-find-platform a:hover,
.home-hero .hero-find-platform a:focus-visible {
  text-decoration: underline;
}

/***** Version E: eight-block home. Platform cards in Ben's order (Club 1.0, Club 2.0,
       Enterprise Portal, Enterprise Guides) regardless of Guide category positions. *****/
.knowledge-base .section-tree-wide .category-card[data-category-id="200179510"] { order: 1; }
.knowledge-base .section-tree-wide .category-card[data-category-id="51330728542611"] { order: 2; }
.knowledge-base .section-tree-wide .category-card[data-category-id="42114739967379"] { order: 3; }
.knowledge-base .section-tree-wide .category-card[data-category-id="53976484232979"] { order: 4; }
.knowledge-base .section-tree-wide .category-card { order: 9; }
.getting-started-title,
#platforms-heading.getting-started-title {
  margin-bottom: 18px;
}
.knowledge-base.section {
  margin-bottom: 56px;
}


/***** Version E: search results rows (no author, date or votes) and tag landing page *****/
.search-result-description[hidden] { display: none; }
.search-results--tag .tag-landing {
  margin: 0 0 24px;
}
.tag-landing-eyebrow {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.tag-landing-title {
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #050D22;
}
.tag-landing-title::first-letter { text-transform: uppercase; }
.tag-landing-meta {
  margin: 8px 0 0;
  font-size: 15px;
  color: #3B556E;
}
.tag-landing-count { font-weight: 600; color: #050D22; }
.tag-landing-sep { margin: 0 6px; color: #C2C8CC; }
.tag-landing-clear {
  color: #5655ED;
  font-weight: 500;
  text-decoration: none;
}
.tag-landing-clear:hover,
.tag-landing-clear:focus-visible { text-decoration: underline; }
.tag-landing-tools {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
}
.tag-landing-tools[hidden],
.tag-platforms[hidden],
.tag-related[hidden],
.tag-empty[hidden],
.tag-capped[hidden],
.tag-group[hidden],
.tag-row[hidden] { display: none; }
.tag-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-filter {
  position: relative;
  max-width: 420px;
}
.tag-filter-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #68737D;
  pointer-events: none;
}
.tag-filter-input {
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  padding: 0 14px 0 38px;
  border: 1px solid #D8DCDE;
  border-radius: 8px;
  font: inherit;
  font-size: 15px;
  color: #050D22;
  background: #ffffff;
}
.tag-filter-input:focus {
  outline: 0;
  border-color: #5655ED;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.2);
}

/* Tag pages hide the stock list, pagination and sidebar filters from the first paint so the
   old layout never flashes; script.js adds .is-grouped when the grouped view is ready, or
   .is-fallback to bring the stock layout back if it fails. */
.tag-loading { margin: 8px 0 0; font-size: 15px; color: #68737D; }
.search-results--tag.is-grouped .tag-loading,
.search-results--tag.is-fallback .tag-loading { display: none; }
.search-results--tag:not(.is-fallback) .search-results-list,
.search-results--tag:not(.is-fallback) ~ .pagination,
.search-results--tag:not(.is-fallback) .search-results-sidebar .filters-in-section { display: none; }

/* Platform groups */
.tag-group {
  border-top: 1px solid #E6E9F2;
  padding: 4px 0 8px;
}
.tag-group:first-child { border-top: 0; }
.tag-group-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 0 10px;
  cursor: pointer;
  list-style: none;
}
.tag-group-summary::-webkit-details-marker { display: none; }
.tag-group-summary::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #68737D;
  border-bottom: 2px solid #68737D;
  transform: rotate(-45deg);
  transition: transform 0.15s ease;
  flex: 0 0 auto;
}
.tag-group[open] > .tag-group-summary::before { transform: rotate(45deg); }
.tag-group-summary:focus-visible {
  outline: 2px solid #5655ED;
  outline-offset: 2px;
  border-radius: 4px;
}
.tag-group-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #050D22;
}
.tag-group-count {
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(5, 13, 34, 0.06);
  color: #3B556E;
}
.tag-group-list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 18px;
}
.tag-row {
  padding: 12px 0;
  border-bottom: 1px solid #F1F3F7;
}
.tag-row:last-child { border-bottom: 0; }
.tag-row-title {
  display: inline;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #050D22;
  text-decoration: none;
}
.tag-row-title:hover,
.tag-row-title:focus-visible { color: #5655ED; text-decoration: underline; }
.tag-row-section {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  color: #68737D;
}
.tag-row-snippet {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #3B556E;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tag-empty,
.tag-capped { margin: 16px 0 0; font-size: 15px; color: #68737D; }

/* Related topics (left column on desktop, after the results on phones) */
.tag-related { margin: 0 0 24px; }
.tag-related-title {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.tag-related-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-related-list .topic-chip { text-decoration: none; font-size: 13px; }
@media (max-width: 1023px) {
  .search-results--tag .search-results-sidebar { order: 2; border-top: 1px solid #E6E9F2; padding-top: 20px; }
  .tag-landing-title { font-size: 26px; }
  .tag-group-list { padding-left: 0; }
}

/* Version E: active filter chips show an x; clicking the chip removes the filter */
.topic-chip-x { display: none; font-size: 15px; line-height: 1; margin-left: 2px; opacity: 0.85; }
.topic-chip.is-active .topic-chip-x { display: inline; }
.topic-chip.is-active:hover .topic-chip-x { opacity: 1; }
a.topic-chip.tag-landing-clear { text-decoration: none; padding: 3px 10px; font-size: 13px; vertical-align: 1px; }
a.topic-chip.tag-landing-clear:hover,
a.topic-chip.tag-landing-clear:focus-visible { background: #4948CE; border-color: #4948CE; color: #ffffff; text-decoration: none; }

/* Chips that are links keep chip colours: the global a:visited purple must not apply */
a.topic-chip,
a.topic-chip:visited { color: #050D22; }
a.topic-chip:hover,
a.topic-chip:focus-visible { color: #4948CE; text-decoration: none; }
a.topic-chip.is-active,
a.topic-chip.is-active:visited,
a.topic-chip.is-active:hover,
a.topic-chip.is-active:focus-visible { color: #ffffff; }

/***** Version E: keyword search page *****/
.search-results--query:not(.is-fallback) .filters-in-section { display: none; }
.search-results--query .search-results-sidebar { display: none; }
.search-results--query .search-results-column { flex: 1 1 auto; max-width: 820px; }
@media (min-width: 1024px) {
  .search-results--query.has-topics .search-results-sidebar { display: block; flex: 0 0 22%; }
  .search-results--query.has-topics .search-results-column { flex: 0 1 74%; }
}
@media (max-width: 1023px) {
  .search-results--query.has-topics .search-results-sidebar { display: block; order: 2; border-top: 1px solid #E6E9F2; padding-top: 20px; }
}
.search-results--query.has-more ~ .pagination { display: none; }
.search-landing { margin: 0 0 20px; }
.search-landing-title {
  margin: 0 0 16px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: #050D22;
}
.search-landing-form {
  position: relative;
  display: flex;
  gap: 8px;
  max-width: 640px;
}
.search-landing-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #68737D;
  pointer-events: none;
}
.search-landing-input {
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
  height: 48px;
  padding: 0 16px 0 42px;
  border: 1px solid #D8DCDE;
  border-radius: 10px;
  font: inherit;
  font-size: 16px;
  color: #050D22;
  background: #ffffff;
}
.search-landing-input:focus {
  outline: 0;
  border-color: #5655ED;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.2);
}
.search-landing-submit {
  flex: 0 0 auto;
  height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 10px;
  background: #5655ED;
  color: #ffffff;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.search-landing-submit:hover,
.search-landing-submit:focus-visible { background: #4948CE; }
.search-landing-submit:focus-visible { outline: 2px solid #050D22; outline-offset: 2px; }
.search-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.search-platforms[hidden],
.search-showing[hidden],
.search-more[hidden],
.no-results-block[hidden],
.no-results-start li[hidden] { display: none; }
.search-platforms .topic-chip { text-decoration: none; }
.search-showing { margin: 14px 0 0; font-size: 14px; color: #68737D; }

/* Result cards */
.search-results--query .search-results-list > li {
  padding: 16px 0;
  border-bottom: 1px solid #F1F3F7;
}
.search-results--query .search-results-list > li:first-child { border-top: 1px solid #E6E9F2; }
.search-results--query .search-result-title-container { justify-content: flex-start; gap: 10px; }
.search-results--query .search-result-title { font-size: 17px; font-weight: 600; line-height: 1.4; }
.search-results--query .search-result-title a { color: #050D22; text-decoration: none; }
.search-results--query .search-result-title a:visited { color: #050D22; }
.search-results--query .search-result-title a:hover,
.search-results--query .search-result-title a:focus-visible { color: #5655ED; text-decoration: underline; }
.search-result-badge {
  flex: 0 0 auto;
  padding: 1px 8px;
  border-radius: 999px;
  background: #F1F3F7;
  color: #68737D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.search-results--query .search-result-meta-container { margin-top: 3px; }
.search-results--query .search-result-breadcrumbs li,
.search-results--query .search-result-breadcrumbs a,
.search-results--query .search-result-breadcrumbs a:visited { font-size: 13px; color: #68737D; }
.search-results--query .search-result-description {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.55;
  color: #3B556E;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-results--query mark {
  background: rgba(86, 85, 237, 0.12);
  color: inherit;
  padding: 0 2px;
  border-radius: 3px;
}
.search-more { margin: 20px 0 8px; text-align: center; }
.search-more-button {
  padding: 10px 22px;
  border: 1px solid #D8DCDE;
  border-radius: 999px;
  background: #ffffff;
  color: #050D22;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.search-more-button:hover,
.search-more-button:focus-visible { border-color: #5655ED; color: #4948CE; }
.search-more-button[disabled] { opacity: 0.6; cursor: default; }

/* No results */
.search-results .no-results.no-results-e {
  display: block;
  padding-top: 8px;
}
.no-results-lead { margin: 0 0 6px; font-size: 16px; font-weight: 600; color: #050D22; }
.no-results-tips { margin: 0 0 28px; padding-left: 20px; list-style: disc; color: #3B556E; font-size: 15px; line-height: 1.7; }
.no-results-block { margin: 0 0 28px; }
.no-results-heading {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.no-results-start { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 768px) { .no-results-start { grid-template-columns: 1fr 1fr; } }
.no-results-start a {
  display: block;
  padding: 14px 16px;
  border: 1px solid #E6E9F2;
  border-radius: 10px;
  color: #050D22;
  font-weight: 600;
  text-decoration: none;
}
.no-results-start a:visited { color: #050D22; }
.no-results-start a:hover,
.no-results-start a:focus-visible { border-color: #5655ED; color: #4948CE; text-decoration: none; }
.no-results-help { font-size: 15px; color: #3B556E; }
.no-results-help a { color: #5655ED; font-weight: 600; }
@media (max-width: 600px) {
  .search-landing-title { font-size: 24px; }
  .search-landing-submit { padding: 0 14px; }
}
/* The theme adds its clear button to every role=search form; the big box uses the browser's own clear x */
.search-landing-form .clear-button { display: none !important; }
/***** Version F: topic filters under the left nav (section and category pages) *****/
/* A second card below the nav card. On desktop the sidebar is one sticky column capped
   at the viewport height that the nav and the filter card share and scroll together.
   Below 1024px the card folds to its heading. */
.topic-facets[hidden],
.topic-facets-body [hidden],
.topic-facets-head [hidden],
.topic-filter-status[hidden] {
  display: none;
}
.topic-facets {
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid #E6E9F2;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}
.topic-facets-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.topic-facets-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  margin: 0;
  padding: 2px 0;
  border: 0;
  background: none;
  color: #68737D;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.topic-facets .topic-filters-label {
  font-size: 11px;
  margin: 0;
}
.topic-facets-chevron {
  transition: transform 0.15s ease;
}
.topic-facets:not(.is-collapsed) .topic-facets-chevron {
  transform: rotate(180deg);
}
.topic-facets.is-collapsed .topic-facets-body {
  display: none;
}
.topic-facets-clear,
.topic-facets-more {
  margin: 0;
  padding: 2px 4px;
  border: 0;
  background: none;
  color: #4948CE;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.topic-facets-clear:hover,
.topic-facets-more:hover {
  text-decoration: underline;
}
.topic-facets-find {
  display: block;
  width: 100%;
  height: 32px;
  margin: 10px 0 6px;
  padding: 0 10px;
  border: 1px solid #E6E9F2;
  border-radius: 6px;
  background: #ffffff;
  color: #050D22;
  font-family: inherit;
  font-size: 13px;
}
.topic-facets-find:focus {
  outline: 0;
  border-color: rgba(86, 85, 237, 0.6);
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.2);
}
.topic-facets-list {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}
.topic-facets-list li {
  margin: 0;
}
.topic-facet {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 1px;
  padding: 5px 8px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #050D22;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}
/* Checkbox mark so a filter reads differently from a nav link */
.topic-facet::before {
  content: "";
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  border: 1.5px solid #C2C8D0;
  border-radius: 4px;
  background: #ffffff center / 10px 10px no-repeat;
  box-sizing: border-box;
}
.topic-facet-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.topic-facet-count {
  flex: 0 0 auto;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: #68737D;
}
.topic-facet:hover,
.topic-facet:focus-visible {
  background: #F8FBFF;
  color: #4948CE;
}
.topic-facet:hover::before {
  border-color: #5655ED;
}
.topic-facet:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.3);
}
.topic-facet.is-active {
  background: rgba(86, 85, 237, 0.10);
  color: #4948CE;
  font-weight: 600;
}
.topic-facet.is-active::before {
  border-color: #5655ED;
  background-color: #5655ED;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2l2.3 2.3 4.7-5'/%3E%3C/svg%3E");
}
.topic-facet.is-active .topic-facet-count {
  color: #4948CE;
}
.topic-facets-more {
  display: block;
  margin: 6px 0 0 4px;
}
.topic-facets-empty {
  margin: 6px 8px;
  font-size: 13px;
  color: #68737D;
}
@media (min-width: 1024px) {
  /* One scrolling column for nav + filters (a single scrollbar, not one per card).
     Scroll chains to the page: with the pointer over the nav or the filters, the wheel
     scrolls the sidebar to its end and then keeps scrolling the page (no "contain").
     The padding/negative margin pair keeps the card borders and shadows unclipped. */
  .section-sidebar:has(.topic-facets:not([hidden])) {
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overscroll-behavior: auto;
    scrollbar-width: thin;
    scrollbar-color: #D9DEE7 transparent;
    padding: 1px 4px 4px 1px;
    margin: -1px -4px 0 -1px;
  }
  .section-sidebar:has(.topic-facets:not([hidden])) .collapsible-sidebar {
    max-height: none;
    overflow: visible;
  }
  /* Desktop: always open, the heading is just a label */
  .topic-facets.is-collapsed .topic-facets-body {
    display: block;
  }
  .topic-facets-toggle {
    cursor: default;
    pointer-events: none;
  }
  .topic-facets-chevron {
    display: none;
  }
}

/* Status line in the main column while a topic filter is on */
.topic-filter-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 20px;
  padding: 10px 14px;
  border: 1px solid rgba(86, 85, 237, 0.22);
  border-radius: 8px;
  background: rgba(86, 85, 237, 0.06);
  color: #050D22;
  font-size: 14px;
  font-weight: 500;
  scroll-margin-top: 24px;
}
.topic-filter-status-clear {
  margin: 0 0 0 auto;
  padding: 2px 4px;
  border: 0;
  background: none;
  color: #4948CE;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.topic-filter-status-clear:hover {
  text-decoration: underline;
}

/***** Version F footer *****/
.footer.footer-f {
  margin-top: 72px;
  padding: 40px 0 24px;
  background: #F8FBFF;
  border-top: 1px solid #EDEFF3;
}
.footer-f-inner {
  display: block;
}
.footer-f-cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.footer-f-heading {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.footer-f-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-f-links li {
  margin: 0 0 8px;
}
.footer-f .footer-f-links a,
.footer-f .footer-f-links a:visited {
  color: #050D22;
  font-size: 14px;
  text-decoration: none;
}
.footer-f .footer-f-links a:hover,
.footer-f .footer-f-links a:focus-visible {
  color: #4948CE;
  text-decoration: underline;
}
.footer-f-tagline {
  margin: 0 0 12px;
  font-size: 14px;
  color: #3B556E;
}
.footer-f .footer-social {
  gap: 8px;
  justify-content: flex-start;
}
.footer-f .footer-social a {
  width: 36px;
  height: 36px;
  border: 1px solid #E6E9F2;
}
.footer-f-bottom {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid #E6E9F2;
}
.footer-f .copyright {
  font-size: 13px;
}
@media (max-width: 768px) {
  .footer-f-inner {
    text-align: left;
  }
  .footer-f-cols {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .footer-f-brand {
    grid-column: 1 / -1;
  }
}

/***** Version F error page (404 / sign-in / no access) *****/
.error-page.error-page-f {
  max-width: 880px;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 1160px) {
  .error-page.error-page-f {
    width: auto;
  }
}
.error-f-header {
  margin: 0 0 40px;
}
.error-f-eyebrow {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5655ED;
}
.error-f-title {
  margin: 0 0 12px;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #050D22;
}
.error-f-lead {
  margin: 0 0 24px;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.55;
  color: #3B556E;
}
.error-f-actions {
  margin: 0 0 24px;
}
.error-f-actions .error-f-button,
.error-f-actions .error-f-button:visited {
  display: inline-block;
  padding: 11px 20px;
  border-radius: 10px;
  background: #5655ED;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
}
.error-f-actions .error-f-button:hover {
  background: #4948CE;
}
.error-f-platforms {
  margin: 0 0 32px;
}
.error-f-platform-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.error-f-platform,
.error-f-platform:visited {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
  box-sizing: border-box;
  padding: 16px 18px;
  border: 1px solid #E6E9F2;
  border-radius: 10px;
  background: #ffffff;
  color: #050D22;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.error-f-platform:hover,
.error-f-platform:focus-visible {
  border-color: #5655ED;
  box-shadow: 0 4px 14px rgba(86, 85, 237, 0.12);
  text-decoration: none;
}
.error-f-platform-name {
  font-size: 16px;
  font-weight: 600;
  color: #050D22;
}
.error-f-platform:hover .error-f-platform-name {
  color: #4948CE;
}
.error-f-platform-desc {
  font-size: 14px;
  line-height: 1.45;
  color: #3B556E;
}
.error-page-f .no-results.no-results-e {
  display: block;
  padding: 0;
  text-align: left;
}
@media (max-width: 600px) {
  .error-f-title {
    font-size: 26px;
  }
  .error-f-platform-list {
    grid-template-columns: 1fr;
  }
}

/***** Version F request page *****/
.request-f-header {
  margin: 8px 0 28px;
}
.request-f-title {
  margin: 0 0 8px;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #050D22;
}
.request-f-lead {
  margin: 0;
  font-size: 16px;
  color: #3B556E;
}
.request-f-layout {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.request-f-form.form {
  max-width: none;
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid #E6E9F2;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}
.request-f-aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.request-f-card {
  padding: 18px;
  border: 1px solid #E6E9F2;
  border-radius: 12px;
  background: #F8FBFF;
}
.request-f-card-title {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 600;
  color: #050D22;
}
.request-f-search .search-landing-input {
  height: 42px;
  font-size: 15px;
}
.request-f-card-note {
  margin: 10px 0 0;
  font-size: 13px;
}
.request-f-card-note a {
  color: #4948CE;
  font-weight: 600;
}
.request-f-checklist {
  margin: 0;
  padding-left: 18px;
  list-style: disc;
  font-size: 14px;
  line-height: 1.55;
  color: #3B556E;
}
.request-f-checklist li {
  margin: 0 0 6px;
}
@media (min-width: 1024px) {
  .request-f-layout {
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
  .request-f-form.form {
    flex: 1 1 auto;
    min-width: 0;
    padding: 32px;
  }
  .request-f-aside {
    flex: 0 0 320px;
    position: sticky;
    top: 24px;
  }
}
@media (max-width: 1023px) {
  /* Column layout: keep the results inside the page gutters */
  .search-results--query { flex-wrap: nowrap; }
  .search-results--query .search-results-column { width: 100%; max-width: 100%; min-width: 0; }
}

/***** Version E: category and section pages (scoped search, find box, complete topic filters) *****/
.scoped-search {
  position: relative;
  display: flex;
  gap: 8px;
  max-width: 560px;
  margin-top: 16px;
}
.scoped-search .clear-button { display: none !important; }
.scoped-search-icon,
.section-find-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #68737D;
  pointer-events: none;
}
.scoped-search-input,
.section-find-input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  padding: 0 14px 0 38px;
  border: 1px solid #D8DCDE;
  border-radius: 8px;
  font: inherit;
  font-size: 15px;
  color: #050D22;
  background: #ffffff;
}
.scoped-search-input:focus,
.section-find-input:focus {
  outline: 0;
  border-color: #5655ED;
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.2);
}
.scoped-search-submit {
  flex: 0 0 auto;
  height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: #5655ED;
  color: #ffffff;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.scoped-search-submit:hover,
.scoped-search-submit:focus-visible { background: #4948CE; }
.section-find {
  position: relative;
  max-width: 420px;
  margin: 4px 0 16px;
}
.topic-empty { margin: 16px 0; font-size: 15px; color: #68737D; }
.topic-empty[hidden],
.category-section-block[hidden] { display: none; }
.section-content .pagination[hidden] { display: none; }
.section-sidebar-label--solo { margin-bottom: 4px; }

/* Version E: platform search sits top right, beside the category title; description below */
.category-content .page-header { margin-bottom: 32px; }
.category-content .page-header .scoped-search { margin-top: 0; flex: 0 1 380px; align-self: center; }
.category-content .page-header .page-header-description { flex-basis: 100%; margin-bottom: 0; }
@media (max-width: 767px) {
  .category-content .page-header .scoped-search { order: 3; flex-basis: auto; margin-top: 12px; }
}

/* Version E: section find box sits top right, beside Follow; description below */
.section-content .page-header .section-find { margin: 0; flex: 0 1 320px; max-width: 320px; align-self: center; }
.section-content .page-header .section-subscribe { align-self: center; }
.section-content .page-header .page-header-description { flex-basis: 100%; }
@media (max-width: 767px) {
  .section-content .page-header .section-find { order: 3; flex-basis: auto; max-width: none; width: 100%; align-self: stretch; margin-top: 12px; }
}

/***** Version E: more breathing room in the article rail ("On this page" and related articles) *****/
@media (min-width: 1280px) {
  .article-rail { flex: 0 0 248px; width: 248px; padding: 24px 0 0 8px; }
}
.article-toc-title,
.article-rail .related-articles-title,
.article-rail .recent-articles-title,
.article-related-curated .related-articles-title { margin-bottom: 16px; }
.article-toc-link { padding: 8px 0 8px 14px; line-height: 1.45; }
.article-rail .related-articles li,
.article-rail .recent-articles li,
.article-related-curated-list li { margin: 0 0 16px; line-height: 1.5; }
@media (min-width: 1280px) {
  .article-toc + .article-relatives,
  .article-toc + .article-related-curated { margin-top: 56px; padding-top: 32px; }
}

/***** Version E footer additions: site link, legal + language row *****/
.footer-f .footer-f-site,
.footer-f .footer-f-site:visited {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}
.footer-f .footer-f-site:hover,
.footer-f .footer-f-site:focus-visible {
  color: #4948CE;
  text-decoration: underline;
}
.footer-f-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
}
.footer-f-bottom .copyright {
  margin: 0;
}
.footer-f-legal,
.footer-f-lang {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
.footer-f-lang {
  margin-left: auto;
}
.footer-f .footer-f-legal a,
.footer-f .footer-f-legal a:visited,
.footer-f .footer-f-lang a,
.footer-f .footer-f-lang a:visited {
  color: #3B556E;
  text-decoration: none;
}
.footer-f .footer-f-legal a:hover,
.footer-f .footer-f-lang a:hover,
.footer-f .footer-f-legal a:focus-visible,
.footer-f .footer-f-lang a:focus-visible {
  color: #4948CE;
  text-decoration: underline;
}
.footer-f-lang [aria-current] {
  color: #050D22;
  font-weight: 600;
}
@media (max-width: 768px) {
  .footer-f-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-f-lang {
    margin-left: 0;
  }
}

/***** Version E: mobile "In this category" box (article and section pages) *****/
/* Below 1024px the left nav folds to a header. The stock 45px max-height clipped the
   two-line header (label + category name) and the chevron sat off-centre between two
   grey rules; this makes it one tidy card with the chevron centred on the right. */
@media (max-width: 1023px) {
  .section-sidebar {
    border: 0;
    margin-bottom: 16px;
  }
  .section-sidebar .collapsible-sidebar {
    max-height: none;
    padding: 12px 52px 12px 16px;
    border: 1px solid #E6E9F2;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  }
  .section-sidebar .sidenav-title {
    margin: 0;
    min-height: 40px;
    justify-content: center;
  }
  .section-sidebar .collapsible-sidebar[aria-expanded=true] {
    padding-right: 16px;
  }
  .section-sidebar .collapsible-sidebar[aria-expanded=true] .sidenav-title {
    margin-bottom: 10px;
    padding-right: 36px;
  }
  .section-sidebar .collapsible-sidebar-toggle {
    top: 12px;
    right: 8px;
    width: 40px;
    height: 40px;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #3B556E;
  }
  .section-sidebar .collapsible-sidebar-toggle:focus-visible {
    border: 1px solid #5655ED;
  }
}

/***** Version E: hide the rev10 summary block when the lede repeats it (script.js keeps it otherwise) *****/
.article-body:has(.lede) > zd-summary-block:not(.summary-kept) {
  display: none;
}

/***** Version E: mobile tidy-up (home intro, folded category sections, article width) *****/
/* Home: the welcome paragraph is centred on phones too, like the title above it. */
@media (max-width: 768px) {
  .home-hero .hero-intro,
  .hero-content .hero-intro {
    text-align: center;
  }
}

/* Category page: below 1024px each section folds to its heading (script.js adds the
   chevron); desktop always shows every article. An active topic filter unfolds all. */
.category-section-toggle {
  display: none;
}
@media (max-width: 1023px) {
  .category-sections {
    gap: 10px;
  }
  .category-section-block.is-foldable {
    border: 1px solid #E6E9F2;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  }
  .category-section-block.is-foldable .category-section-title {
    position: relative;
    margin: 0;
    padding: 14px 56px 14px 16px;
    cursor: pointer;
  }
  .category-section-block.is-foldable .articles-list {
    margin: 0 12px 12px;
  }
  .category-sections:not(.is-filtering) .category-section-block.is-collapsed .articles-list {
    display: none;
  }
  .category-sections:not(.is-filtering) .category-section-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #3B556E;
    cursor: pointer;
  }
  .category-section-toggle svg {
    transition: transform 0.15s ease;
  }
  .category-section-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }
  .category-section-toggle:focus-visible {
    outline: 2px solid #5655ED;
    outline-offset: -2px;
  }
}

/* Articles on phones: rev10 bodies (.arc-wrap) drop their own side padding so the
   copy and the "Must know" box line up with the summary box and the rest of the column. */
@media (max-width: 640px) {
  .article-body .arc-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Related links, one list per screen: from 1280px the rail shows them and the in-body
   "Related:" line hides (above); below that the rail sits under the article, so the
   in-body line stays and the rail's duplicate copy goes. */
@media (max-width: 1279px) {
  .article-rail.has-curated {
    display: none;
  }
}

/* Topics now sit above "Was this article helpful?". */
.article-topics {
  margin: 8px 0 20px;
}

/* Related links are bullets everywhere: the in-body list (script.js turns the rev10
   "Related:" line into one), the rail's curated list and Zendesk's automatic lists. */
.article-body .related-bulleted .related-label {
  margin: 0 0 6px;
}
.article-body .related-bulleted .related-list {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.article-body .related-bulleted .related-list li {
  margin: 0 0 4px;
  padding-left: 2px;
}
.article-related-curated-list,
.article-rail .related-articles ul,
.article-rail .recent-articles ul {
  padding-left: 18px;
  list-style: disc;
}
.article-related-curated-list li::marker,
.article-rail .related-articles li::marker,
.article-rail .recent-articles li::marker,
.article-body .related-bulleted .related-list li::marker {
  color: #5655ED;
}

/***** Version E: My requests page, room above the "Requests" heading *****/
/* The page has no breadcrumb row, so the heading sat right under the site header. */
.my-activities-header {
  padding-top: 40px;
  margin-bottom: 20px;
}
.my-activities-header h1 {
  margin: 0;
}
@media (max-width: 768px) {
  .my-activities-header {
    padding-top: 24px;
    margin-bottom: 16px;
  }
}

/***** Version E: rev10 summary box text matches the "Must know" list (14px) *****/
.article-body:has(.arc-wrap) > zd-summary-block,
.article-body:has(.arc-wrap) > zd-summary-block * {
  font-size: 14px;
  line-height: 1.55;
}

/***** Version E: home hero search, placeholder centred under the centred heading *****/
.hero-search .search input[type="search"]::placeholder {
  text-align: center;
}
/* Phones: small enough that the whole example line fits, so it can sit centred */
@media (max-width: 480px) {
  .home-hero .hero-search .search input[type="search"] { padding: 0 12px; }
  .hero-search .search input[type="search"]::placeholder { font-size: 14px; }
}
@media (max-width: 360px) {
  .hero-search .search input[type="search"]::placeholder { font-size: 13px; }
}

/***** Version E: tag and keyword search pages, topic rail top right *****/
/* The rail reuses the "Filter by topic" card from category pages (.topic-facets). Desktop:
   results on the left, the card in a sticky 280px column on the right. Below 1024px
   script.js moves the card into the page header, folded to its heading. */
.topic-rail {
  margin: 0;
  padding: 16px;
  border-radius: 12px;
}
.topic-rail-hint {
  margin: 8px 0 4px;
  font-size: 13px;
  line-height: 1.45;
  color: #68737D;
}
a.topic-facet,
a.topic-facet:visited {
  color: #050D22;
  text-decoration: none;
}
a.topic-facet:hover,
a.topic-facet:focus-visible,
a.topic-facet.is-active,
a.topic-facet.is-active:visited {
  color: #4948CE;
  text-decoration: none;
}
.topic-facets-empty[hidden] { display: none; }
@media (min-width: 1024px) {
  .search-results--tag,
  .search-results--query.has-topics {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 48px;
  }
  .search-results--tag .search-results-column,
  .search-results--query.has-topics .search-results-column {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
  }
  .search-results--tag .search-results-sidebar,
  .search-results--query.has-topics .search-results-sidebar {
    order: 2;
    flex: 0 0 280px;
    position: sticky;
    top: 24px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #D9DEE7 transparent;
    padding: 1px 4px 4px 1px;
    margin: -1px -4px 0 -1px;
  }
}
@media (max-width: 1023px) {
  .search-results--tag:not(.is-fallback) .search-results-sidebar,
  .search-results--query.has-topics .search-results-sidebar { display: none; }
  .topic-rail-dock .topic-rail { margin: 16px 0 0; padding: 12px 14px; }
}

/* Tag page header: one line on how the page works (no width cap, so it stays on one line on desktop) */
.tag-landing-intro {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: #3B556E;
}
.search-results--tag .tag-landing-tools { gap: 16px; margin-top: 24px; }

/* Platform: a segmented control (one choice at a time, "All" resets) */
.platform-field:has(> .platform-segments[hidden]) { display: none; }
.search-landing .platform-field { margin-top: 16px; }
.platform-label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
.platform-segments,
.search-landing .search-platforms.platform-segments {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 2px;
  max-width: 100%;
  margin: 0;
  padding: 3px;
  border-radius: 10px;
  background: #EEF0F5;
  overflow-x: auto;
  scrollbar-width: none;
}
.platform-segments::-webkit-scrollbar { display: none; }
.platform-segments .topic-chip {
  flex: 0 0 auto;
  gap: 6px;
  padding: 7px 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #3B556E;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: none;
}
.platform-segments .topic-chip:hover,
.platform-segments a.topic-chip:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #050D22;
}
.platform-segments .topic-chip:focus { box-shadow: none; }
.platform-segments .topic-chip.is-active,
.platform-segments a.topic-chip.is-active,
.platform-segments a.topic-chip.is-active:visited,
.platform-segments a.topic-chip.is-active:hover,
.platform-segments .topic-chip.is-active:focus {
  background: #ffffff;
  color: #050D22;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12), 0 0 0 0.5px rgba(16, 24, 40, 0.06);
}
.platform-segments .topic-chip:focus-visible,
.platform-segments .topic-chip.is-active:focus-visible {
  box-shadow: 0 0 0 3px rgba(86, 85, 237, 0.35);
}
.platform-segments .topic-chip-count,
.platform-segments .topic-chip.is-active .topic-chip-count {
  padding: 0;
  background: none;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: #8A94A0;
}
.platform-segments .topic-chip.is-active .topic-chip-count { color: #5655ED; }
.platform-segments .topic-chip-x { display: none !important; }
/* Phones: the platform control scrolls sideways inside the column instead of widening the page */
.platform-field { min-width: 0; max-width: 100%; }
@media (max-width: 1023px) {
  .search-results--tag { flex-wrap: nowrap; }
  .search-results--tag .search-results-column { width: 100%; max-width: 100%; min-width: 0; }
}
/* Keyword search: topic rows open the topic's page, so an arrow instead of a checkbox */
.search-results--query .topic-rail .topic-facet::before { display: none; }
.search-results--query .topic-rail .topic-facet::after {
  content: "›";
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 16px;
  line-height: 1;
  color: #A0A8B3;
}
.search-results--query .topic-rail .topic-facet:hover::after { color: #5655ED; }

/***** Version E: tag page with its topic unticked (the visitor stays on the page) *****/
.tag-none[hidden] { display: none; }
.tag-none {
  margin: 8px 0 0;
  padding: 20px;
  border: 1px dashed #D8DCE6;
  border-radius: 12px;
  background: #F8FBFF;
}
.tag-none-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #3B556E;
}
.search-results--tag.is-untopic .tag-landing-meta,
.search-results--tag.is-untopic .tag-landing-tools,
.search-results--tag.is-untopic .tag-groups,
.search-results--tag.is-untopic .tag-loading,
.search-results--tag.is-untopic .tag-empty,
.search-results--tag.is-untopic .tag-capped,
.search-results--tag.is-untopic .search-results-list,
.search-results--tag.is-untopic ~ .pagination { display: none !important; }
button.topic-facet { font-weight: inherit; }
button.topic-facet.is-active { font-weight: 600; }
.search-results--query .search-results-list > li[hidden] { display: none; }
.tag-group-more { margin: 8px 0 12px; }
.tag-group-more[hidden] { display: none; }

/***** Version E: tag page topic rail as a multi-select filter *****/
.topic-facets-subhead {
  margin: 10px 8px 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #68737D;
}
/* "Other topics" open on their own page: an arrow, not a checkbox */
.topic-facet.is-elsewhere::before { display: none; }
.topic-facet.is-elsewhere::after {
  content: "\203A";
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 1;
  color: #A0A8B3;
}
.topic-facet.is-elsewhere .topic-facet-count { margin-left: auto; }

/***** Version E: article topic chips, "+N more" *****/
.article-topics .content-tag-more {
  font-family: inherit;
  font-weight: 600;
  color: #4948CE;
  border-style: dashed;
  background: #ffffff;
  cursor: pointer;
}
.article-topics .content-tag-more:focus-visible {
  outline: 2px solid #5655ED;
  outline-offset: 2px;
}