@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%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #F7EFEB;
  color: #0D0826;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 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: #565269;
  text-decoration: none;
}
a:visited {
  color: #565269;
}
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 #565269;
}
.hbs-form input[disabled], .search input[disabled] {
  background-color: #ddd;
}
.hbs-form select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}
.hbs-form select:focus, .search select:focus {
  border: 1px solid #565269;
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: 1px solid #848F99;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid #565269;
}

.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 #565269;
  border-radius: 4px;
  color: #565269;
  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: #565269;
}
.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: #565269;
  color: #FFFFFF;
  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: #272530;
  border-color: #272530;
}
.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: #565269;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  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: #FFFFFF;
}
.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: #272530;
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #2a1a7a;
  border: 1px solid #848F99;
  background-color: transparent;
}
.button-secondary:visited {
  color: #2a1a7a;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #0D0826;
  border: 1px solid #848F99;
  background-color: #f3e6e0;
}

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

.split-button button {
  background-color: #565269;
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: #565269;
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  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: #2a1a7a;
  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 #848F99;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid #565269;
}

.form-field input[type=text] {
  border: 1px solid #848F99;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid #565269;
}

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

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

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

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #565269;
  text-decoration: none;
}

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

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

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

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

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

.form footer a {
  color: #2a1a7a;
  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: #565269;
}

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

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

.logo span {
  margin: 0 10px;
  color: #565269;
}

.logo a {
  display: inline-block;
}

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

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}
.user-nav[aria-expanded=true] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}
.user-nav[aria-expanded=true] > a {
  display: block;
  margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
  display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
  display: block;
  margin: 20px;
}

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

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: #565269;
  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: #565269;
  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: #fff;
  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: #0D0826;
  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: #0D0826;
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}
[dir=rtl] .skip-navigation {
  left: initial;
  right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
  left: initial;
  right: auto;
}

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

.ask-ai {
  align-items: center;
  background-color: #565269;
  border: 1px solid #565269;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.4286;
  padding: 6px 14px;
}
.ask-ai:visited {
  color: #FFFFFF;
}
.ask-ai .ask-ai-icon {
  flex-shrink: 0;
}

.nav-wrapper-desktop .ask-ai {
  margin-inline-end: 16px;
  padding: 6px 14px;
}
.nav-wrapper-desktop .ask-ai, .nav-wrapper-desktop .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
  background-color: #0D0826;
  border-color: #0D0826;
  color: #FFFFFF;
  text-decoration: none;
}

.nav-wrapper-mobile .ask-ai {
  margin: 4px 24px;
  padding: 6px 14px;
  width: auto;
  height: auto;
}
.nav-wrapper-mobile .ask-ai, .nav-wrapper-mobile .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
  background-color: #0D0826;
  border-color: #0D0826;
  color: #FFFFFF;
  text-decoration: 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: #565269;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: #565269;
  background-color: transparent;
}
.user-info > button::after {
  color: #565269;
  padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}
@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}
#user #user-name:hover {
  text-decoration: underline;
}

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

.avatar {
  display: inline-block;
  position: relative;
}
.avatar img {
  height: 40px;
  width: 40px;
}
.avatar .icon-agent {
  color: #565269;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  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: #2a1a7a;
}
.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: #2a1a7a;
  display: inline-block;
}

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

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  color: #2a1a7a;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs li + li::before {
  content: ">"/"";
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: #565269;
}

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

.search {
  border-color: #848F99;
  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: #565269;
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #fff;
}
.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}
.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: #565269;
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #565269;
}
.search-has-value .clear-button {
  display: flex;
}

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

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

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

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01KCS11VQMNNYDSB6FJMH5ME82);
  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: 55px;
}
@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 #565269;
  border-radius: 4px;
  box-sizing: border-box;
  color: #565269;
  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: #565269;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #FFFFFF;
  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: #0D0826;
}
.blocks-item-link {
  color: #565269;
  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 #565269;
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}
.blocks-item-description {
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** 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(/hc/theming_assets/01KCS11WK8MHW1PHC7KC7PEWSV);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: #565269;
  text-decoration: underline;
}
.community a:visited {
  color: #565269;
}
.community a:hover, .community a:active, .community a:focus {
  color: #0D0826;
}

.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: #0D0826;
  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: #565269;
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: #565269;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #0D0826;
}
.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: #565269;
  width: 16px;
  height: 16px;
}
.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}
.category-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}
.section-tree .section {
  flex: initial;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}
.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.section-tree-title a {
  color: #0D0826;
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-list-item a {
  color: #0D0826;
}

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

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}
.section-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}
.section-list {
  margin: 40px 0;
}

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

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

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}
.article-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-avatar {
  margin-right: 10px;
}
.article-author {
  margin-bottom: 10px;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
}
.article-body a {
  color: #565269;
  text-decoration: underline;
}
.article-body a:visited {
  color: #565269;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: #0D0826;
}
.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: #f0e0d9;
}
.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: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #2a1a7a;
  font-style: italic;
  padding: 0 15px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}
.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}
.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.article-comment-count {
  color: #2a1a7a;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: #565269;
  width: 18px;
  height: 18px;
}
.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
    max-width: 17%;
  }
}
.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: #565269;
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: #565269;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #0D0826;
}
.article-return-to-top {
  border-top: 1px solid #848F99;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: #0D0826;
  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: #0D0826;
  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: #2a1a7a;
}

/***** 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: #2a1a7a;
}
.share a:hover {
  text-decoration: none;
  color: #565269;
}
.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: #2a1a7a;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: #565269;
  text-decoration: underline;
}
.comment-callout a:visited {
  color: #565269;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #0D0826;
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #2a1a7a;
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid #565269;
  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: #565269;
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: #565269;
  text-decoration: underline;
}
.comment-body a:visited {
  color: #565269;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #0D0826;
}
.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: #f0e0d9;
}
.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: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #2a1a7a;
  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: #2a1a7a;
  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: #565269;
}

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

.vote-voted {
  color: #565269;
}

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

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0; /*Avoid collapsing elements in Safari*/
}
.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01KCS11W5EK923TYY7M08BKQ12);
  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: #565269;
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true] {
  background-color: #565269;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
  background-color: #272530;
  border-color: #272530;
}
.community-follow button::after {
  border-left: 1px solid #565269;
  content: attr(data-follower-count);
  color: #565269;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 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 #565269;
  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: #565269;
  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: #565269;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #2a1a7a;
  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: #0D0826;
    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: #565269;
}
.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: #2a1a7a;
}
.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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 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: #565269;
  text-decoration: underline;
}
.post-body a:visited {
  color: #565269;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #0D0826;
}
.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: #f0e0d9;
}
.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: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #2a1a7a;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #2a1a7a;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: #565269;
  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 #565269;
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: #0D0826;
  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: #0D0826;
  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 #565269;
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: #0D0826;
}

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

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}
.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 #565269;
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}
.collapsible-sidebar.expanded {
  max-height: none;
}
.collapsible-sidebar.expanded .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f0e0d9;
  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: #2a1a7a;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

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

/***** 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;
  max-width: 100%;
  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: #2a1a7a;
  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 #565269;
}
.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 #565269;
}
.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: #f3e6e0;
    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%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.request-details dd::after {
  content: "\a";
  white-space: pre;
}
.request-details dt {
  line-break: strict;
  color: #2a1a7a;
  width: 40%;
  overflow-wrap: break-word;
}
.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: #2a1a7a;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

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

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

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

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}
[dir=rtl] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

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

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

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
  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;
  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: #2a1a7a;
  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 #565269;
  border-radius: 4px;
  color: #565269;
  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: #f0e0d9;
  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: #2a1a7a;
  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: #2a1a7a;
  font-size: 13px;
  margin: 0;
}
.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

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

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

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

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

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

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

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
  right: 0;
}
.profile-contribution-icon svg {
  vertical-align: middle;
}

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

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

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

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

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

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

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

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}
@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

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

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

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f3e6e0;
}
@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: #F7EFEB;
  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: #0D0826;
}
.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:not(.expanded) .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6):not(.see-all-filters-item) {
  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: #565269;
}
.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: #565269;
}
.search-results .no-results .action-prompt a:visited {
  color: #565269;
}

.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: #2a1a7a;
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: #565269;
  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: 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;
  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 #848F99;
}

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

/***** 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-hero {
  background-image: url(/hc/theming_assets/01KN7DFZCH9717G9MQVXXB0ER4);
  margin-bottom: 10px;
  height: 320px;
}
.service-catalog-description {
  display: flow-root;
}
.service-catalog-description a {
  color: #565269;
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: #565269;
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: #0D0826;
}
.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: #f0e0d9;
}
.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: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.service-catalog-description pre {
  background: #f3e6e0;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.service-catalog-description blockquote {
  border-left: 1px solid #ddd;
  color: #2a1a7a;
  font-style: italic;
  padding: 0 15px;
}
.service-catalog-main-content {
  display: flex;
  gap: 32px;
}
.service-catalog-list {
  width: 100%;
}
.service-catalog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 20px;
}

.is-service-catalog-preview #navbar-container,
.is-service-catalog-preview .navbar-container,
.is-service-catalog-preview .assembly-bar,
.is-service-catalog-preview [data-garden-id="chrome.subnav"] {
  display: none !important;
}
/* =====================================================================
   CUREETY – Centre d'aide patient (couche de personnalisation v2.0.0)
   Toutes les règles Cureety sont regroupées ici, après le thème standard.
   Tokens du design system (à confirmer, cf. document de spécification).
   ===================================================================== */
:root {
  --cu-midnight: #0D0826;
  --cu-smoke: #565269;
  --cu-lila: #BE91B8;
  --cu-beige: #F7EFEB;
  --cu-beige-dark: #E0CFC7;
  --cu-beige-darker: #CFC1BB; /* DS Brown 60 : survol des boutons beige */
  --cu-blue-20: #D1DEFF;
  --cu-green-20: #B2D6B4;
  --cu-empire: #1D331F;
  --cu-lavender-text: #DCD8ED;
  --cu-white: #FFFFFF;
  --cu-text: #0D0826;
  --cu-muted: #4E4A5C;
  --cu-line: #E8DFDA;
  /* Polices du design system si disponibles sur l'appareil, sinon polices système (aucun chargement externe) */
  --cu-font-title: 'Season Mix', Georgia, 'Times New Roman', serif;
  --cu-font-text: 'PP Mori', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --cu-radius-l: 24px;
  --cu-radius-m: 16px;
  --cu-radius-s: 12px;
  --cu-gap: 16px;
  --cu-focus: 3px solid var(--cu-smoke);
}

/* ---------- Base ---------- */
body { background: var(--cu-beige); color: var(--cu-text); font-family: var(--cu-font-text); font-size: 16px; line-height: 1.5; }
h1, h2, h3, h4, h5, h6, input, button, select, textarea { font-family: var(--cu-font-text); }
a { color: var(--cu-smoke); }
a:visited { color: var(--cu-smoke); }
a:hover { color: var(--cu-midnight); }
:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
.cu-hidden { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Lien d'évitement : visible au focus clavier */
.skip-navigation { display: flex; left: -9999px; right: auto; background: var(--cu-midnight); color: var(--cu-white); border-radius: var(--cu-radius-s); }
.skip-navigation:focus { left: 16px; right: auto; top: 16px; color: var(--cu-white); }

/* Conteneur de page */
.cu-page {
  box-sizing: border-box; width: 100%; max-width: 1248px; margin: 0 auto; padding: 0 24px;
  display: flex; flex-direction: column; gap: var(--cu-gap);
}
.container-divider { display: none; }

/* ---------- Composants ---------- */
.cu-card { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 40px 48px; box-sizing: border-box; }
.cu-h1 { font-family: var(--cu-font-title); font-weight: 300; font-size: 2.75rem; line-height: 1.1; margin: 0; color: var(--cu-text); }
.cu-h2 { font-family: var(--cu-font-title); font-weight: 300; font-size: 2.125rem; line-height: 1.15; margin: 0; color: var(--cu-text); }
.cu-page-desc { margin: 8px 0 0; font-size: 1.0625rem; color: var(--cu-muted); max-width: 70ch; }
.cu-page-desc a { color: var(--cu-midnight); font-weight: 600; }

.cu-btn, .cu-btn:visited {
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  min-height: 48px; padding: 0 20px; border-radius: var(--cu-radius-s); border: 2px solid transparent;
  font-size: 1rem; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer;
}
.cu-btn-primary, .cu-btn-primary:visited { background: var(--cu-smoke); color: var(--cu-white); }
.cu-btn-primary:hover, .cu-btn-primary:focus { background: var(--cu-midnight); color: var(--cu-white); text-decoration: none; }
.cu-btn-secondary, .cu-btn-secondary:visited { background: var(--cu-beige-dark); color: var(--cu-midnight); }
.cu-btn-secondary:hover, .cu-btn-secondary:focus { background: var(--cu-beige-darker); color: var(--cu-midnight); text-decoration: none; }
.cu-btn-compact { min-height: 44px; padding: 0 14px; font-size: 0.9375rem; }

.cu-chevron { flex: none; color: var(--cu-smoke); }
.cu-rows { list-style: none; margin: 0; padding: 0; }
.cu-rows li + li { border-top: 1px solid var(--cu-line); }
.cu-rows a, .cu-rows a:visited {
  display: flex; justify-content: space-between; align-items: center; gap: 16px; box-sizing: border-box;
  min-height: 56px; padding: 12px 4px; font-size: 1.0625rem; color: var(--cu-text); text-decoration: none;
}
.cu-rows a:hover span, .cu-rows a:focus span { text-decoration: underline; }
.cu-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 32px; align-items: start; }

/* ---------- En-tête ---------- */
.header.cu-header {
  display: block; height: auto; max-width: 1248px; width: 100%; margin: 0 auto; padding: 24px 24px 16px; box-sizing: border-box; position: relative;
}
.cu-header-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; box-sizing: border-box;
  padding: 12px 24px; border: 1px solid var(--cu-midnight); border-radius: 20px; background: var(--cu-beige);
}
.cu-header-logo img { display: block; height: 30px; width: auto; max-height: none; }
.cu-header .nav-wrapper-desktop { align-items: center; gap: 16px; }
@media (min-width: 1024px) { .cu-header .nav-wrapper-desktop { display: flex; } }
.cu-header .user-nav-list.cu-nav-list { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; }
.cu-header .user-nav-list > li { display: block; }
.cu-header .user-nav-list > li:empty { display: none; }
.cu-header .nav-wrapper-desktop .user-nav-list a { display: inline-flex; margin: 0; padding: 0; font-size: 1rem; }
.cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn { padding: 0 20px; }
.cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-primary,
.cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-primary:hover { color: var(--cu-white); text-decoration: none; }
.cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-secondary { color: var(--cu-midnight); text-decoration: none; }
.cu-nav-link, .cu-nav-link:visited { color: var(--cu-smoke); text-decoration: underline; min-height: 44px; display: inline-flex; align-items: center; }
.cu-header .nav-wrapper-desktop a.cu-nav-link { padding: 0 4px; color: var(--cu-smoke); }
.cu-header .nav-wrapper-mobile { display: flex; align-items: center; gap: 8px; }
@media (min-width: 1024px) { .cu-header .nav-wrapper-mobile { display: none; } }
.cu-header .nav-wrapper-mobile .menu-button-mobile { min-width: 44px; min-height: 44px; }
.cu-header .menu-list-mobile { top: 100%; border-radius: var(--cu-radius-m); z-index: 50; }
.cu-header-mobile-links { display: none; }
@media (max-width: 1023px) {
  .cu-header-mobile-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 16px; padding: 12px 4px 0; }
}

/* ---------- Recherche (champ Zendesk restylé, comportement natif conservé) ---------- */
.cu-searchbox { position: relative; }
.cu-searchbox .search {
  display: flex; align-items: center; gap: 8px; box-sizing: border-box; width: 100%;
  border: 2px solid var(--cu-beige-dark); border-radius: var(--cu-radius-s); background: var(--cu-white); padding: 4px;
}
.cu-searchbox .search:focus-within { border-color: var(--cu-smoke); outline: 3px solid var(--cu-lila); outline-offset: 2px; }
.cu-searchbox .search input[type="search"] {
  order: 1; flex: 1 1 auto; min-width: 0; height: 44px; border: 0; border-radius: 8px; background: transparent;
  padding: 0 12px 0 40px; font-size: 1rem; color: var(--cu-text);
}
.cu-searchbox .search input[type="search"]:focus { border: 0; outline: none; }
.cu-searchbox .search input[type="search"]::placeholder { color: var(--cu-muted); opacity: 1; }
.cu-searchbox .search .clear-button { order: 2; height: 44px; min-width: 44px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: var(--cu-smoke); }
.cu-searchbox .search .clear-button:hover { background: var(--cu-beige); color: var(--cu-midnight); }
.cu-searchbox .search input[type="submit"] {
  order: 3; flex: none; height: 44px; padding: 0 20px; border: 0; border-radius: 8px;
  background: var(--cu-beige-dark); color: var(--cu-midnight); font-size: 1rem; font-weight: 600; cursor: pointer;
}
.cu-searchbox .search input[type="submit"]:hover { background: var(--cu-midnight); color: var(--cu-white); }
.cu-searchbox .search-icon { left: 18px; width: 18px; height: 18px; color: var(--cu-smoke); }

/* ---------- Fil d'Ariane + recherche des pages intérieures ---------- */
.sub-nav.cu-subnav { margin: 0; align-items: center; gap: 12px 24px; }
.cu-subnav .breadcrumbs li { font-size: 0.9375rem; color: var(--cu-muted); max-width: 40ch; }
.cu-subnav .breadcrumbs li a, .cu-subnav .breadcrumbs li a:visited { color: var(--cu-smoke); }
.cu-subnav .breadcrumbs li + li::before { content: "›"/""; margin: 0 8px; color: var(--cu-muted); }
.cu-subnav .search-container.cu-searchbox-small { max-width: 420px; width: 100%; flex: 0 1 420px; }

/* ---------- Accueil ---------- */
.cu-hero { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cu-gap); }
.cu-hero-panel {
  background: var(--cu-midnight); border-radius: var(--cu-radius-l); padding: 56px 48px; box-sizing: border-box; min-height: 380px;
  display: flex; flex-direction: column; justify-content: center; gap: 32px;
}
.cu-hero-heading { display: flex; flex-direction: column; gap: 8px; }
.cu-hero-title { font-family: var(--cu-font-title); font-weight: 300; font-size: 3.25rem; line-height: 1.08; color: var(--cu-white); margin: 0; }
.cu-hero-subtitle { font-size: 1.375rem; line-height: 1.35; color: var(--cu-lavender-text); margin: 0; }
.cu-hero-panel .cu-searchbox .search { border-color: var(--cu-white); }
.cu-hero-panel .cu-searchbox .search:focus-within { outline-color: var(--cu-lila); }
.cu-hero-photo { border-radius: var(--cu-radius-l); overflow: hidden; background: var(--cu-beige-dark); min-height: 380px; }
.cu-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }

.cu-urgence, .cu-urgence:visited {
  display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 64px; box-sizing: border-box;
  padding: 16px 28px; border-radius: 20px; background: var(--cu-lila); color: var(--cu-midnight);
  font-size: 1.125rem; font-weight: 600; text-decoration: none;
}
.cu-urgence:hover, .cu-urgence:focus { color: var(--cu-midnight); text-decoration: underline; }
.cu-urgence:focus-visible { outline-color: var(--cu-midnight); }
.cu-urgence .cu-chevron { color: var(--cu-midnight); }

.cu-themes { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.cu-themes > li { display: flex; }
.cu-theme, .cu-theme:visited {
  display: flex; flex-direction: column; gap: 8px; width: 100%; box-sizing: border-box; min-height: 160px;
  padding: 28px; border-radius: 20px; border: 2px solid transparent; background: var(--cu-blue-20);
  color: var(--cu-text); text-decoration: none;
}
.cu-theme:hover, .cu-theme:focus { border-color: var(--cu-smoke); color: var(--cu-text); text-decoration: none; }
.cu-theme-title { font-size: 1.1875rem; font-weight: 600; line-height: 1.3; }
.cu-theme-desc { font-size: 0.9375rem; line-height: 1.45; color: var(--cu-muted); }
.cu-theme:hover .cu-theme-title { text-decoration: underline; }

.cu-recent .recent-articles h2, .cu-recent .recent-articles h3, .cu-recent .recent-articles-title { display: none; }
.cu-recent .recent-articles ul { list-style: none; margin: 0; padding: 0; }
.cu-recent .recent-articles li { padding: 0; }
.cu-recent .recent-articles li + li { border-top: 1px solid var(--cu-line); }
.cu-recent .recent-articles a, .cu-recent .recent-articles a:visited { display: block; padding: 16px 4px; font-size: 1.0625rem; color: var(--cu-text); }
.cu-recent:not(:has(li)) { display: none; }

.cu-help {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  background: var(--cu-beige-dark); border-radius: var(--cu-radius-l); padding: 40px 48px;
}
.cu-help-text p { margin: 8px 0 0; font-size: 1.0625rem; }
.cu-help-contact { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 24px; }
.cu-help-contact a, .cu-help-contact a:visited { color: var(--cu-midnight); font-weight: 600; display: inline-flex; min-height: 44px; align-items: center; }

/* ---------- Catégorie : sections dépliables (details/summary natifs) ---------- */
.cu-sections { display: flex; flex-direction: column; gap: 12px; }
.cu-section { background: var(--cu-white); border-radius: var(--cu-radius-l); overflow: hidden; }
.cu-section > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; list-style: none; cursor: pointer;
  min-height: 72px; padding: 20px 40px; box-sizing: border-box;
}
.cu-section > summary::-webkit-details-marker { display: none; }
.cu-section > summary:focus-visible { outline-offset: -4px; }
.cu-section-title { font-family: var(--cu-font-title); font-weight: 300; font-size: 1.75rem; line-height: 1.2; margin: 0; }
.cu-section-toggle {
  display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 50%;
  background: var(--cu-beige); color: var(--cu-smoke); transition: transform 0.2s;
}
.cu-section[open] .cu-section-toggle { transform: rotate(180deg); }
.cu-section .cu-rows { padding: 0 40px 12px; }
.cu-section .cu-rows li { border-top: 1px solid var(--cu-line); }
.cu-see-all { display: inline-flex; min-height: 44px; align-items: center; margin: 0 40px 20px; font-weight: 600; }

.cu-subscribe { margin-top: 16px; }

/* ---------- Article ---------- */
.cu-article-page .article-container { gap: var(--cu-gap); align-items: flex-start; }
.cu-article-page .article-sidebar { background: var(--cu-white); border: 0; border-radius: var(--cu-radius-l); padding: 24px; box-sizing: border-box; margin: 0; }
@media (min-width: 1024px) { .cu-article-page .article-sidebar { flex: 0 0 280px; max-width: 280px; } }
.cu-article-page .sidenav-title { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cu-smoke); }
.cu-article-page .sidenav-item, .cu-article-page .sidenav-item:visited { border-radius: 10px; color: var(--cu-text); padding: 10px 12px; }
.cu-article-page .sidenav-item.current-article, .cu-article-page .sidenav-item:hover { background: var(--cu-beige); color: var(--cu-text); }
.cu-article-page .article { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 40px 48px; box-sizing: border-box; min-width: 0; }
@media (min-width: 1024px) { .cu-article-page .article { flex: 1 1 auto; max-width: none; min-width: 0; } }
.cu-article-page .article-title { font-family: var(--cu-font-title); font-weight: 300; font-size: 2.625rem; line-height: 1.12; }
.cu-article-page .article-body { font-size: 1.0625rem; line-height: 1.65; max-width: 75ch; }
.cu-article-page .article-body img { max-width: 100%; height: auto; }
/* Tableaux urgence (cellules C72809) : comportement actuel conservé à l'identique (v2.5.0) */
.cu-article-page .article-body table:has(td[style*="C72809" i], td[style*="199, 40, 9"]) { display: block; overflow-x: auto; max-width: 100%; }
.cu-article-page .article-votes { border-top: 1px solid var(--cu-line); }
.cu-article-page .article-vote { min-height: 44px; min-width: 80px; border-radius: 10px; border-color: var(--cu-smoke); color: var(--cu-smoke); }
.cu-article-page .article-vote:hover, .cu-article-page .article-vote[aria-pressed="true"] { background: var(--cu-smoke); color: var(--cu-white); }
.cu-article-page .article-more-questions { border-top: 1px solid var(--cu-line); }

/* Résumé d'article (bloc résumé de l'éditeur) – affichage uniquement, à vérifier en aperçu */
.cu-article-page .article-body zd-summary-block,
.cu-article-page .article-body .zd-summary-block {
  display: block; background: #E3EFE3; border: 1px solid var(--cu-green-20); border-radius: 14px; padding: 18px 20px; margin: 0 0 24px; color: var(--cu-empire);
}

/* Anciennes bannières vertes/lila insérées en tête d'article : masquées à l'affichage uniquement
   (rien n'est supprimé des articles). Sélection par dimensions 1600×400 ou par identifiant d'image. */
.cu-article-page .article-body img[width="1600"][height="400"],
.cu-article-page .article-body img[src*="01KSFVJ97D4V0HEJJ0FGE1JKCK"],
.cu-article-page .article-body img[src*="01M1KW496E16G280XCRF9JK0ZB"] { display: none; }

.cu-article-help { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--cu-line); font-size: 1.0625rem; line-height: 1.6; max-width: 75ch; }
.cu-article-help h2 { font-size: 1.125rem; font-weight: 600; margin: 0 0 8px; }
.cu-article-help p { margin: 0 0 8px; }
.cu-article-help ul { list-style: disc; margin: 0; padding-left: 22px; }

/* ---------- Résultats de recherche ---------- */
.cu-search-page .search-results { gap: var(--cu-gap); }
.cu-search-page .search-results-column { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 40px 48px; box-sizing: border-box; }
.cu-search-page .search-results-sidebar { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 24px; box-sizing: border-box; }
.cu-search-page .search-results-subheading { font-family: var(--cu-font-title); font-weight: 300; font-size: 2.25rem; line-height: 1.15; }
.cu-search-page .search-result-title a, .cu-search-page .search-result-title a:visited { font-size: 1.125rem; font-weight: 600; color: var(--cu-text); }
.cu-search-page .search-result-breadcrumbs li, .cu-search-page .search-result-breadcrumbs li a { color: var(--cu-muted); }

/* ---------- Formulaire de demande ---------- */
.cu-request-page .cu-request-form { max-width: none; }
.cu-request-page .cu-page-desc a { white-space: nowrap; }

/* ---------- Page d'erreur ---------- */
.cu-error { margin-top: 0; text-align: left; }
.cu-error h1 { font-family: var(--cu-font-title); font-weight: 300; font-size: 2.5rem; margin: 0 0 8px; }
.cu-error .cu-btn { margin-top: 16px; align-self: flex-start; }

/* ---------- Pied de page ---------- */
.footer.cu-footer { border: 0; margin: 16px 0 0; padding: 0 24px 32px; }
.cu-footer-inner {
  box-sizing: border-box; max-width: 1200px; margin: 0 auto; background: var(--cu-midnight); color: var(--cu-white);
  border-radius: var(--cu-radius-l); padding: 32px 48px; display: flex; flex-direction: column; gap: 24px;
}
.cu-footer-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; }
.cu-footer-brand { display: flex; flex-direction: column; gap: 20px; }
.cu-footer-logo img { display: block; height: 30px; width: auto; }
.cu-footer-apps { display: flex; flex-wrap: wrap; gap: 12px; }
.cu-footer-apps a { display: inline-flex; min-height: 44px; align-items: center; }
.cu-footer-apps img { display: block; height: 40px; width: auto; }
.cu-footer-title { font-size: 1rem; font-weight: 600; margin: 0 0 8px; color: var(--cu-white); }
.cu-footer-contact p { margin: 0; }
.cu-footer a, .cu-footer a:visited { color: var(--cu-white); }
.cu-footer-contact a { display: inline-flex; min-height: 44px; align-items: center; }
.cu-footer-bottom {
  display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap;
  border-top: 1px solid #3A3550; padding-top: 16px; font-size: 0.9375rem;
}
.cu-footer-copy { margin: 0; }
.cu-footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 24px; }
.cu-footer-links a { display: inline-flex; min-height: 44px; align-items: center; }
.cu-footer .language-selector .dropdown-toggle { color: var(--cu-white); }
.cu-footer :focus-visible { outline-color: var(--cu-lila); }


/* ---------- Tablette ---------- */
@media (max-width: 1023px) {
  .cu-themes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cu-split { grid-template-columns: 1fr; gap: 8px; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .cu-page { padding: 0 16px; gap: 12px; }
  .header.cu-header { padding: 16px 16px 12px; }
  .cu-header-bar { padding: 8px 12px; min-height: 60px; }
  .cu-header-logo img { height: 26px; }
  .cu-card, .cu-help, .cu-search-page .search-results-column, .cu-article-page .article { padding: 24px 20px; border-radius: 20px; }
  .cu-h1, .cu-article-page .article-title, .cu-error h1 { font-size: 1.875rem; }
  .cu-h2 { font-size: 1.75rem; }
  .cu-hero { grid-template-columns: 1fr; gap: 12px; }
  .cu-hero-photo { order: -1; min-height: 0; height: 220px; border-radius: 20px; }
  .cu-hero-photo img { object-position: 50% 35%; }
  .cu-hero-panel { min-height: 0; padding: 28px 20px; gap: 20px; border-radius: 20px; }
  .cu-hero-title { font-size: 2.125rem; }
  .cu-hero-subtitle { font-size: 1.125rem; }
  .cu-hero-search.search { flex-wrap: wrap; }
  .cu-hero-search.search input[type="submit"] { flex: 1 1 100%; }
  .cu-urgence { justify-content: space-between; font-size: 1.0625rem; padding: 16px 20px; }
  .cu-themes { grid-template-columns: 1fr; }
  .cu-theme { min-height: 0; padding: 20px; }
  .cu-help { flex-direction: column; align-items: stretch; padding: 24px 20px; }
  .cu-section > summary { padding: 16px 20px; }
  .cu-section-title { font-size: 1.5rem; }
  .cu-section .cu-rows { padding: 0 20px 8px; }
  .cu-see-all { margin: 0 20px 16px; }
  .cu-subnav .search-container.cu-searchbox-small { max-width: none; flex: 1 1 auto; }
  .footer.cu-footer { padding: 0 16px 16px; }
  .cu-footer-inner { padding: 24px 20px; border-radius: 20px; }
  .cu-footer-bottom { flex-direction: column; align-items: flex-start; }
}

/* ---- v2.1.0 : sous-sections en accordéon sur les pages section ---- */
.cu-section-body { padding: 0 0 4px; }
.cu-section-body .cu-rows { padding: 0 40px; }
.cu-section-body .cu-rows:empty { display: none; }
.cu-section-body .cu-loading { padding: 16px 4px; color: var(--cu-muted); border-top: 1px solid var(--cu-line); }
.cu-section-body .cu-see-all { margin: 8px 40px 20px; }
@media (max-width: 767px) {
  .cu-section-body .cu-rows { padding: 0 20px; }
  .cu-section-body .cu-see-all { margin: 8px 20px 16px; }
}

/* ---- v2.2.0 ---- */
/* Pastille emoji des cartes de l'accueil */
.cu-theme-icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--cu-white); font-size: 1.375rem; line-height: 1; }
/* Fil d'Ariane : masque l'unique catégorie « Centre d'aide patient » (affichage uniquement) */
.cu-subnav .breadcrumbs li:nth-child(2) { display: none; }
/* Article : espace réduit entre la date et le début du texte */
.cu-article-page .article-header { margin-bottom: 16px; }
.cu-article-page .article-content { margin-top: 0; }
/* Article : bouton « Envoyer une demande » dans le bloc Besoin d'aide */
.cu-article-help-action { margin: 16px 0 0; }
/* Titres H2 des articles en Midnight */
.cu-article-page .article-body h2, .cu-article-page .article-body h2 * { color: var(--cu-midnight) !important; }

/* =====================================================================
  /* v2.4.0 – Encadrés : barre latérale gauche, style unifié (affichage uniquement) */
:root { --cu-box-radius: 0 14px 14px 0; --cu-box-pad: 16px 20px; }

.cu-article-page .article-body zd-summary-block,
.cu-article-page .article-body [style*="EAF4EB" i], .cu-article-page .article-body [style*="234, 244, 235"],
.cu-article-page .article-body [style*="EEF2FC" i], .cu-article-page .article-body [style*="238, 242, 252"],
.cu-article-page .article-body [style*="FAFAFA" i], .cu-article-page .article-body [style*="250, 250, 250"] {
  display: block; border: 0 !important; border-left: 4px solid currentColor !important; border-radius: var(--cu-box-radius) !important;
  padding: var(--cu-box-pad) !important; margin: 24px 0 !important; font-size: 1.0625rem; line-height: 1.6;
}
.cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"], [style*="EEF2FC" i], [style*="238, 242, 252"], [style*="FAFAFA" i], [style*="250, 250, 250"]) :is(p, div, span, li) { font-size: inherit !important; line-height: inherit !important; }
.cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"], [style*="EEF2FC" i], [style*="238, 242, 252"], [style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child { font-weight: 600; margin: 0 0 6px !important; }
.cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"], [style*="EEF2FC" i], [style*="238, 242, 252"], [style*="FAFAFA" i], [style*="250, 250, 250"]) > :last-child { margin-bottom: 0 !important; }

.cu-article-page .article-body zd-summary-block,
.cu-article-page .article-body [style*="EAF4EB" i], .cu-article-page .article-body [style*="234, 244, 235"] { background: #EAF4EB !important; border-left-color: #6EA271 !important; color: #1D331F !important; }
.cu-article-page .article-body [style*="EEF2FC" i], .cu-article-page .article-body [style*="238, 242, 252"] { background: #EEF2FC !important; border-left-color: #314781 !important; color: #28376B !important; }
.cu-article-page .article-body [style*="FAFAFA" i], .cu-article-page .article-body [style*="250, 250, 250"] { background: #F4F3F8 !important; border-left-color: #9D97B3 !important; color: var(--cu-midnight) !important; }
.cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child,
.cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child * { font-size: 0.875rem !important; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cu-smoke) !important; }

.cu-article-page .article-body figure.wysiwyg-table:has(td[style*="C72809" i]), .cu-article-page .article-body figure.wysiwyg-table:has(td[style*="199, 40, 9"]) { width: 100% !important; margin: 24px 0 !important; }
.cu-article-page .article-body table:has(td[style*="C72809" i]), .cu-article-page .article-body table:has(td[style*="199, 40, 9"]) { width: 100% !important; border-collapse: separate; border-spacing: 0; }
.cu-article-page .article-body td[style*="C72809" i], .cu-article-page .article-body td[style*="199, 40, 9"] {
  background: #FDEDEA !important; border: 0 !important; border-left: 4px solid #C72809 !important; border-radius: var(--cu-box-radius) !important;
  padding: var(--cu-box-pad) !important; color: var(--cu-midnight) !important; font-size: 1.0625rem; line-height: 1.6;
}
.cu-article-page .article-body td[style*="C72809" i] :is(p, span, li), .cu-article-page .article-body td[style*="199, 40, 9"] :is(p, span, li) { font-size: inherit !important; }
.cu-article-page .article-body td[style*="C72809" i] > p:first-child, .cu-article-page .article-body td[style*="199, 40, 9"] > p:first-child { color: #A3200A !important; margin-top: 0; }

/* Titres de section écrits en vert dans les articles : Midnight, comme les H2 */
.cu-article-page .article-body strong[style*="6EA271" i], .cu-article-page .article-body strong[style*="110, 162, 113"],
.cu-article-page .article-body span[style*="6EA271" i], .cu-article-page .article-body span[style*="110, 162, 113"] {
  color: var(--cu-midnight) !important; font-size: 1.125rem !important;
}

/* ---- Formulaire ---- */
.cu-privacy { margin: 16px 0 0; font-size: 0.9375rem; color: var(--cu-muted); max-width: 70ch; }

/* ---- Footer : LinkedIn ---- */
.cu-footer-social { margin: 8px 0 0; }
.cu-footer-social a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }

/* ---- Bandeau « Powered by Zendesk » : masqué (décision validée v2.5.0) ---- */
.powered-by-zendesk, [class*="powered-by-zendesk"] { display: none !important; }

/* ---- Communauté : mêmes composants que le reste du centre d'aide ---- */
.cu-community-hero { max-width: 1200px; margin: 0 auto 16px; box-sizing: border-box; width: calc(100% - 48px); background: var(--cu-midnight); background-image: none; border-radius: var(--cu-radius-l); padding: 48px; height: auto; }
.cu-community-hero .hero-inner { max-width: 640px; margin: 0 auto; position: relative; top: auto; transform: none; }
.cu-community .page-header, .cu-community .community-header, .cu-community .topic-header { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 32px 40px; margin: 0; box-sizing: border-box; }
.cu-community .page-header h1, .cu-community .community-header h1, .cu-community .post-title { font-family: var(--cu-font-title); font-weight: 300; font-size: 2.5rem; line-height: 1.12; }
.cu-community .topics-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; }
.cu-community .topics-list .blocks-item { margin: 0; border: 0; border-radius: 20px; background: var(--cu-blue-20); color: var(--cu-text); max-width: none; }
.cu-community .topics-list .blocks-item:hover { background: var(--cu-blue-20); outline: 2px solid var(--cu-smoke); }
.cu-community .topics-list .blocks-item-link, .cu-community .topics-list .blocks-item-link:visited { color: var(--cu-text); padding: 28px; }
.cu-community .blocks-item-title { font-weight: 600; }
.cu-community .striped-list { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 8px 40px; box-sizing: border-box; }
.cu-community .striped-list-item { border-bottom: 1px solid var(--cu-line); padding: 16px 0; }
.cu-community .striped-list-item:last-child { border-bottom: 0; }
.cu-community .striped-list-title, .cu-community .striped-list-title:visited { color: var(--cu-text); font-weight: 600; }
.cu-community .post-container, .cu-community .community-featured-posts, .cu-community .community-activity, .cu-community .form { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 32px 40px; box-sizing: border-box; max-width: none; }
.cu-community .post-to-community, .cu-community .community-footer .button { background: var(--cu-smoke); border-color: var(--cu-smoke); color: var(--cu-white); border-radius: var(--cu-radius-s); min-height: 48px; }
.cu-community .post-to-community:hover, .cu-community .community-footer .button:hover { background: var(--cu-midnight); border-color: var(--cu-midnight); color: var(--cu-white); }
.cu-community .status-label { border-radius: 8px; }
@media (max-width: 1023px) { .cu-community .topics-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .cu-community-hero { width: calc(100% - 32px); padding: 24px 20px; border-radius: 20px; }
  .cu-community .topics-list { grid-template-columns: 1fr; }
  .cu-community .page-header, .cu-community .community-header, .cu-community .topic-header,
  .cu-community .striped-list, .cu-community .post-container, .cu-community .community-featured-posts,
  .cu-community .community-activity, .cu-community .form { padding: 24px 20px; border-radius: 20px; }
  .cu-community .page-header h1, .cu-community .community-header h1, .cu-community .post-title { font-size: 1.875rem; }
}

/* =====================================================================
   v2.5.0 – Tableaux, séparateurs, accordéons et onglets du corps d'article
   Affichage uniquement : aucun article n'est modifié. Tableaux urgence (C72809) exclus.
   ===================================================================== */

/* Cadre et défilement horizontal interne : tableaux insérés par l'éditeur */
.cu-article-page .article-body figure.wysiwyg-table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) {
  box-sizing: border-box; width: 100% !important; max-width: 100%; margin: 24px 0 !important;
  overflow-x: auto; border: 1px solid var(--cu-line); border-radius: var(--cu-radius-m); background: var(--cu-white);
}
.cu-article-page .article-body figure.wysiwyg-table table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) { border: 0 !important; margin: 0; }

/* Anciens tableaux sans figure : même cadre, porté par le tableau */
.cu-article-page .article-body table:not(figure.wysiwyg-table table):not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) {
  display: block; overflow-x: auto; max-width: 100%; margin: 24px 0;
  border: 1px solid var(--cu-line); border-radius: var(--cu-radius-m);
}

/* Pleine largeur, cellules aérées, lignes fines */
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) {
  width: 100% !important; height: auto !important; border-collapse: separate; border-spacing: 0; font-size: 1rem; line-height: 1.5;
}
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) :is(th, td) {
  padding: 12px 16px; min-width: 8rem; border: 0 !important; border-bottom: 1px solid var(--cu-line) !important;
  text-align: start; vertical-align: top;
}
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) :is(th, td) + :is(th, td) { border-left: 1px solid var(--cu-line) !important; }
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) :is(tbody, tfoot):last-child > tr:last-child > :is(th, td) { border-bottom: 0 !important; }

/* En-têtes sur fond beige : uniquement les vraies cellules d'en-tête */
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) :is(th, thead td) {
  background: var(--cu-beige) !important; color: var(--cu-midnight); font-weight: 600;
}

/* Lignes de séparation */
.cu-article-page .article-body hr { height: 0; margin: 32px 0; border: 0; border-top: 1px solid var(--cu-line); }

/* Accordéons et onglets de l'éditeur : variables officielles Zendesk (--zd-wysiwyg-*) */
.cu-article-page .article-body {
  --zd-wysiwyg-disclosure-border-color: var(--cu-line);
  --zd-wysiwyg-disclosure-header-bg: var(--cu-white);
  --zd-wysiwyg-disclosure-header-bg-hover: var(--cu-beige);
  --zd-wysiwyg-disclosure-transition-duration: 0.2s;
  --zd-wysiwyg-tabs-color: var(--cu-midnight);
}

/* =====================================================================
   v2.6.0 – Survol des boutons du header, titres H2 d'article, rendu fidèle à l'aperçu
   (tableaux, accordéons, onglets, encadré urgence). Affichage uniquement.
   ===================================================================== */

/* Header : la règle Copenhagen « .nav-wrapper-desktop a:hover » rendait le fond transparent au survol */
.cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-primary:is(:hover, :focus-visible, :active),
.cu-header .nav-wrapper-mobile a.cu-btn-primary:is(:hover, :focus-visible, :active) {
  background: var(--cu-midnight); color: var(--cu-white); text-decoration: none;
}
.cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-secondary:is(:hover, :focus-visible, :active),
.cu-header-mobile-links a.cu-btn-secondary:is(:hover, :focus-visible, :active) {
  background: var(--cu-beige-darker); color: var(--cu-midnight); text-decoration: none;
}

/* Titres H2 des articles : tailles inline (ex. 15 px) neutralisées pour rester au-dessus du texte courant */
.cu-article-page .article-body h2 { font-size: 1.375rem !important; font-weight: 600; line-height: 1.3 !important; margin: 32px 0 12px; }
.cu-article-page .article-body h2 :is(*, [style]) { font-size: inherit !important; line-height: inherit !important; }
@media (max-width: 767px) { .cu-article-page .article-body h2 { font-size: 1.25rem !important; } }

/* Tableaux : la figure de l'éditeur peut être en display:table, ce qui empêche le défilement interne */
.cu-article-page .article-body figure.wysiwyg-table { display: block !important; }

/* Encadré urgence (cellule rouge seule sur sa ligne) : pleine largeur, angles droits, comme l'aperçu */
.cu-article-page .article-body table:has(td[style*="C72809" i]:only-child, td[style*="199, 40, 9"]:only-child),
.cu-article-page .article-body table:has(td[style*="C72809" i]:only-child, td[style*="199, 40, 9"]:only-child) :is(tbody, tr) { display: block; width: 100% !important; max-width: 100%; overflow: visible; }
.cu-article-page .article-body td[style*="C72809" i]:only-child,
.cu-article-page .article-body td[style*="199, 40, 9"]:only-child { display: block; width: auto !important; box-sizing: border-box; }

/* Accordéons : chaque question est une carte (contour fin, coins arrondis, titre en gras, chevron Smoke) */
.cu-article-page .article-body .wysiwyg-disclosure:not(details) { border: 0 !important; border-radius: 0; overflow: visible; margin: 24px 0; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) {
  margin: 8px 0; border: 1px solid var(--cu-line) !important; border-radius: var(--cu-radius-m); overflow: hidden; background: var(--cu-white);
}
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; box-sizing: border-box;
  min-height: 48px; padding: 12px 20px; list-style: none; cursor: pointer;
  font-weight: 600; color: var(--cu-midnight); background: var(--cu-white);
}
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary:hover { background: var(--cu-beige); }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary:focus-visible { outline-offset: -4px; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary::-webkit-details-marker { display: none; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary::marker { content: ""; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary::before { content: none; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary > svg { display: none; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary::after {
  content: ""; flex: none; width: 20px; height: 20px; background: var(--cu-smoke);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.2s;
}
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary::after { transform: rotate(180deg); }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > :not(summary) { padding-left: 20px; padding-right: 20px; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > :last-child:not(summary) { padding-bottom: 16px; margin-bottom: 0; }

/* =====================================================================
   v2.7.0 – Recherche de l'accueil, encadré urgence aligné sur « Bon à savoir »
   ===================================================================== */

/* Accueil : menu de suggestions Zendesk masqué tant que le champ est vide (attribut posé par home_page.hbs) */
html[data-cu-search-empty] zd-autocomplete,
html[data-cu-search-empty] [class^="zd-autocomplete"] { display: none !important; }

/* Encadré urgence : même mise en forme que les autres encadrés (« Bon à savoir »…),
   seuls le fond rouge clair et le liseré gauche rouge foncé sont conservés */
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) {
  background: #FDEDEA !important; color: var(--cu-midnight) !important;
  border: 0 !important; border-left: 4px solid #C72809 !important; border-radius: var(--cu-box-radius) !important;
  padding: var(--cu-box-pad) !important; margin: 24px 0 !important; font-size: 1.0625rem; line-height: 1.6;
}
.cu-article-page .article-body td[style*="C72809" i], .cu-article-page .article-body td[style*="199, 40, 9"] { margin: 0 !important; }
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) :is(p, div, span, li, strong, b) { font-size: inherit !important; line-height: inherit !important; }
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) > :first-child,
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) > :first-child * { font-weight: 600; color: inherit !important; margin: 0 0 6px !important; }
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) > :first-child * { margin: 0 !important; }
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) > :last-child { margin-bottom: 0 !important; }
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) :is(ul, ol) { margin: 4px 0 0 !important; padding-left: 22px !important; }

/* =====================================================================
   v2.8.0 – Encadré rouge = callout natif de l'éditeur Zendesk (type « error »)
   Même mise en forme que « Bon à savoir » : fond rouge clair, liseré gauche rouge foncé,
   pas d'icône, texte à la taille du corps d'article. Affichage uniquement.
   ===================================================================== */
.cu-article-page .article-body {
  --zd-wysiwyg-callout-error-bg: #FDEDEA;
  --zd-wysiwyg-callout-icon-size: 0px;
}
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error {
  display: block !important; box-sizing: border-box;
  background: #FDEDEA !important; color: var(--cu-midnight) !important;
  border: 0 !important; border-left: 4px solid #C72809 !important; border-radius: var(--cu-box-radius) !important;
  padding: var(--cu-box-pad) !important; margin: 24px 0 !important;
  font-size: 1.0625rem; line-height: 1.6;
}
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error::before, .cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error::after { content: none !important; display: none !important; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error > svg, .cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error > [class*="icon"] { display: none !important; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error > :not(svg) { margin-left: 0 !important; padding-left: 0 !important; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error :is(p, div, span, li, strong, b) { font-size: inherit !important; line-height: inherit !important; color: inherit; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error p { margin: 0 0 6px !important; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error :is(ul, ol) { margin: 4px 0 0 !important; padding-left: 22px !important; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error li { margin: 0 !important; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error :is(p, ul, ol, div):last-child { margin-bottom: 0 !important; }

/* =====================================================================
   v2.9.0 – Logo du header centré verticalement
   Le lien du logo (Copenhagen : .logo a { display: inline-block }) créait une ligne de texte
   avec un espace sous l'image, ce qui remontait le logo de quelques pixels.
   ===================================================================== */
.cu-header-logo { display: flex; align-items: center; line-height: 0; }
.cu-header-logo a { display: flex; align-items: center; }

/* ---- v2.9.1 : visuels Accueil et page « Envoyer une demande » ---- */
.cu-request-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: var(--cu-gap);
  align-items: start;
}
.cu-request-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--cu-gap);
}
.cu-request-visual {
  background: var(--cu-white);
  border-radius: var(--cu-radius-l);
  padding: 12px;
  box-sizing: border-box;
  overflow: hidden;
  position: sticky;
  top: 24px;
}
.cu-request-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: calc(var(--cu-radius-l) - 8px);
}

@media (max-width: 1023px) {
  .cu-request-layout { grid-template-columns: 1fr; }
  .cu-request-visual { position: static; max-width: 520px; width: 100%; margin: 0 auto; }
}

@media (max-width: 767px) {
  .cu-request-visual { padding: 8px; border-radius: 20px; }
  .cu-request-visual img { border-radius: 14px; }
}

/* =====================================================================
   v3.0.0 – Refonte validée sur maquettes + robustesse responsive
   Responsive fluide (clamp, min(), flex-wrap, minmax) ; media queries
   uniquement aux changements réels de mise en page (768 et 1024 px).
   ===================================================================== */
:root {
  --cu-lila-20: #E8C6E3;   /* DS Lila 20 */
  --cu-lila-80: #6F4469;   /* DS Lila 80 */
  --cu-smoke-20: #EBE9F3;  /* DS Smoke 20 */
  --cu-page-pad: clamp(16px, 3vw, 24px);
}

/* ---------- Socle anti-débordement ---------- */
.cu-page { padding-left: var(--cu-page-pad); padding-right: var(--cu-page-pad); min-width: 0; }
.cu-page > *, .cu-card, .cu-help, .cu-theme, .cu-rows a, .cu-section > summary { min-width: 0; }
.cu-page img, .cu-footer img { max-width: 100%; }
.cu-h1, .cu-h2, .cu-hero-title, .cu-theme-title, .cu-section-title, .cu-article-page .article-title,
.cu-rows a span, .cu-page-desc, .cu-contact-list a { overflow-wrap: anywhere; }

/* Typographie fluide : mêmes tailles qu'avant aux extrémités, transition continue entre les deux */
.cu-hero-title { font-size: clamp(2.125rem, 1.4rem + 2.2vw, 3.25rem); }
.cu-hero-subtitle { font-size: clamp(1.125rem, 1rem + 0.45vw, 1.375rem); }
.cu-h1, .cu-error h1 { font-size: clamp(1.875rem, 1.3rem + 1.6vw, 2.75rem); }
.cu-article-page .article-title { font-size: clamp(1.875rem, 1.35rem + 1.45vw, 2.625rem); }
.cu-h2 { font-size: clamp(1.75rem, 1.55rem + 0.6vw, 2.125rem); }
.cu-card, .cu-help { padding: clamp(24px, 3.2vw, 40px) clamp(20px, 3.8vw, 48px); }

/* ---------- Header ---------- */
.cu-header-bar { border: 0; min-width: 0; }
.cu-header-logo { flex: 0 1 auto; min-width: 72px; }
.cu-header-logo a { max-width: 100%; }
.cu-header-logo img { max-width: 100%; }
@media (max-width: 1023px) {
  .cu-header-bar { gap: 8px; padding: 8px 8px 8px clamp(10px, 3vw, 14px); }
  .cu-header-logo img { height: auto; width: 101px; }
  .cu-header .nav-wrapper-mobile { flex: 0 1 auto; min-width: 0; }
  .cu-header .nav-wrapper-mobile .cu-btn-compact {
    min-width: 0; padding: 4px 12px; font-size: 0.875rem; line-height: 1.15; white-space: normal; text-align: center;
  }
}
/* Bouton burger : même fond beige ouvert ou fermé, croix à l'ouverture */
.cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 44px; min-width: 44px; height: 44px; padding: 0; border-radius: var(--cu-radius-s);
  background: var(--cu-beige-dark); color: var(--cu-midnight);
}
.cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger:hover { background: var(--cu-beige-darker); }
.cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger .icon-menu,
.cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger .cu-icon-close {
  width: 22px; height: 22px; padding: 0; border-radius: 0; background: none;
}
.cu-burger .cu-icon-close { display: none; }
.cu-burger[aria-expanded="true"] .icon-menu { display: none; }
.cu-burger[aria-expanded="true"] .cu-icon-close { display: inline-block; }
/* Menu déroulant mobile */
.cu-header .nav-wrapper-mobile .menu-list-mobile {
  left: 0; right: 0; top: calc(100% + 8px); padding: 8px; border: 0; border-radius: var(--cu-radius-m);
  background: var(--cu-white); box-shadow: 0 12px 32px rgba(13, 8, 38, 0.16);
}
.cu-header .nav-wrapper-mobile .menu-list-mobile-items { list-style: none; margin: 0; padding: 0; }
.cu-header .nav-wrapper-mobile .menu-list-mobile-items .item { margin: 0; }
.cu-header .nav-wrapper-mobile .menu-list-mobile-items a,
.cu-header .nav-wrapper-mobile .menu-list-mobile-items button {
  display: flex; align-items: center; gap: 12px; min-height: 48px; box-sizing: border-box;
  padding: 0 12px; border-radius: var(--cu-radius-s); color: var(--cu-midnight); font-weight: 600; text-decoration: none;
}
.cu-header .nav-wrapper-mobile .menu-list-mobile-items a:hover,
.cu-header .nav-wrapper-mobile .menu-list-mobile-items a:focus,
.cu-header .nav-wrapper-mobile .menu-list-mobile-items button:hover { background: var(--cu-beige); text-decoration: none; }
.cu-header .nav-wrapper-mobile .menu-list-mobile-items .nav-divider { margin: 4px 0; border-bottom: 1px solid var(--cu-line); }
.cu-menu-icon { flex: none; width: 22px; height: 22px; }

/* ---------- Recherche ---------- */
.cu-searchbox { scroll-margin-top: 16px; }
/* Loupe calée sur la ligne du champ, même quand le bouton passe en dessous */
.cu-searchbox .search-icon { top: 28px; }
/* Le bouton passe sous le champ quand la place manque, quelle que soit la largeur d'écran */
.cu-hero-search.search { flex-wrap: wrap; }
.cu-hero-search.search input[type="search"] { flex: 999 1 12rem; }
.cu-hero-search.search input[type="submit"] { flex: 1 0 auto; }
.cu-subnav { min-width: 0; }
.cu-subnav > * { min-width: 0; max-width: 100%; }
@media (max-width: 767px) {
  .cu-subnav .search-container.cu-searchbox-small { flex: 1 1 100%; width: 100%; max-width: none; }
}
/* Suggestions de la recherche instantanée (éléments générés par Zendesk : rendu au mieux, à tester) */
zd-autocomplete {
  box-sizing: border-box; max-width: calc(100vw - 32px) !important; padding: 8px !important;
  border: 0 !important; border-radius: var(--cu-radius-m) !important; background: var(--cu-white) !important;
  box-shadow: 0 12px 32px rgba(13, 8, 38, 0.18) !important; font-family: var(--cu-font-text) !important; color: var(--cu-midnight) !important;
}
zd-autocomplete-header {
  display: block; padding: 6px 12px 4px !important; font-size: 0.75rem !important; font-weight: 600 !important;
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--cu-muted) !important; border: 0 !important;
}
zd-autocomplete-option, zd-autocomplete-multibrand {
  display: block; padding: 10px 12px !important; border-radius: 10px !important; color: var(--cu-midnight) !important;
  border: 0 !important; cursor: pointer; overflow-wrap: anywhere;
}
zd-autocomplete-option:hover, zd-autocomplete-multibrand:hover,
zd-autocomplete-option[aria-selected="true"], zd-autocomplete-multibrand[aria-selected="true"] { background: var(--cu-beige) !important; }
zd-autocomplete-title-multibrand { display: block; font-size: 0.9375rem !important; line-height: 1.4; color: var(--cu-midnight) !important; }
zd-autocomplete-breadcrumbs-multibrand { display: block; margin-top: 2px; font-size: 0.8125rem !important; color: var(--cu-muted) !important; }
zd-autocomplete mark, zd-autocomplete em { background: none; color: inherit; font-style: normal; font-weight: 700; }

/* ---------- Fil d'Ariane : passe à la ligne au lieu d'élargir la page ---------- */
.cu-subnav .breadcrumbs { flex-wrap: wrap; row-gap: 4px; min-width: 0; max-width: 100%; }
.cu-subnav .breadcrumbs li { max-width: 100%; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }

/* ---------- Accueil : bandeau urgence ---------- */
.cu-urgence, .cu-urgence:visited {
  justify-content: center; gap: 12px; padding: 14px clamp(12px, 3vw, 28px);
  background: var(--cu-lila-20); border: 4px solid var(--cu-lila-80); border-radius: 20px;
  font-size: clamp(0.9375rem, 0.85rem + 0.45vw, 1.125rem); font-weight: 700; text-align: center;
}
.cu-urgence span { text-wrap: balance; }
.cu-urgence-icon { flex: none; width: clamp(28px, 6vw, 32px); height: auto; }
.cu-urgence:hover, .cu-urgence:focus { background: var(--cu-lila-20); }
@media (max-width: 767px) { .cu-urgence { justify-content: center; padding: 14px 12px; } }

/* ---------- Accueil : cartes thèmes avec icônes du design system ---------- */
.cu-theme img.cu-theme-icon { display: block; width: 32px; height: 32px; border-radius: 0; background: none; }
.cu-themes { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
@media (min-width: 1024px) { .cu-themes { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cu-theme, .cu-theme:visited { padding: clamp(20px, 2.4vw, 28px); }

/* ---------- Coordonnées (accueil, fin d'article, page Contact) ---------- */
.cu-contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.cu-contact-list li { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.cu-contact-list img { flex: none; width: 22px; height: 22px; margin-top: 2px; }
.cu-contact-list li > span { display: flex; flex-direction: column; min-width: 0; }
.cu-contact-list a, .cu-contact-list a:visited { color: var(--cu-midnight); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; padding: 2px 0; }
.cu-contact-list a:hover { text-decoration-thickness: 2px; }
.cu-contact-hint { font-size: 0.875rem; color: var(--cu-muted); line-height: 1.4; }

/* Carte « Besoin d'aide ? » de l'accueil */
.cu-help { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: center; }
@media (min-width: 768px) { .cu-help { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } }

/* ---------- Footer ---------- */
.cu-footer-top { flex-wrap: nowrap; }
.cu-footer-brand { flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.cu-footer-social, .cu-footer-social:visited {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  margin-left: -10px; border-radius: var(--cu-radius-s); color: var(--cu-white);
}
.cu-footer-social:hover { background: rgba(255, 255, 255, 0.1); }
.cu-footer-apps { flex-direction: column; align-items: flex-end; gap: 12px; flex: none; }
@media (max-width: 767px) {
  .cu-footer-top { flex-direction: column; align-items: stretch; gap: 20px; }
  .cu-footer-brand { flex-direction: row; align-items: center; justify-content: space-between; }
  .cu-footer-logo img { height: 22px; }
  .cu-footer-social { margin: 0; }
  .cu-footer-apps { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
  .cu-footer-bottom { flex-direction: column; align-items: center; text-align: center; }
  .cu-footer-links { justify-content: center; order: -1; }
}

/* ---------- Articles ---------- */
/* Sous 1024 px, l'article et la barre latérale prennent la largeur de l'écran
   (avant : largeur du plus long contenu, d'où le défilement horizontal de la page) */
@media (max-width: 1023px) {
  .cu-article-page .article-container { align-items: stretch; }
  .cu-article-page .article, .cu-article-page .article-sidebar { width: 100%; max-width: 100%; }
}
.cu-article-page .article, .cu-article-page .article-sidebar, .cu-article-page .article-content { min-width: 0; }
.cu-article-page .article-body { overflow-wrap: anywhere; }
.cu-article-page .article-body :is(iframe, video, embed, object) { max-width: 100%; }
.cu-article-page .article-body :is(iframe[src*="youtube"], iframe[src*="vimeo"], iframe[src*="dailymotion"]) { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.cu-article-page .article-body pre { max-width: 100%; overflow-x: auto; overflow-wrap: normal; }

/* « Articles dans cette section » (mobile/tablette) : toute la ligne est cliquable, chevron aligné à droite */
@media (max-width: 1023px) {
  .cu-article-page .collapsible-sidebar { max-height: 48px; padding: 0; }
  .cu-article-page .collapsible-sidebar.expanded { max-height: none; }
  .cu-article-page .collapsible-sidebar-title { display: flex; align-items: center; min-height: 48px; margin: 0; padding-right: 52px; }
  .cu-article-page .collapsible-sidebar-toggle {
    top: 0; right: 0; transform: none; width: 100%; height: 48px; display: flex; align-items: center; justify-content: flex-end;
    padding: 0 4px; border: 0; border-radius: var(--cu-radius-s); color: var(--cu-midnight); cursor: pointer;
  }
  .cu-article-page .collapsible-sidebar-toggle:focus { border: 0; }
  .cu-article-page .collapsible-sidebar-toggle:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
  .cu-article-page .collapsible-sidebar-toggle-icon { width: 22px; height: 22px; }
  .cu-article-page .collapsible-sidebar-body { padding-top: 4px; }
}

/* Onglets de l'éditeur : empilés sur mobile (rendu au mieux, balisage Zendesk à confirmer) */
@media (max-width: 767px) {
  .cu-article-page .article-body [role="tablist"] { display: flex; flex-direction: column; align-items: stretch; gap: 4px; overflow: visible; }
  .cu-article-page .article-body [role="tablist"] [role="tab"] { width: 100%; min-height: 48px; justify-content: flex-start; text-align: start; white-space: normal; }
}

/* Carte de fin d'article « Vous n'avez pas trouvé la réponse… » */
.cu-article-page .cu-article-help {
  margin-top: 40px; padding: clamp(20px, 3vw, 32px); border-top: 0; border-radius: var(--cu-radius-l);
  background: var(--cu-beige-dark); max-width: none; font-size: 1rem; line-height: 1.5;
}
.cu-article-help-icon { display: block; width: 32px; height: 32px; margin-bottom: 12px; }
.cu-article-page .cu-article-help h2 {
  margin: 0 0 8px; font-family: var(--cu-font-title); font-weight: 400; font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem); line-height: 1.2;
}
.cu-article-page .cu-article-help p { margin: 0 0 16px; }
.cu-article-page .cu-article-help ul.cu-contact-list { list-style: none; padding: 0; }

/* ---------- Page Contact ---------- */
.cu-request-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cu-gap); align-items: start; }
.cu-request-intro { display: flex; flex-direction: column; gap: var(--cu-gap); min-width: 0; }
.cu-request-form { min-width: 0; }
.cu-request-header .cu-contact-list { margin-top: 16px; }
.cu-medical-note {
  display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 20px 24px;
  border-radius: var(--cu-radius-l); background: var(--cu-smoke-20); color: var(--cu-midnight); font-weight: 600; line-height: 1.45;
}
.cu-medical-note img { flex: none; width: 24px; height: 24px; }
@media (min-width: 1024px) {
  .cu-request-layout {
    grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr);
    grid-template-areas: "visual visual" "form intro";
  }
  .cu-request-visual { grid-area: visual; position: static; max-width: none; padding: 0; background: none; border-radius: var(--cu-radius-l); height: clamp(240px, 24vw, 360px); }
  .cu-request-visual img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 67%; border-radius: var(--cu-radius-l); }
  .cu-request-form { grid-area: form; }
  .cu-request-intro { grid-area: intro; position: sticky; top: 24px; }
}

/* Tableaux : les mots ne sont pas coupés dans les cellules ; un tableau trop large défile dans son cadre */
.cu-article-page .article-body :is(table, th, td) { overflow-wrap: normal; word-break: normal; }
/* Page Contact : titre adapté à la colonne de droite sur desktop */
@media (min-width: 1024px) { .cu-request-intro .cu-h1 { font-size: clamp(1.75rem, 1.1rem + 1vw, 2.125rem); } }
/* LinkedIn : icône calée sur le bord par alignement, sans marge négative */
.cu-footer-social, .cu-footer-social:visited { margin: 0; justify-content: flex-start; }
@media (max-width: 767px) { .cu-footer-social, .cu-footer-social:visited { margin: 0; justify-content: flex-end; } }
/* Résultats de recherche : chemins d'accès qui passent à la ligne, colonnes qui ne s'élargissent pas */
.cu-page .breadcrumbs { flex-wrap: wrap; row-gap: 4px; min-width: 0; max-width: 100%; }
.cu-page .breadcrumbs li { max-width: 100%; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.cu-search-page .search-results, .cu-search-page .search-results-column, .cu-search-page .search-results-sidebar,
.cu-search-page .search-result-title-container, .cu-search-page .search-result-meta-container { min-width: 0; max-width: 100%; }
.cu-search-page .search-result-title, .cu-search-page .search-result-description, .cu-search-page .search-results-subheading { overflow-wrap: anywhere; }
.cu-page p { overflow-wrap: break-word; }

/* =====================================================================
   v3.1.0 – Retours de recette
   ===================================================================== */
/* Lignes de contact : toute la ligne (libellé et précision) est cliquable */
.cu-contact-list li { display: block; }
.cu-contact-list .cu-contact-item, .cu-contact-list .cu-contact-item:visited {
  display: flex; align-items: flex-start; gap: 12px; min-width: 0; margin: 0; padding: 2px 0;
  border-radius: var(--cu-radius-s); color: var(--cu-midnight); text-decoration: none;
}
.cu-contact-item > span { display: flex; flex-direction: column; min-width: 0; }
.cu-contact-main { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.cu-contact-list .cu-contact-item:hover { color: var(--cu-midnight); text-decoration: none; }
.cu-contact-item:hover .cu-contact-main { text-decoration-thickness: 2px; }
.cu-contact-list .cu-contact-item img { flex: none; width: 22px; height: 22px; margin-top: 2px; }

/* Carte de fin d'article : casque sur la ligne du titre */
.cu-article-help-head { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; }
.cu-article-help-head .cu-article-help-icon { margin: 0; flex: none; }
.cu-article-page .cu-article-help .cu-article-help-head h2 { margin: 0; }

/* Icône de la carte dans les titres des pages catégorie et section */
.cu-has-icon { display: flex; align-items: center; gap: 12px; }
.cu-title-icon { flex: none; width: 32px; height: 32px; }
.cu-h1.cu-has-icon .cu-title-icon { width: clamp(32px, 2.4vw + 20px, 44px); height: auto; }

/* Article : moins d'espace entre la date de mise à jour et le début du texte */
.cu-article-page .article-header { margin-bottom: 20px; }
.cu-article-page .article-author { margin-bottom: 0; }
.cu-article-page .article-body > :first-child { margin-top: 0; }
.cu-article-page .article-body > p:has(> img[width="1600"][height="400"]),
.cu-article-page .article-body > p:has(> img[src*="01KSFVJ97D4V0HEJJ0FGE1JKCK"]),
.cu-article-page .article-body > p:has(> img[src*="01M1KW496E16G280XCRF9JK0ZB"]) { margin: 0; }
.cu-contact-list .cu-contact-item { font-weight: 400; }
.cu-contact-hint { font-weight: 400; }
/* Article : premier contenu visible collé à l'en-tête (16 px), y compris après la bannière masquée */
.cu-article-page .article-header { margin-bottom: 16px; }
.cu-article-page .article-body > p:has(> img[width="1600"][height="400"]):first-child + *,
.cu-article-page .article-body > p:has(> img[src*="01KSFVJ97D4V0HEJJ0FGE1JKCK"]):first-child + *,
.cu-article-page .article-body > p:has(> img[src*="01M1KW496E16G280XCRF9JK0ZB"]):first-child + * { margin-top: 0; }

/* Page catégorie : section composée uniquement de sous-sections = lien direct vers sa page */
.cu-sections > a.cu-section-link, .cu-sections > a.cu-section-link:visited {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; box-sizing: border-box;
  min-height: 72px; padding: 20px 40px; color: var(--cu-midnight); text-decoration: none;
}
.cu-sections > a.cu-section-link:hover .cu-section-title { text-decoration: underline; }
.cu-sections > a.cu-section-link .cu-section-toggle { transform: none; }
@media (max-width: 767px) { .cu-sections > a.cu-section-link { padding: 16px 20px; } }

/* Page Contact : lien « Retour à la page d'accueil » */
.cu-back-link, .cu-back-link:visited {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--cu-smoke); font-weight: 600; text-decoration: none;
}
.cu-back-link:hover { color: var(--cu-midnight); text-decoration: underline; }
.cu-back-icon { flex: none; }

/* =====================================================================
   v3.3.0 – Page catégorie : titre = lien vers la section, reste de la ligne = dépliage
   ===================================================================== */
.cu-cat-section { background: var(--cu-white); border-radius: var(--cu-radius-l); overflow: hidden; }
.cu-cat-row {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer;
  min-height: 72px; padding: 16px clamp(16px, 3vw, 40px) 16px clamp(20px, 3.2vw, 40px); box-sizing: border-box;
}
.cu-cat-row .cu-section-head { min-width: 0; }
.cu-cat-link, .cu-cat-link:visited { color: var(--cu-midnight); text-decoration: none; overflow-wrap: anywhere; }
.cu-cat-link:hover { color: var(--cu-midnight); text-decoration: underline; text-underline-offset: 4px; }
.cu-cat-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; padding: 0;
  border: 0; border-radius: 50%; background: transparent; color: var(--cu-midnight); cursor: pointer;
}
.cu-cat-toggle:hover { background: var(--cu-beige); }
.cu-cat-toggle .cu-chevron-down { width: 28px; height: 28px; transition: transform 0.2s; }
.cu-cat-section.is-open .cu-cat-toggle .cu-chevron-down { transform: rotate(180deg); }
.cu-cat-panel .cu-rows { padding: 0 clamp(20px, 3.2vw, 40px) 12px; margin: 0; }
.cu-cat-panel .cu-rows li { border-top: 1px solid var(--cu-line); }
.cu-cat-panel .cu-rows + .cu-rows li:first-child { border-top: 1px solid var(--cu-line); }
.cu-cat-panel .cu-see-all { margin: 0 clamp(20px, 3.2vw, 40px) 20px; }

/* =====================================================================
   v3.4.0 – Bannière « Participez », menu mobile, badges, carte de fin d'article
   ===================================================================== */
/* Accueil : bannière pour les fonctionnalités en test (Green 20 du design system, texte Midnight) */
.cu-participate {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px;
  padding: clamp(24px, 3.2vw, 32px) clamp(20px, 3.8vw, 48px); border-radius: var(--cu-radius-l);
  background: #B2D6B4; color: var(--cu-midnight);
}
.cu-participate-text { display: flex; align-items: flex-start; gap: 16px; flex: 1 1 28rem; min-width: 0; }
.cu-participate-icon { flex: none; width: clamp(32px, 3vw, 40px); height: auto; }
.cu-participate .cu-h2 { margin: 0 0 6px; font-size: clamp(1.5rem, 1.3rem + 0.6vw, 1.875rem); }
.cu-participate p { margin: 0; line-height: 1.5; overflow-wrap: break-word; }
.cu-btn-dark, .cu-btn-dark:visited { background: var(--cu-midnight); color: var(--cu-white); white-space: normal; text-align: center; }
.cu-btn-dark:hover, .cu-btn-dark:focus { background: #2E2C3A; color: var(--cu-white); text-decoration: none; }
@media (max-width: 767px) { .cu-participate .cu-btn-dark { flex: 1 1 100%; } }

/* Badges App Store / Google Play : même hauteur partout */
.cu-footer-apps img { height: 40px; width: auto; }
.cu-article-page .article-body img.cu-store-badge { height: 40px !important; width: auto !important; vertical-align: middle; }

/* Menu burger mobile : panneau compact aligné à droite, plus lisible */
.cu-header .nav-wrapper-mobile .menu-list-mobile {
  left: auto; right: 0; width: min(20rem, calc(100vw - 32px)); padding: 8px;
  border: 1px solid var(--cu-line); border-radius: var(--cu-radius-m);
  box-shadow: 0 16px 40px rgba(13, 8, 38, 0.18);
}
.cu-header .nav-wrapper-mobile .menu-list-mobile-items a,
.cu-header .nav-wrapper-mobile .menu-list-mobile-items button { font-size: 1rem; padding: 0 12px; }
.cu-header .nav-wrapper-mobile .menu-list-mobile-items a:focus-visible,
.cu-header .nav-wrapper-mobile .menu-list-mobile-items button:focus-visible { outline: var(--cu-focus); outline-offset: -2px; }
.cu-header .nav-wrapper-mobile .menu-list-mobile-items .nav-divider { margin: 6px 4px; }

/* Petite barre de recherche (article, section, Contact) : loupe centrée verticalement */
.cu-searchbox-small .search-icon { top: 50%; }

/* Article : la carte « Vous n'avez pas trouvé… » est séparée de l'article, juste en dessous */
.cu-article-main { display: flex; flex-direction: column; gap: var(--cu-gap); min-width: 0; }
@media (min-width: 1024px) { .cu-article-main { flex: 1 1 auto; } }
@media (max-width: 1023px) { .cu-article-main { width: 100%; } }
.cu-article-main > .article { width: 100%; }
.cu-article-page .cu-article-main > .cu-article-help { margin-top: 0; padding: clamp(24px, 3.2vw, 40px) clamp(20px, 3.8vw, 48px); }

/* v3.4.1 – Bandeau urgence sans contour ; bouton « Je souhaite participer » désactivé */
.cu-urgence, .cu-urgence:visited { border: 0; }
.cu-btn-dark:disabled, .cu-btn-dark:disabled:hover { background: var(--cu-midnight); color: var(--cu-white); opacity: 0.45; cursor: not-allowed; }

/* v3.4.2 – Carte « Vous n'avez pas trouvé… » dans l'article, avant « Cet article vous a-t-il été utile ? », fond Bleu 20 */
.cu-article-page .article > .cu-article-help {
  margin: 32px 0; padding: clamp(20px, 3vw, 28px); border-radius: var(--cu-radius-m); background: #D1DEFF; color: var(--cu-midnight);
}


/* =====================================================================
   v3.5.0 – Mode sombre
   Activé selon le réglage de l'appareil (prefers-color-scheme) ou l'interrupteur « Mode sombre »
   (préférence mémorisée dans le navigateur). Limité aux pages du thème Cureety (.cu-page) :
   les autres pages Zendesk (mes demandes, profil…) restent en mode clair.
   Fonds intermédiaires (#1A1436, #24305C, #2F2750, #4A2C47…) : propositions hors design system, à valider.
   ===================================================================== */
html[data-cu-theme="dark"]:has(.cu-page) {
  color-scheme: dark;
  --cu-midnight: #F4F1FA;  --cu-text: #F4F1FA;   --cu-white: #1A1436;
  --cu-smoke: #DCD8ED;     --cu-muted: #B9B4CC;  --cu-line: #352D55;
  --cu-beige: #0D0826;     --cu-beige-dark: #2F2750; --cu-beige-darker: #3A3160;
  --cu-blue-20: #24305C;   --cu-lila-20: #4A2C47; --cu-smoke-20: #2A2448; --cu-green-20: #23402C;
  --cu-lavender-text: #DCD8ED; --cu-focus: 3px solid #DCD8ED;
}
html[data-cu-theme="dark"]:has(.cu-page) body { background: #0D0826; color: #F4F1FA; }
:where(html[data-cu-theme="dark"]:has(.cu-page)) a { color: #DCD8ED; }
:where(html[data-cu-theme="dark"]:has(.cu-page)) a:hover { color: #FFFFFF; }

/* Panneaux qui restent sombres : hero et footer */
html[data-cu-theme="dark"]:has(.cu-page) .cu-hero-panel, html[data-cu-theme="dark"]:has(.cu-page) .cu-footer-inner { background: #211947; color: #FFFFFF; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-hero-title, html[data-cu-theme="dark"]:has(.cu-page) .cu-footer, html[data-cu-theme="dark"]:has(.cu-page) .cu-footer a, html[data-cu-theme="dark"]:has(.cu-page) .cu-footer a:visited, html[data-cu-theme="dark"]:has(.cu-page) .cu-footer-social { color: #FFFFFF; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-hero-panel .cu-searchbox .search { border-color: #2F2750; }

/* Logo du header : version claire */
.cu-header-logo .cu-logo-dark { display: none; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-header-logo .cu-logo-light { display: none; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-header-logo .cu-logo-dark { display: block; }

/* Icônes du design system (fichiers Midnight) : affichées en clair */
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-theme-icon, .cu-title-icon, .cu-contact-list img, .cu-menu-icon, .cu-urgence-icon,
  .cu-article-help-icon, .cu-medical-note img, .cu-participate-icon) { filter: brightness(0) invert(0.95); }

/* Carte de fin d'article (Bleu 20 en clair) */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article > .cu-article-help { background: #24305C; color: #F4F1FA; }

/* Encadrés des articles : teintes sombres, texte clair */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body zd-summary-block,
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [style*="EAF4EB" i], html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [style*="234, 244, 235"] { background: #1C2E21 !important; color: #E3EFE3 !important; border-left-color: #6EA271 !important; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [style*="EEF2FC" i], html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [style*="238, 242, 252"] { background: #1E2A4D !important; color: #DCE4FF !important; border-left-color: #A6BAEF !important; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [style*="FAFAFA" i], html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [style*="250, 250, 250"] { background: #221C3D !important; color: #F4F1FA !important; border-left-color: #9D97B3 !important; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child,
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child * { color: #DCD8ED !important; }
/* Encadrés rouges (urgence) */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-error,
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) {
  background: #3A1C22 !important; color: #FBE9E7 !important; border-left-color: #E5644F !important;
}
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body td[style*="C72809" i] > p:first-child,
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body td[style*="199, 40, 9"] > p:first-child { color: #FBE9E7 !important; }
/* Titres verts et titres H2 des articles */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body h2, html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body h2 * { color: #F4F1FA !important; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body :is(strong, span)[style*="6EA271" i] { color: #9CCB9F !important; }
/* Textes des articles écrits en noir ou gris foncé dans l'éditeur : rendus lisibles (voir script.js) */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body .cu-dark-fix { color: inherit !important; }
/* Tableaux */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body table th, html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body table thead td { background: #2F2750 !important; color: #F4F1FA; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body table td:not([style*="C72809" i]):not([style*="199, 40, 9"]) { background-color: transparent; }
/* Code */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body :is(pre, code) { background: #221C3D; color: #F4F1FA; }

/* Composants Zendesk et Copenhagen utilisés dans les pages */
html[data-cu-theme="dark"]:has(.cu-page) :is(.breadcrumbs li, .breadcrumbs li a, .meta-data, .article-meta, .article-votes-question, .article-votes-count,
  .search-result-meta, .search-results-subheading, .search-result-description, .collapsible-sidebar-title, .sidenav-item,
  .article-return-to-top a, .pagination a, .see-all-articles, .article-relatives a) { color: #DCD8ED; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.sidenav-item.current-article, .sidenav-item.current, .sidenav-item:hover) { background: #2F2750; color: #FFFFFF; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.button, .article-vote) { border-color: #DCD8ED; color: #DCD8ED; background: transparent; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.button, .article-vote):is(:hover, [aria-pressed="true"]) { background: #DCD8ED; color: #0D0826; }
html[data-cu-theme="dark"]:has(.cu-page) .search input[type="search"] { background: #1A1436; color: #F4F1FA; border-color: #4A4268; }
html[data-cu-theme="dark"]:has(.cu-page) .search input[type="search"]::placeholder { color: #B9B4CC; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-searchbox .search-icon { color: #DCD8ED; }
html[data-cu-theme="dark"]:has(.cu-page) hr, html[data-cu-theme="dark"]:has(.cu-page) .article-votes, html[data-cu-theme="dark"]:has(.cu-page) .article-relatives, html[data-cu-theme="dark"]:has(.cu-page) .article-return-to-top { border-color: #352D55; }

/* Formulaire de demande : reste en clair (composants Zendesk non adaptés au mode sombre) */
html[data-cu-theme="dark"]:has(.cu-page) .cu-request-form {
  color-scheme: light; background: #FFFFFF; color: #0D0826;
  --cu-midnight: #0D0826; --cu-text: #0D0826; --cu-white: #FFFFFF; --cu-smoke: #565269; --cu-muted: #4E4A5C;
  --cu-line: #E8DFDA; --cu-beige: #F7EFEB; --cu-beige-dark: #E0CFC7; --cu-focus: 3px solid #565269;
}
html[data-cu-theme="dark"]:has(.cu-page) .cu-request-form a { color: #565269; }

/* Interrupteur « Mode sombre » (header desktop et menu mobile) */
.cu-theme-toggle {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 10px; border: 0;
  border-radius: var(--cu-radius-s); background: transparent; color: var(--cu-midnight); font: inherit; font-size: 0.9375rem; cursor: pointer;
}
.cu-theme-toggle:hover { background: var(--cu-beige-dark); }
.cu-theme-toggle:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
.cu-switch {
  position: relative; flex: none; width: 44px; height: 24px; box-sizing: border-box; border-radius: 999px;
  border: 2px solid currentColor; background: transparent;
}
.cu-switch::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%;
  background: currentColor; transition: transform 0.2s;
}
.cu-theme-toggle[aria-checked="true"] .cu-switch { background: var(--cu-smoke); border-color: var(--cu-smoke); }
.cu-theme-toggle[aria-checked="true"] .cu-switch::after { transform: translateX(20px); background: var(--cu-white); }
.cu-header .nav-wrapper-desktop .cu-theme-toggle-item { display: flex; align-items: center; padding-right: 12px; margin-right: 4px; border-right: 1px solid var(--cu-line); }
.cu-header .nav-wrapper-mobile .menu-list-mobile-items .cu-menu-toggle { width: 100%; justify-content: space-between; font-weight: 600; font-size: 1rem; padding: 0 12px; min-height: 48px; }
/* Pages hors thème Cureety (mes demandes, profil…) : pas de mode sombre, donc pas d'interrupteur */
body:not(:has(.cu-page)) .cu-theme-toggle-item { display: none; }
@media (prefers-reduced-motion: reduce) { .cu-switch::after { transition: none; } }
html[data-cu-theme="dark"]:has(.cu-page) :is(.doc-count, .sidenav-subitem) { color: #B9B4CC; }
html[data-cu-theme="dark"]:has(.cu-page) .sidenav-item.current .sidenav-subitem { color: #FFFFFF; }

/* =====================================================================
   v3.5.1 – Photo dans la carte « Besoin d'aide pour utiliser Cureety ? » (accueil uniquement)
   Mobile : photo en haut ; tablette : photo à gauche du texte et des coordonnées ; desktop : 3 colonnes.
   ===================================================================== */
.cu-help.cu-help-has-photo { grid-template-columns: minmax(0, 1fr); grid-template-areas: "photo" "text" "list"; }
.cu-help-has-photo .cu-help-photo { grid-area: photo; }
.cu-help-has-photo .cu-help-text { grid-area: text; }
.cu-help-has-photo .cu-contact-list { grid-area: list; }
.cu-help-photo { position: relative; min-width: 0; overflow: hidden; border-radius: var(--cu-radius-m); aspect-ratio: 16 / 9; }
.cu-help-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
@media (min-width: 768px) {
  .cu-help.cu-help-has-photo {
    grid-template-columns: minmax(200px, 1fr) minmax(0, 1.4fr);
    grid-template-areas: "photo text" "photo list"; align-items: center; column-gap: 32px; row-gap: 20px;
  }
  .cu-help-photo { aspect-ratio: auto; align-self: stretch; min-height: 240px; }
}
@media (min-width: 1024px) {
  .cu-help.cu-help-has-photo {
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "photo text list";
  }
  .cu-help-photo { aspect-ratio: 4 / 3; min-height: 0; align-self: center; }
}

/* v3.5.2 – Mode sombre : nom de l'utilisateur connecté lisible dans le header */
html[data-cu-theme="dark"]:has(.cu-page) .cu-header .user-info :is(.dropdown-toggle, .dropdown-toggle span) { color: #DCD8ED; }
/* =====================================================================
   v3.5.2 – Interrupteur mode sombre : soleil et lune ; sur mobile, sous le logo
   ===================================================================== */
.cu-switch-group { display: inline-flex; align-items: center; gap: 6px; }
.cu-switch-group svg { flex: none; }
/* Garde-fou : le bandeau urgence reste sans contour */
.cu-urgence, .cu-urgence:visited { border: 0; }

/* =====================================================================
   v3.5.3 – Mode sombre sur mobile : bouton flottant rond en bas à gauche
   Caché pendant le défilement vers le bas et quand le clavier est ouvert (voir script.js).
   ===================================================================== */
.cu-theme-fab { display: none; }
@media (max-width: 1023px) {
  .cu-theme-fab {
    position: fixed; left: 16px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 999;
    display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0;
    border: 0; border-radius: 50%; background: #FFFFFF; color: #0D0826; cursor: pointer;
    box-shadow: 0 6px 18px rgba(13, 8, 38, 0.25); transition: transform 0.25s ease, opacity 0.25s ease;
  }
  .cu-theme-fab:focus-visible { outline: 3px solid #565269; outline-offset: 3px; }
  .cu-theme-fab.is-hidden { transform: translateY(calc(100% + 40px)); opacity: 0; pointer-events: none; }
  .cu-theme-fab .cu-fab-sun { display: none; }
  .cu-theme-fab[aria-checked="true"] .cu-fab-moon { display: none; }
  .cu-theme-fab[aria-checked="true"] .cu-fab-sun { display: block; }
  /* Marge en bas de page : le bouton ne masque jamais le dernier lien du footer */
  body:has(.cu-page) { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
}
html[data-cu-theme="dark"]:has(.cu-page) .cu-theme-fab { background: #DCD8ED; color: #0D0826; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-theme-fab:focus-visible { outline-color: #DCD8ED; }
@media (prefers-reduced-motion: reduce) { .cu-theme-fab { transition: none; } }
@media (max-width: 1023px) { .cu-theme-fab:hover { background: #FFFFFF; } }
html[data-cu-theme="dark"]:has(.cu-page) .cu-theme-fab:hover { background: #DCD8ED; }

/* =====================================================================
   v3.5.4 – Accueil : 6 cartes patient pour tous ; espaces Pro / Interne pour les agents
   ===================================================================== */
.cu-team-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-bottom: 20px; }
.cu-team-head .cu-h2 { margin: 0; }
.cu-team-badge {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px;
  background: var(--cu-smoke-20); color: var(--cu-smoke); font-size: 0.8125rem; font-weight: 600;
}
.cu-team-badge img { flex: none; width: 16px; height: 16px; }
.cu-team-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 12px; }
.cu-team-card, .cu-team-card:visited {
  display: flex; align-items: flex-start; gap: 14px; height: 100%; box-sizing: border-box; padding: 18px;
  border-radius: var(--cu-radius-m); background: var(--cu-smoke-20); color: var(--cu-midnight); text-decoration: none;
}
.cu-team-card:hover { text-decoration: none; box-shadow: inset 0 0 0 2px var(--cu-smoke); color: var(--cu-midnight); }
.cu-team-card:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
.cu-team-card img { flex: none; width: 30px; height: 30px; }
.cu-team-card > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cu-team-title { font-weight: 600; overflow-wrap: anywhere; }
.cu-team-desc { font-size: 0.875rem; color: var(--cu-muted); }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-team-card img, .cu-team-badge img) { filter: brightness(0) invert(0.95); }

/* =====================================================================
   v3.5.5 – Espaces réservés en rose (Powder Pink du design system) ; fil d'Ariane complet sur les articles ;
   carte « Vous n'avez pas trouvé… » masquée uniquement sur les articles de la catégorie Interne
   ===================================================================== */
.cu-team-list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
.cu-team-card, .cu-team-card:visited { background: #F9E4E3; }
.cu-team-card:hover { box-shadow: inset 0 0 0 2px #C3A9A7; }
.cu-team-badge { background: #F9E4E3; color: var(--cu-smoke); }
html[data-cu-theme="dark"]:has(.cu-page) .cu-team-card,
html[data-cu-theme="dark"]:has(.cu-page) .cu-team-badge { background: #3A2430; color: #F4F1FA; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-team-desc { color: #E2CFD3; }

/* Articles : la catégorie réapparaît dans le fil d'Ariane (Centre d'aide patient, Interne, Pro) */
.cu-article-page .cu-subnav .breadcrumbs li:nth-child(2) { display: inline; }

/* Catégorie Interne (36270793763346) : pas de carte de contact du support patient */
.cu-article-page:has(.breadcrumbs a[href*="/categories/36270793763346"]) .cu-article-help { display: none; }

/* =====================================================================
   v3.5.8 – Équipe : « Parcourir par catégorie » (Patient en bleu, Pro et Interne en rose) ;
   pages catégorie en cartes, comme l'accueil
   ===================================================================== */
.cu-theme.cu-theme-reserved, .cu-theme.cu-theme-reserved:visited,
.cu-themes-reserved .cu-theme, .cu-themes-reserved .cu-theme:visited { background: #F9E4E3; }
.cu-theme.cu-theme-reserved:hover, .cu-themes-reserved .cu-theme:hover { box-shadow: inset 0 0 0 2px #C3A9A7; }
.cu-reserved-note {
  display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 6px;
  font-size: 0.8125rem; font-weight: 600; color: var(--cu-smoke); line-height: 1.3;
}
.cu-reserved-note img { flex: none; width: 16px; height: 16px; }
.cu-page-header .cu-reserved-note { margin-top: 12px; padding: 6px 12px; border-radius: 999px; background: #F9E4E3; }
.cu-themes .cu-empty { color: var(--cu-muted); }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme, .cu-page-header .cu-reserved-note) { background: #3A2430; color: #F4F1FA; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-theme-reserved, .cu-themes-reserved) .cu-theme-desc { color: #E2CFD3; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-reserved-note { color: #E2CFD3; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-reserved-note img, .cu-cat-cards .cu-theme-icon) { filter: brightness(0) invert(0.95); }

/* =====================================================================
   v3.5.10 – Étape 1 : espaces de l'équipe (Interne, Pro) en vert au lieu du rose
   Green 20 + texte Midnight ; mention « réservé » en Empire. Sombre : vert sapin.
   ===================================================================== */
.cu-theme.cu-theme-reserved, .cu-theme.cu-theme-reserved:visited,
.cu-themes-reserved .cu-theme, .cu-themes-reserved .cu-theme:visited { background: #B2D6B4; color: #0D0826; }
.cu-theme.cu-theme-reserved:hover, .cu-themes-reserved .cu-theme:hover { box-shadow: inset 0 0 0 2px #1D331F; }
.cu-reserved-note { color: #1D331F; }
.cu-page-header .cu-reserved-note { background: #B2D6B4; color: #1D331F; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme, .cu-page-header .cu-reserved-note) { background: #1D3A2C; color: #E3EFE3; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-theme-reserved, .cu-themes-reserved) .cu-theme-desc,
html[data-cu-theme="dark"]:has(.cu-page) .cu-reserved-note { color: #E3EFE3; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme):hover { box-shadow: inset 0 0 0 2px #6EA271; }

/* =====================================================================
   v3.5.11 – Titres des pages catégorie et section en couleur pleine (bleu patient, vert Interne / Pro) ;
   ombre douce sur les sous-sections ; bouton « Suivre » arrondi
   ===================================================================== */
/* Titre plein : bleu pour le patient, vert pour Interne et Pro */
.cu-category-page .cu-page-header, .cu-section-page .cu-page-header { background: var(--cu-blue-20); }
.cu-category-page.cu-team-page .cu-page-header,
.cu-section-page:has(.breadcrumbs :is(a[href*="/categories/36270793763346"], a[href*="/categories/34619948623634"])) .cu-page-header { background: #B2D6B4; }
:is(.cu-category-page, .cu-section-page) .cu-page-header :is(.cu-h1, .cu-page-desc) { color: var(--cu-midnight); }
.cu-category-page.cu-team-page .cu-page-header .cu-reserved-note { background: var(--cu-white); color: #1D331F; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-category-page.cu-team-page .cu-page-header,
html[data-cu-theme="dark"]:has(.cu-page) .cu-section-page:has(.breadcrumbs :is(a[href*="/categories/36270793763346"], a[href*="/categories/34619948623634"])) .cu-page-header { background: #1D3A2C; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-category-page.cu-team-page .cu-page-header .cu-reserved-note { background: #0D0826; color: #E3EFE3; }

/* Sous-sections (page section) : ombre douce, cliquables ; le survol n'est pas modifié */
.cu-section { box-shadow: 0 1px 2px rgba(13, 8, 38, 0.06), 0 6px 16px rgba(13, 8, 38, 0.07); outline: 1px solid transparent; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-section { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07); }

/* Bouton « Suivre » : arrondi et style des autres boutons secondaires */
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]) {
  min-height: 44px; padding: 0 18px; border: 2px solid var(--cu-smoke); border-radius: var(--cu-radius-s);
  background: var(--cu-white); color: var(--cu-midnight); font: inherit; font-weight: 600; line-height: 1.2; cursor: pointer;
}
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]):hover { background: var(--cu-beige); color: var(--cu-midnight); }
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"])[data-selected="true"] { background: var(--cu-smoke); border-color: var(--cu-smoke); color: var(--cu-white); }
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]):focus-visible { outline: var(--cu-focus); outline-offset: 2px; }

/* =====================================================================
   v3.5.12 – Étapes 2, 3, 7, 8, 9, 10
   ===================================================================== */
/* Étape 2 : enveloppe dans le titre de la carte « Besoin d'aide » de l'accueil */
.cu-help-heading { display: flex; align-items: center; gap: 12px; }
.cu-help-icon { flex: none; width: 32px; height: 32px; }

/* Étape 3 : carte « Vous n'avez pas trouvé… » en beige foncé, comme « Besoin d'aide » */
.cu-article-page .article > .cu-article-help { background: var(--cu-beige-dark); }

/* Étape 7 : accordéons – élément ouvert mis en avant (titre en gras, chevron foncé), sans liseré en mode clair */
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary { font-weight: 500; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary, .cu-section[open] .cu-section-title { font-weight: 700; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary::after { background: var(--cu-midnight); }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open], html[data-cu-theme="dark"]:has(.cu-page) .cu-section[open] { box-shadow: inset 4px 0 0 #DCD8ED, inset 0 1px 0 rgba(255, 255, 255, 0.07); }
/* Étape 7 : onglets – onglet actif en relief, les autres en retrait */
.cu-article-page .article-body [role="tablist"] {
  display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 0 !important; border-radius: 14px; background: #F4F3F8;
}
.cu-article-page .article-body [role="tablist"] [role="tab"] {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0 !important; border-radius: 10px;
  background: transparent; color: var(--cu-muted); font-weight: 600; cursor: pointer;
}
.cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="true"] {
  background: var(--cu-white); color: var(--cu-midnight); font-weight: 700;
  box-shadow: 0 1px 2px rgba(13, 8, 38, 0.06), 0 6px 16px rgba(13, 8, 38, 0.07);
}
.cu-article-page .article-body [role="tablist"] [role="tab"]:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [role="tablist"] { background: #211947; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="true"] { background: #2F2750; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); }
@media (max-width: 767px) { .cu-article-page .article-body [role="tablist"] { display: flex; } }

/* Étape 8 : icônes du design system à la place des emojis 📱 💻 📞 📧 */
.cu-inline-icon { display: inline-block; width: 1.15em; height: 1.15em; margin-right: 0.35em; vertical-align: -0.2em; }

/* Étape 9 : urgence en lila dans les articles (fond Lila 20, liseré Lila 80, texte inchangé) */
.cu-article-page .article-body :is(.wysiwyg-callout.wysiwyg-callout-error, td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) { background: #E8C6E3 !important; border-left: 4px solid #6F4469 !important; color: #0D0826 !important; }
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"]) > p:first-child { color: #0D0826 !important; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body :is(.wysiwyg-callout.wysiwyg-callout-error, td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) { background: #3B2A5E !important; border-left-color: #BE91B8 !important; color: #F4F1FA !important; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"]) > p:first-child { color: #F4F1FA !important; }

/* Étape 10 : mode sombre option B (teintes froides foncées ; relief par la clarté) */
html[data-cu-theme="dark"]:has(.cu-page) { --cu-blue-20: #22305E; --cu-lila-20: #3B2A5E; --cu-beige-dark: #262050; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article > .cu-article-help { background: #262050; color: #F4F1FA; }
html[data-cu-theme="dark"]:has(.cu-page) :is(.cu-inline-icon, .cu-help-icon) { filter: brightness(0) invert(0.95); }

/* =====================================================================
   v3.5.13 – Carte « Besoin d'aide » (accueil, ordinateur) : texte d'abord, photo à droite ;
   enveloppe dans la ligne du titre ; page catégorie patient : titre blanc
   ===================================================================== */
.cu-help .cu-help-heading { display: block; }
.cu-help .cu-help-heading .cu-help-icon { display: inline-block; width: 1.1em; height: 1.1em; margin-right: 10px; vertical-align: -0.18em; }
@media (min-width: 1024px) {
  .cu-help.cu-help-has-photo {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(200px, 240px);
    grid-template-areas: "text list photo";
    align-items: center;
  }
  .cu-help .cu-help-heading { font-size: 1.75rem; }
}
/* Page catégorie patient : titre sur fond blanc (Interne et Pro gardent leur titre vert) */
.cu-category-page:not(.cu-team-page) .cu-page-header { background: var(--cu-white); }
/* =====================================================================
   v3.5.14 – Fil d'Ariane complet ; photo « Besoin d'aide » à gauche (ordinateur)
   ===================================================================== */
/* Pages catégorie et section (patient, Interne, Pro) : la catégorie apparaît dans le fil d'Ariane,
   comme dans les articles */
.cu-category-page .cu-subnav .breadcrumbs li:nth-child(2),
.cu-section-page .cu-subnav .breadcrumbs li:nth-child(2) { display: inline; }

/* Carte « Besoin d'aide » (accueil, ordinateur) : photo à gauche, puis texte, puis coordonnées */
@media (min-width: 1024px) {
  .cu-help.cu-help-has-photo {
    grid-template-columns: minmax(200px, 240px) minmax(0, 1.3fr) minmax(0, 1fr);
    grid-template-areas: "photo text list";
  }
}
/* =====================================================================
   v3.5.16 – Tableaux d'article : ligne d'en-tête, 1re colonne compacte, cellules centrées verticalement ;
   Oui / Non (✅ ❌) avec les icônes du deck. Affichage uniquement ; tableaux urgence C72809 exclus.
   ===================================================================== */
/* 1re ligne en en-tête beige quand elle est en gras (cas des tableaux faits dans l'éditeur) */
.cu-article-page .article-body table:not(:has(thead, th, td[style*="C72809" i], td[style*="199, 40, 9"])) > tbody > tr:first-child:has(> td:nth-child(2) strong) > td {
  background: var(--cu-beige) !important; color: var(--cu-midnight); font-weight: 600; vertical-align: middle;
}
/* 1re colonne : largeur selon son contenu (un « N° » ne prend plus 8 rem) */
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) :is(th, td):first-child { min-width: 3.5rem; }
/* Cellules centrées verticalement ; images alignées avec le texte */
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) :is(th, td) { vertical-align: middle; }
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) td img { vertical-align: middle; margin: 4px 0; }
/* Lignes alternées très légères */
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) > tbody > tr:nth-child(odd):not(:first-child) > td { background: #FCF9F7; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) > tbody > tr:nth-child(odd):not(:first-child) > td { background: rgba(255, 255, 255, 0.03); }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body table:not(:has(thead, th, td[style*="C72809" i], td[style*="199, 40, 9"])) > tbody > tr:first-child:has(> td:nth-child(2) strong) > td { background: #2F2750 !important; color: #F4F1FA; }
/* Oui / Non : icône du deck, avec le mot quand la cellule ne contient que l'emoji */
.cu-article-page .article-body .cu-yn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; vertical-align: middle; margin-right: 0.35em; }
.cu-article-page .article-body .cu-yn img { flex: none; width: 24px; height: 24px; margin: 0; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body .cu-yn img { filter: brightness(0) invert(0.95); }
/* =====================================================================
   v3.5.17 – Suggestions de recherche : pas de liseré au survol (fond beige conservé)
   ===================================================================== */
:is(zd-autocomplete-option, zd-autocomplete-multibrand):is(:hover, :focus, :focus-visible, [aria-selected="true"]),
:is(zd-autocomplete-option, zd-autocomplete-multibrand):is(:hover, :focus, :focus-visible, [aria-selected="true"]) * {
  outline: none !important; box-shadow: none !important; border: 0 !important;
}
:is(zd-autocomplete-option, zd-autocomplete-multibrand)::before,
:is(zd-autocomplete-option, zd-autocomplete-multibrand)::after { content: none !important; display: none !important; }
/* =====================================================================
   v3.5.18 – Onglets et accordéons : même comportement (Beige 2)
   Repos : blanc, contour fin ; actif / ouvert : beige + gras ; survol : texte plus foncé, sans fond
   ===================================================================== */
.cu-article-page .article-body [role="tablist"] { background: var(--cu-white); box-shadow: inset 0 0 0 1px var(--cu-line); }
.cu-article-page .article-body [role="tablist"] [role="tab"] { color: var(--cu-muted); }
.cu-article-page .article-body [role="tablist"] [role="tab"]:hover { background: transparent; color: var(--cu-midnight); }
.cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="true"] { background: var(--cu-beige); color: var(--cu-midnight); font-weight: 700; box-shadow: none; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary { color: var(--cu-muted); font-weight: 600; }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary:hover { background: var(--cu-white); color: var(--cu-midnight); }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details) > summary:hover::after { background: var(--cu-midnight); }
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary,
.cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary:hover { background: var(--cu-beige); color: var(--cu-midnight); font-weight: 700; }
/* Mode sombre : l'élément actif ou ouvert est plus clair que la surface (relief par la clarté, sans liseré) */
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [role="tablist"] { background: transparent; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="true"] { background: #2F2750; box-shadow: none; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] { box-shadow: none; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary,
html[data-cu-theme="dark"]:has(.cu-page) .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary:hover { background: #2F2750; }
/* =====================================================================
   v3.5.19 – Article urgence (37486033029778) : pas de carte « Vous n'avez pas trouvé… »
   ===================================================================== */
html:has(link[rel="canonical"][href*="/articles/37486033029778"]) .cu-article-help { display: none; }
/* =====================================================================
   v3.5.20 – Mobile et tablette (< 1024 px) : header fixé en haut, se cache en descendant,
   revient dès qu'on remonte. Désactivé sur écran très bas (paysage, zoom fort). Ordinateur inchangé.
   ===================================================================== */
@media (max-width: 1023px) and (min-height: 500px) {
  .header.cu-header { position: sticky; top: 0; z-index: 100; padding: 8px 16px; background: var(--cu-beige); transition: transform 0.25s ease; }
  .header.cu-header.cu-header-hidden:not(:focus-within) { transform: translateY(-100%); }
  html { scroll-padding-top: 96px; }
}
@media (prefers-reduced-motion: reduce) { .header.cu-header { transition: none; } }
/* =====================================================================
   v3.5.14 – Page Contact et encadrés d'articles
   ===================================================================== */
/* Page Contact : mention « questions médicales » en contour lila (distincte de l'urgence, fond plein) */
.cu-medical-note { background: var(--cu-white); border: 2px solid var(--cu-lila-80); }
html[data-cu-theme="dark"]:has(.cu-page) .cu-medical-note { border-color: #BE91B8; }
.cu-medical-text { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cu-medical-text p { margin: 0; }
.cu-medical-route { display: flex; flex-direction: column; }
.cu-medical-route p { font-weight: 400; }
.cu-medical-note .cu-medical-link, .cu-medical-note .cu-medical-link:visited {
  display: inline-flex; align-items: center; min-height: 32px; color: var(--cu-midnight); font-weight: 600;
  text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere;
}
.cu-medical-note .cu-medical-link:hover { color: var(--cu-midnight); text-decoration-thickness: 2px; }

/* Encadrés d'articles : calepin sur le Résumé, cœur sur l'Urgence (sans pastille, couleur du texte) */
.cu-article-page .article-body :is(zd-summary-block, .zd-summary-block, [style*="EAF4EB" i], [style*="234, 244, 235"]), .cu-article-page .article-body :is(.wysiwyg-callout.wysiwyg-callout-error, td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) { position: relative !important; padding-left: 52px !important; }
.cu-article-page .article-body :is(zd-summary-block, .zd-summary-block, [style*="EAF4EB" i], [style*="234, 244, 235"])::before, .cu-article-page .article-body :is(.wysiwyg-callout.wysiwyg-callout-error, td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i])::before {
  content: "" !important; display: block !important; position: absolute; left: 18px; top: 18px; width: 22px; height: 22px;
  background: currentColor; -webkit-mask: var(--cu-box-icon) center / contain no-repeat; mask: var(--cu-box-icon) center / contain no-repeat;
}
.cu-article-page .article-body :is(zd-summary-block, .zd-summary-block, [style*="EAF4EB" i], [style*="234, 244, 235"]) { --cu-box-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill-rule='nonzero' d='M166 128C166 131.314 163.314 134 160 134L96 134C92.6863 134 90 131.314 90 128 90 124.686 92.6863 122 96 122L160 122C163.314 122 166 124.686 166 128ZM160 154 96 154C92.6863 154 90 156.686 90 160 90 163.314 92.6863 166 96 166L160 166C163.314 166 166 163.314 166 160 166 156.686 163.314 154 160 154ZM214 40 214 200C214 216.569 200.569 230 184 230L72 230C55.4315 230 42 216.569 42 200L42 40C42 36.6863 44.6863 34 48 34L74 34 74 24C74 20.6863 76.6863 18 80 18 83.3137 18 86 20.6863 86 24L86 34 122 34 122 24C122 20.6863 124.686 18 128 18 131.314 18 134 20.6863 134 24L134 34 170 34 170 24C170 20.6863 172.686 18 176 18 179.314 18 182 20.6863 182 24L182 34 208 34C211.314 34 214 36.6863 214 40ZM202 46 182 46 182 56C182 59.3137 179.314 62 176 62 172.686 62 170 59.3137 170 56L170 46 134 46 134 56C134 59.3137 131.314 62 128 62 124.686 62 122 59.3137 122 56L122 46 86 46 86 56C86 59.3137 83.3137 62 80 62 76.6863 62 74 59.3137 74 56L74 46 54 46 54 200C54 209.941 62.0589 218 72 218L184 218C193.941 218 202 209.941 202 200Z'/%3E%3C/svg%3E"); }
.cu-article-page .article-body :is(.wysiwyg-callout.wysiwyg-callout-error, td[style*="C72809" i], td[style*="199, 40, 9"], :is(div, p, section, aside, blockquote)[style*="C72809" i][style*="background" i], :is(div, p, section, aside, blockquote)[style*="199, 40, 9"][style*="background" i]) { --cu-box-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill-rule='evenodd' d='M29.0531 7.67922C30.2556 7.1985 31.5433 6.96855 32.8375 7.00345 34.1317 7.03836 35.4052 7.3374 36.5802 7.88223 37.7549 8.42691 38.8064 9.20579 39.6708 10.1712 42.1651 12.9499 42.5677 16.8147 41.2977 20.0818 39.757 24.0453 36.8099 27.6737 33.7094 31.033 32.6129 32.2211 31.5045 33.3689 30.4217 34.4902 28.3868 36.5974 26.4421 38.6113 24.8356 40.6239 24.6588 40.8453 24.3964 40.9814 24.1135 40.9982 23.8307 41.0151 23.5539 40.9111 23.3521 40.7122 22.9776 40.343 22.5893 39.9621 22.1902 39.5705 19.705 37.1324 16.7958 34.2783 14.1253 31.2437 11.0331 27.7298 8.1897 23.8969 6.6766 20.0887 6.19769 18.8834 5.96867 17.593 6.00344 16.2961 6.03821 14.9992 6.33604 13.7229 6.87886 12.5451 7.42159 11.3675 8.19787 10.313 9.16054 9.44584 13.0399 5.94248 19.0168 6.5412 22.6059 10.1413L24.0541 11.5939 25.8434 9.79909C26.7585 8.88129 27.8505 8.15993 29.0531 7.67922ZM32.7836 9.00273C31.7618 8.97517 30.7451 9.1567 29.7955 9.53633 28.8458 9.91596 27.983 10.4858 27.2598 11.2112L24.7623 13.7163C24.5746 13.9045 24.3198 14.0102 24.0541 14.0102 23.7883 14.0102 23.5335 13.9045 23.3459 13.7163L21.1896 11.5533C18.249 8.60384 13.4837 8.23614 10.5006 10.9305L10.4995 10.9315C9.73854 11.6168 9.12458 12.4507 8.69524 13.3823 8.2659 14.3138 8.03023 15.3235 8.00272 16.3497 7.97521 17.3758 8.15644 18.3968 8.53526 19.3502 9.91955 22.8342 12.5796 26.4598 15.6267 29.9224 18.2446 32.8972 21.0957 35.6946 23.5835 38.1356 23.7151 38.2647 23.8456 38.3928 23.9751 38.5199 25.4984 36.7098 27.2819 34.8619 29.0782 33.0008 30.1448 31.8956 31.2159 30.7858 32.2397 29.6766 35.3173 26.342 38.0383 22.9465 39.4336 19.3572 40.4696 16.6918 40.1046 13.6483 38.1823 11.507L38.1813 11.5059C37.4979 10.7425 36.6669 10.127 35.7389 9.69666 34.8109 9.26637 33.8053 9.03029 32.7836 9.00273Z'/%3E%3Cpath fill-rule='evenodd' d='M26.909 14.5359 18.9687 24.8016C18.7145 25.1302 18.9488 25.6075 19.3642 25.6075L23.8908 25.6075 22.3635 33.3577 30.3038 23.092C30.558 22.7634 30.3237 22.2861 29.9083 22.2861L25.3817 22.2861 26.909 14.5359Z'/%3E%3C/svg%3E"); }
/* =====================================================================
   v3.5.15 – Page de résultats de recherche, survol harmonisé, suggestions mobile
   ===================================================================== */
/* Résultats : compteurs de votes et de commentaires retirés */
.cu-search-page .search-result-icons { display: none; }
/* Colonne de filtres masquée quand elle ne propose qu'un seul choix (cas des patients) */
.cu-search-page .search-results:not(:has(.multibrand-filter-list > li:not(.see-all-filters-item) ~ li:not(.see-all-filters-item))) .search-results-sidebar { display: none; }
.cu-search-page .search-results:not(:has(.multibrand-filter-list > li:not(.see-all-filters-item) ~ li:not(.see-all-filters-item))) .search-results-column { flex: 1 1 100%; max-width: 100%; }
/* Résultats : ligne entièrement cliquable, chevron à droite, titre souligné au survol */
.cu-search-page .search-results-list { margin: 0 0 24px; }
.cu-search-page .search-results-list > li { position: relative; padding: 20px 44px 20px 4px; border-top: 1px solid var(--cu-line); }
.cu-search-page .search-results-list > li::after {
  content: ""; position: absolute; right: 4px; top: 50%; width: 22px; height: 22px; transform: translateY(-50%); background: var(--cu-smoke);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128 26C71.667 26 26 71.667 26 128 26 184.333 71.667 230 128 230 184.333 230 230 184.333 230 128 229.934 71.6944 184.306 26.0661 128 26ZM128 218C78.2944 218 38 177.706 38 128 38 78.2944 78.2944 38 128 38 177.706 38 218 78.2944 218 128 217.945 177.683 177.683 217.945 128 218ZM156.24 123.76C158.58 126.103 158.58 129.897 156.24 132.24L116.24 172.24C113.816 174.499 110.019 174.365 107.76 171.941 105.613 169.636 105.613 166.064 107.76 163.76L143.51 128 107.76 92.24C105.501 89.8157 105.635 86.019 108.059 83.76 110.364 81.6129 113.936 81.6129 116.24 83.76Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128 26C71.667 26 26 71.667 26 128 26 184.333 71.667 230 128 230 184.333 230 230 184.333 230 128 229.934 71.6944 184.306 26.0661 128 26ZM128 218C78.2944 218 38 177.706 38 128 38 78.2944 78.2944 38 128 38 177.706 38 218 78.2944 218 128 217.945 177.683 177.683 217.945 128 218ZM156.24 123.76C158.58 126.103 158.58 129.897 156.24 132.24L116.24 172.24C113.816 174.499 110.019 174.365 107.76 171.941 105.613 169.636 105.613 166.064 107.76 163.76L143.51 128 107.76 92.24C105.501 89.8157 105.635 86.019 108.059 83.76 110.364 81.6129 113.936 81.6129 116.24 83.76Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cu-search-page .search-result-title { margin: 0; max-width: 75ch; font-size: 1.1875rem; line-height: 1.35; }
.cu-search-page .search-result-title a, .cu-search-page .search-result-title a:visited { color: var(--cu-text); font-size: inherit; font-weight: 700; text-decoration: none; }
.cu-search-page .search-result-title a::before { content: ""; position: absolute; inset: 0; }
.cu-search-page .search-results-list > li:hover .search-result-title a,
.cu-search-page .search-result-title a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
/* Chemin : thème seul, en gris discret (la catégorie patient est masquée, Pro et Interne restent visibles) */
.cu-search-page .search-result-meta-container { position: relative; z-index: 1; margin-top: 4px; }
.cu-search-page .search-result-breadcrumbs li, .cu-search-page .search-result-breadcrumbs li a,
.cu-search-page .search-result-breadcrumbs li a:visited { font-size: 0.875rem; color: var(--cu-muted); }
.cu-search-page .search-result-breadcrumbs li:first-child:has(a[href*="/categories/34485074585746"]) { display: none; }
.cu-search-page .search-result-breadcrumbs li:first-child:has(a[href*="/categories/34485074585746"]) + li::before { content: none; display: none; }
/* Extrait : 3 lignes au maximum, mots recherchés en gras (pas de couleur : le lila est réservé à l'urgence) */
.cu-search-page .search-result-description {
  margin: 8px 0 0; max-width: 75ch; color: var(--cu-muted); font-size: 1rem; line-height: 1.5;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.cu-search-page .search-result-description em { font-style: normal; font-weight: 700; color: var(--cu-text); }
/* Aucun résultat */
.cu-noresults { display: flex; flex-direction: column; gap: 16px; }
.cu-noresults .cu-page-desc { margin: 0; }
.cu-noresults-title { margin: 8px 0 0; font-size: 1.1875rem; font-weight: 700; }

/* Survol harmonisé : navigation = fond beige sans soulignement ; article en cours = beige + gras */
.cu-article-page .sidenav-item:not(.current-article):hover { background: transparent; }
.cu-article-page .sidenav-item.current-article { font-weight: 600; }

/* Suggestions de recherche sur mobile et tablette : titres sur 2 lignes au lieu d'être coupés */
@media (max-width: 1023px) {
  zd-autocomplete-option, zd-autocomplete-multibrand, zd-autocomplete-option *, zd-autocomplete-multibrand * { white-space: normal !important; text-overflow: clip !important; }
  zd-autocomplete-title-multibrand { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden !important; }
}
/* Mode sombre : carte urgence en Lila 40, bien visible sans éblouir */
html[data-cu-theme="dark"]:has(.cu-page) .cu-urgence,
html[data-cu-theme="dark"]:has(.cu-page) .cu-urgence:is(:hover, :focus) { background: #BE91B8; color: #0D0826; }
html[data-cu-theme="dark"]:has(.cu-page) .cu-urgence .cu-urgence-icon { filter: none; }
/* Mode contraste élevé (Windows) : la carte garde un cadre visible */
@media (forced-colors: active) { .cu-urgence { border: 2px solid CanvasText; } }
/* =====================================================================
   v3.5.18 – Mode sombre : liens des articles en blanc souligné
   (sans ce correctif, ils gardent la couleur foncée du mode clair : 2,3:1 sur fond sombre)
   ===================================================================== */
html[data-cu-theme="dark"]:has(.cu-page) .article-body a,
html[data-cu-theme="dark"]:has(.cu-page) .article-body a:visited {
  color: #FFFFFF; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px;
}
html[data-cu-theme="dark"]:has(.cu-page) .article-body a:is(:hover, :focus, :active) {
  color: #FFFFFF; text-decoration-thickness: 2.5px;
  background: rgba(255, 255, 255, 0.14); border-radius: 4px; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.14);
}
/* =====================================================================
   v3.5.19 – Accueil à 7 catégories : « Problèmes techniques » EN PREMIER, sur toute la largeur,
   même style que les autres cartes ; contenu centré sur tablette et ordinateur
   ===================================================================== */
.cu-themes > li.cu-theme-item-probleme { order: -1; grid-column: 1 / -1; }
@media (min-width: 600px) {
  .cu-themes > li.cu-theme-item-probleme .cu-theme {
    display: grid; grid-template-columns: 1fr; justify-items: center; text-align: center; row-gap: 4px;
    align-content: center; min-height: 0;
  }
  .cu-themes > li.cu-theme-item-probleme .cu-theme .cu-theme-icon { justify-self: center; }
}