@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: var(--zd-bg, #F7EFEB);
  color: var(--zd-text, #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: var(--zd-link, #565269);
  text-decoration: none;
}
a:visited {
  color: var(--zd-link-visited, #565269);
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.hbs-form input,
.hbs-form textarea, .search input,
.search textarea {
  color: var(--zd-muted, #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 var(--zd-brand, #565269);
}
.hbs-form input[disabled], .search input[disabled] {
  background-color: var(--zd-surface, #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 var(--zd-border, #848F99);
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: var(--zd-muted, #555);
  width: 100%;
}
.hbs-form select:focus, .search select:focus {
  border: 1px solid var(--zd-brand, #565269);
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: 1px solid var(--zd-border, #848F99);
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid var(--zd-brand, #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 var(--zd-border, #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 var(--zd-brand, #565269);
  border-radius: 4px;
  color: var(--zd-brand, #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: var(--zd-brand, #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: var(--zd-brand, #565269);
  color: var(--zd-brand-text, #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: var(--zd-brand-strong, #272530);
  border-color: var(--zd-brand-strong, #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: var(--zd-brand, #565269);
  border: 0;
  border-radius: 4px;
  color: var(--zd-brand-text, #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: var(--zd-brand-text, #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: var(--zd-brand-strong, #272530);
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: var(--zd-surface, #ddd);
}

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

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

.split-button button {
  background-color: var(--zd-brand, #565269);
  border: 0;
  color: var(--zd-brand-text, #FFFFFF);
  height: 32px;
  line-height: 16px;
  outline-color: var(--zd-brand, #565269);
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid var(--zd-brand-text, #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 var(--zd-brand-text, #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: var(--zd-muted, #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 var(--zd-border, #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 var(--zd-border, #848F99);
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid var(--zd-brand, #565269);
}

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

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

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

.form-field .hc-multiselect-toggle {
  border: 1px solid var(--zd-border, #848F99);
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid var(--zd-brand, #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: var(--zd-muted, #2a1a7a);
  margin-left: 4px;
}

.form-field p {
  color: var(--zd-muted, #2a1a7a);
  font-size: 12px;
  margin: 5px 0;
}

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

.form footer a {
  color: var(--zd-muted, #2a1a7a);
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}
.form .suggestion-list label {
  border-bottom: 1px solid var(--zd-border, #ddd);
  display: block;
  padding-bottom: 5px;
}
.form .suggestion-list li {
  padding: 10px 0;
}
.form .suggestion-list li a:visited {
  color: var(--zd-link-visited, #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: var(--zd-brand, #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: var(--zd-surface, #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 var(--zd-border, #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: 768.98px) {
  .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: var(--zd-link, #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: var(--zd-link, #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: var(--zd-surface, #f3f3f3);
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: var(--zd-surface, #fff);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px var(--zd-border, #ddd);
  border-bottom: solid 1px var(--zd-border, #ddd);
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=false] ~ .menu-list-mobile {
  display: none;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] ~ .menu-list-mobile {
  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 var(--zd-border, #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: var(--zd-text, #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: var(--zd-surface, #f3f3f3);
  text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: var(--zd-text, #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: var(--zd-surface, #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: var(--zd-muted, #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: var(--zd-link, #565269);
  border: 1px solid var(--zd-link, #565269);
  border-radius: 4px;
  color: var(--zd-brand-text, #FFFFFF);
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.4286;
  padding: 6px 14px;
}
.ask-ai:visited {
  color: var(--zd-brand-text, #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: var(--zd-brand-text, #FFFFFF);
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
  background-color: var(--zd-link-hover, #0D0826);
  border-color: var(--zd-link-hover, #0D0826);
  color: var(--zd-brand-text, #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: var(--zd-brand-text, #FFFFFF);
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
  background-color: var(--zd-link-hover, #0D0826);
  border-color: var(--zd-link-hover, #0D0826);
  color: var(--zd-brand-text, #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: var(--zd-link, #565269);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: var(--zd-link, #565269);
  background-color: transparent;
}
.user-info > button::after {
  color: var(--zd-link, #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: var(--zd-brand, #565269);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: var(--zd-brand-text, #FFFFFF);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid var(--zd-border, #ddd);
  margin-top: 60px;
  padding: 30px 0;
}
.footer a {
  color: var(--zd-muted, #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: var(--zd-muted, #2a1a7a);
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: var(--zd-muted, #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: var(--zd-muted, #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: var(--zd-link, #565269);
}

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

.search {
  border-color: var(--zd-border, #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: var(--zd-brand, #565269);
}
.search input[type=search],
.search .clear-button {
  background-color: var(--zd-surface, #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: var(--zd-muted, #666);
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}
.search input[type=search]:focus {
  color: var(--zd-muted, #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: var(--zd-muted, #777);
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}
.search .clear-button:hover {
  background-color: var(--zd-brand, #565269);
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px var(--zd-brand, #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: var(--zd-brand, #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: var(--zd-brand, #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: var(--zd-brand, #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: var(--zd-brand, #565269);
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: var(--zd-muted, #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 var(--zd-brand, #565269);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--zd-brand, #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: var(--zd-brand, #565269);
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: var(--zd-brand-text, #FFFFFF);
  text-decoration: none;
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid var(--zd-border, #ddd);
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: var(--zd-text, #0D0826);
}
.blocks-item-link {
  color: var(--zd-brand, #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 var(--zd-brand, #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 var(--zd-border, #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 var(--zd-border, #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: var(--zd-link, #565269);
  text-decoration: underline;
}
.community a:visited {
  color: var(--zd-link-visited, #565269);
}
.community a:hover, .community a:active, .community a:focus {
  color: var(--zd-link-hover, #0D0826);
}

.community,
.activity {
  border-top: 1px solid var(--zd-border, #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 var(--zd-border, #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: var(--zd-text, #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: var(--zd-link, #565269);
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: var(--zd-link-visited, #565269);
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: var(--zd-link-hover, #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: var(--zd-brand, #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: var(--zd-text, #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: var(--zd-text, #0D0826);
}

.icon-star {
  color: var(--zd-brand, #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 var(--zd-border, #ddd);
  font-size: 16px;
  padding: 15px 0;
}
.section-list-item:first-child {
  border-top: 1px solid var(--zd-border, #ddd);
}
.section-list-item a {
  align-items: center;
  color: var(--zd-text, #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: var(--zd-link, #565269);
  text-decoration: underline;
}
.article-body a:visited {
  color: var(--zd-link-visited, #565269);
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: var(--zd-link-hover, #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: var(--zd-surface-strong, #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: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.article-body blockquote {
  border-left: 1px solid var(--zd-border, #ddd);
  color: var(--zd-muted, #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: var(--zd-muted, #2a1a7a);
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: var(--zd-brand, #565269);
  width: 18px;
  height: 18px;
}
.article-sidebar {
  border-bottom: 1px solid var(--zd-border, #ddd);
  border-top: 1px solid var(--zd-border, #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 var(--zd-border, #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 var(--zd-border, #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: var(--zd-link, #565269);
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: var(--zd-link-visited, #565269);
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: var(--zd-link-hover, #0D0826);
}
.article-return-to-top {
  border-top: 1px solid var(--zd-border, #848F99);
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: var(--zd-text, #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: var(--zd-text, #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: var(--zd-muted, #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: var(--zd-muted, #2a1a7a);
}
.share a:hover {
  text-decoration: none;
  color: var(--zd-brand, #565269);
}
.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid var(--zd-border, #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 var(--zd-border, #ddd);
  border-top: 1px solid var(--zd-border, #ddd);
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  color: var(--zd-muted, #2a1a7a);
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: var(--zd-link, #565269);
  text-decoration: underline;
}
.comment-callout a:visited {
  color: var(--zd-link-visited, #565269);
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: var(--zd-link-hover, #0D0826);
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: var(--zd-muted, #2a1a7a);
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid var(--zd-brand, #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: var(--zd-brand, #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: var(--zd-link, #565269);
  text-decoration: underline;
}
.comment-body a:visited {
  color: var(--zd-link-visited, #565269);
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: var(--zd-link-hover, #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: var(--zd-surface-strong, #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: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.comment-body blockquote {
  border-left: 1px solid var(--zd-border, #ddd);
  color: var(--zd-muted, #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: var(--zd-muted, #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: var(--zd-brand, #565269);
}

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

.vote-voted {
  color: var(--zd-brand, #565269);
}

.vote-voted:hover {
  color: var(--zd-brand-strong, #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 var(--zd-border, #ddd);
  font-size: 13px;
}
@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}
.topic-header .dropdown {
  display: block;
  border-top: 1px solid var(--zd-border, #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: var(--zd-brand, #565269);
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: var(--zd-brand-text, #FFFFFF);
  color: var(--zd-brand-text, #FFFFFF);
}
.community-follow button[data-selected=true] {
  background-color: var(--zd-brand, #565269);
  color: var(--zd-brand-text, #FFFFFF);
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid var(--zd-brand-text, #FFFFFF);
  color: var(--zd-brand-text, #FFFFFF);
}
.community-follow button[data-selected=true]:hover {
  background-color: var(--zd-brand-strong, #272530);
  border-color: var(--zd-brand-strong, #272530);
}
.community-follow button::after {
  border-left: 1px solid var(--zd-brand, #565269);
  content: attr(data-follower-count);
  color: var(--zd-brand, #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 var(--zd-brand, #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 var(--zd-border, #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: var(--zd-link, #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: var(--zd-link-visited, #565269);
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: var(--zd-muted, #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: var(--zd-text, #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: var(--zd-brand, #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: var(--zd-surface, #e9ebed);
  color: var(--zd-muted, #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: 768.98px) {
  .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: var(--zd-link, #565269);
  text-decoration: underline;
}
.post-body a:visited {
  color: var(--zd-link-visited, #565269);
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: var(--zd-link-hover, #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: var(--zd-surface-strong, #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: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.post-body blockquote {
  border-left: 1px solid var(--zd-border, #ddd);
  color: var(--zd-muted, #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: var(--zd-muted, #2a1a7a);
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: var(--zd-brand, #565269);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}
.post-sidebar {
  border-top: 1px solid var(--zd-border, #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 var(--zd-border, #ddd);
  border-top: 1px solid var(--zd-border, #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 var(--zd-brand, #565269);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: var(--zd-text, #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: var(--zd-text, #0D0826);
  display: block;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid var(--zd-border, #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 var(--zd-brand, #565269);
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: var(--zd-text, #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 var(--zd-brand, #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: var(--zd-surface-strong, #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: var(--zd-muted, #2a1a7a);
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: var(--zd-muted, #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 var(--zd-border, #ddd);
  color: var(--zd-muted, #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 var(--zd-brand, #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 var(--zd-brand, #565269);
}
.request-main input#mark_as_solved {
  display: none;
}
.request-title {
  width: 100%;
}
@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid var(--zd-border, #ddd);
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}
.request-sidebar {
  border-bottom: 1px solid var(--zd-border, #ddd);
  border-top: 1px solid var(--zd-border, #ddd);
  flex: 1 0 auto;
  order: 0;
}
@media (min-width: 1024px) {
  .request-sidebar {
    background-color: var(--zd-surface, #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 var(--zd-border, #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: var(--zd-muted, #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: var(--zd-muted, #2a1a7a);
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: var(--zd-surface, #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: var(--zd-muted, #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 var(--zd-border, #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 var(--zd-border, #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 var(--zd-brand, #565269);
  border-radius: 4px;
  color: var(--zd-brand, #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: var(--zd-surface-strong, #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: var(--zd-muted, #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 var(--zd-border, #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 var(--zd-border, #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: var(--zd-muted, #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 var(--zd-border, #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 var(--zd-border, #eee);
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: var(--zd-muted, #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: var(--zd-muted, #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 var(--zd-border, #ddd);
  }
  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid var(--zd-border, #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: var(--zd-surface, #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: var(--zd-bg, #F7EFEB);
  background-position: 50% 50%;
  text-align: center;
  color: var(--zd-muted, #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 var(--zd-border, #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: var(--zd-text, #0D0826);
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: var(--zd-surface, #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: var(--zd-surface, #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: var(--zd-muted, #49545C);
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: var(--zd-muted, #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: var(--zd-muted, #666);
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: var(--zd-link, #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 var(--zd-border, #ddd);
}
.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}
.search-results .no-results .headline {
  color: var(--zd-muted, #2F3941);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: var(--zd-muted, #68737D);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: var(--zd-link, #565269);
}
.search-results .no-results .action-prompt a:visited {
  color: var(--zd-link, #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: var(--zd-muted, #2a1a7a);
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: var(--zd-brand, #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: var(--zd-muted, #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: var(--zd-muted, #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: var(--zd-muted, #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: var(--zd-surface, #fff);
  border: 1px solid var(--zd-border, #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 var(--zd-border, #e9ebed);
  margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: var(--zd-muted, #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: var(--zd-muted, #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: var(--zd-muted, #68737D);
  margin-top: 32px;
  margin-bottom: 4px;
}
.content-tags-add-hint {
  color: var(--zd-muted, #68737D);
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.content-tag-list li {
  border-right: 1px solid var(--zd-border, #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 var(--zd-border, #848F99);
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid var(--zd-border, #848F99);
}

/***** Summary component *****/
zd-summary-block {
  background: var(--zd-surface, #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: var(--zd-link, #565269);
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: var(--zd-link-visited, #565269);
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: var(--zd-link-hover, #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: var(--zd-surface-strong, #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: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.service-catalog-description pre {
  background: var(--zd-surface, #f3e6e0);
  border: 1px solid var(--zd-border, #ddd);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.service-catalog-description blockquote {
  border-left: 1px solid var(--zd-border, #ddd);
  color: var(--zd-muted, #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)
   Lot 1 – thème v4.0.0 (22/10/2026) : fondations ; v2 : mode sombre harmonisé (D57, D58), polices de marque (D59).
   - Couleurs : uniquement les valeurs du design system (--ds-*), toujours
     appelées par une variable (G1). Exceptions validées, hors DS : --cu-x-*
     (D35 : encadrés, bandeau urgence et boutons du mode sombre inchangés ;
     couleurs d'encadrés saisies dans l'éditeur d'articles).
   - Rôles (PR19, D50) : --cu-* ; le mode sombre ne redéfinit que des rôles.
   - Couche Copenhagen (début du fichier) : couleurs enveloppées dans
     var(--zd-*, valeur d'origine). --zd-* n'est défini qu'en mode sombre :
     en clair, rendu strictement identique (D33, D48).
   - Breakpoints de référence (D44) : 600 · 768 · 1024 · 1280 px.
     Une variable CSS ne peut pas être utilisée dans @media : les valeurs
     sont écrites en clair et listées ici. 767 et 1023 px sont les bornes
     hautes de 768 et 1024 (même seuil, écrit en max-width). Exceptions
     conservées : 359 px (très petits écrans : libellé « Menu » masqué,
     bouton compact – lot 2) ; 479 px (barres de recherche des pages
     intérieures, en attente des lots 3 à 5).
     JavaScript : constantes CU_MQ dans script.js.
   - Espacements (D43) : --cu-space-*, appliqués page par page (lots 2 à 4).
   ===================================================================== */
:root {
  /* Palette du design system (Marketing Design System Cureety) */
  --ds-midnight: #0D0826; --ds-white: #FFFFFF; --ds-black: #000000;
  --ds-smoke-10: #F4F3F8; --ds-smoke-20: #EBE9F3; --ds-smoke-30: #DCD8ED; --ds-smoke-40: #C0BBD5; --ds-smoke-50: #9D97B3;
  --ds-smoke-60: #565269; --ds-smoke-70: #4C4860; --ds-smoke-80: #403C53; --ds-smoke-90: #2E2C3A; --ds-smoke-100: #080517;
  --ds-vert-20: #B2D6B4; --ds-vert-40: #6EA271; --ds-vert-60: #456A48; --ds-vert-80: #1D331F; --ds-vert-100: #162217;
  --ds-lila-20: #E8C6E3; --ds-lila-40: #BE91B8; --ds-lila-60: #9E6D98; --ds-lila-80: #6F4469; --ds-lila-100: #30062A;
  --ds-bleu-20: #D1DEFF; --ds-bleu-40: #A6BAEF; --ds-bleu-60: #6A7FB8; --ds-bleu-80: #314781;
  --ds-brun-20: #F7EFEB; --ds-brun-40: #E4D5CE; --ds-brun-60: #CFC1BB; --ds-brun-80: #55433A; --ds-brun-100: #241D19;
  --ds-rouge-20: #F9E4E3; --ds-rouge-40: #C3A9A7; --ds-rouge-60: #8E6F6C; --ds-rouge-80: #573230; --ds-rouge-100: #271716;

  /* Exceptions validées, hors design system (consignées dans DECISIONS.md) */
  --cu-x-resume-fond: #E3EFE3;              /* bloc Résumé natif, mode clair */
  --cu-x-encadre-vert: #EAF4EB;             /* couleurs saisies dans l'éditeur (encadrés) */
  --cu-x-encadre-bleu: #EEF2FC;
  --cu-x-urgence: #95658F;                  /* D35 : bandeau urgence, mode sombre */
  --cu-x-encadre-vert-sombre: #284A3D;      /* D35 : encadrés, mode sombre */
  --cu-x-encadre-vert-titre: #C4E2C6;
  --cu-x-encadre-bleu-sombre: #2E4274;
  --cu-x-encadre-gris-sombre: #3D3950;
  --cu-x-encadre-urgence-sombre: #5A3A6E;
  --cu-x-encadre-urgence-titre: #E8A6DD;
  --cu-x-btn: #4A4268;                      /* D35 : boutons, mode sombre */
  --cu-x-btn-survol: #3A3160;
  --cu-x-btn-abonner: #2F2750;
  /* Mode sombre harmonisé (D57, demande Cureety du 22/10/2026) : palette d'avant le lot 1 */
  --cu-x-sombre-section: #2F2750;           /* sections de contenu, cartes de page, article */
  --cu-x-sombre-structure: #211947;         /* pied de page, encadré « Centre d'aide Cureety » */
  --cu-x-sombre-carte: #4A4268;             /* cartes posées dans une section */
  --cu-x-sombre-survol: #3A3160;            /* survol, éléments actifs */
  --cu-x-sauge: #A9C9BC;                    /* vert sauge : en-tête patient, accents verts */
  --cu-x-bleu-clair: #B3C1E6;               /* en-tête Pro / Interne */

  /* Rôles – mode clair */
  --cu-midnight: var(--ds-midnight);
  --cu-smoke: var(--ds-smoke-60);           /* liens et bouton primaire au repos (D29, D51) */
  --cu-lila: var(--ds-lila-40);
  --cu-beige: var(--ds-brun-20);
  --cu-beige-dark: var(--ds-brun-40);
  --cu-beige-darker: var(--ds-brun-60);
  --cu-blue-20: var(--ds-bleu-20);
  --cu-green-20: var(--ds-vert-20);
  --cu-empire: var(--ds-vert-80);
  --cu-lavender-text: var(--ds-smoke-30);
  --cu-white: var(--ds-white);
  --cu-text: var(--ds-midnight);
  --cu-muted: var(--ds-smoke-70);
  --cu-line: var(--ds-brun-40);             /* lot 4 v2 (remplace D42) : lignes un cran plus foncées que leur fond ; Brun 40 sur blanc */

  /* Rôles – mode sombre (appelés uniquement sous [data-cu-theme="dark"]) */
  --cu-d-surface: var(--cu-x-sombre-section);      /* sections, cartes de page, menus, article (D57) */
  --cu-d-structure: var(--cu-x-sombre-structure);  /* pied de page, encadré d'accueil (D57) */
  --cu-d-card: var(--cu-x-sombre-carte);           /* cartes dans une section, sans contour au repos (D57, D58) */
  --cu-d-border: var(--ds-smoke-50);               /* bordure des champs de saisie uniquement (contraste ≥ 3:1) */
  --cu-d-hover: var(--cu-x-sombre-survol);
  --cu-d-raised: var(--cu-x-sombre-carte);
  --cu-d-info: var(--cu-x-sauge);                  /* vert du mode sombre : sauge (D57) */
  --cu-d-header-pro: var(--cu-x-bleu-clair);       /* en-tête Pro / Interne (D57) */
  --cu-d-info-pro: var(--ds-bleu-80);              /* pastilles et cartes « réservé » (inchangé) */
  --cu-d-line: rgba(255, 255, 255, 0.1);    /* séparateur (D42) : blanc à 10 % */

  /* Typographie : polices système uniquement (D22, D30, D39) */
  --cu-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --cu-font-title: 'Season Mix', Georgia, 'Times New Roman', serif;   /* D59 : polices de marque, non chargées (voir HANDOFF) */
  --cu-font-text: 'PP Mori', var(--cu-font);
  --cu-title-weight: 300;                   /* D59 : graisse d'origine */
  /* Échelle des titres (D41) : interpolée entre 320 et 1 280 px de large */
  --cu-fs-h1-accueil: clamp(1.75rem, 1.4167rem + 1.6667vw, 2.75rem);   /* 28 → 44 px */
  --cu-fs-h1: clamp(1.75rem, 1.5833rem + 0.8333vw, 2.25rem);           /* 28 → 36 px */
  --cu-fs-h2: clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem);             /* 22 → 28 px */
  --cu-fs-h3: clamp(1.1875rem, 1.125rem + 0.3125vw, 1.375rem);         /* 19 → 22 px */
  --cu-fs-h4: clamp(1.0625rem, 1.0417rem + 0.1042vw, 1.125rem);        /* 17 → 18 px */

  /* Formes (D31, D45) : 24 px pour les blocs, 6 px pour les boutons, champs et pastilles */
  --cu-radius-l: 24px;
  --cu-radius-m: 24px;
  --cu-radius-s: 6px;
  --cu-chevron-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='70 90 116 80'%3E%3Cpath d='M172.24 107.76C174.58 110.103 174.58 113.897 172.24 116.24L132.24 156.24C129.897 158.58 126.103 158.58 123.76 156.24L83.76 116.24C81.501 113.816 81.635 110.019 84.0593 107.76 86.3636 105.613 89.9358 105.613 92.24 107.76L128 143.51 163.76 107.76C166.103 105.42 169.897 105.42 172.24 107.76Z'/%3E%3C/svg%3E");   /* lot 5 suite (D133) : chevron vertical unique, icône n° 386 sans le cercle */

  /* Espacements (D43) */
  --cu-space-0: 2px; --cu-space-1: 4px; --cu-space-2: 8px; --cu-space-3: 12px; --cu-space-4: 16px;
  --cu-space-5: 24px; --cu-space-6: 32px; --cu-space-7: 48px; --cu-space-8: 64px;
  --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: var(--cu-title-weight); font-size: 2.75rem; line-height: 1.1; margin: 0; color: var(--cu-text); }
.cu-h2 { font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); 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-midnight); color: var(--cu-white); 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 var(--cu-page-pad, 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 0; border: 1px solid var(--cu-midnight); border-radius: var(--cu-radius-l); background: var(--cu-beige);   /* lot 2 : marges latérales portées par .header (même retrait que les pages) */
}
.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: 1023.98px) {
  .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-smoke); 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-smoke); outline-offset: 2px; }
.cu-searchbox .search input[type="search"] {
  order: 1; flex: 1 1 auto; min-width: 0; height: 44px; border: 0; border-radius: var(--cu-radius-s); 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: var(--cu-radius-s); 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: var(--cu-radius-s);
  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: var(--cu-title-weight); 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: var(--cu-radius-l); 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; }
html[data-cu-theme="dark"] .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: var(--cu-radius-l); 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: var(--cu-title-weight); 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 clamp(300px, 33.4%, 400px); min-width: 0; max-width: none; } }
.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: var(--cu-radius-s); 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 { box-sizing: border-box; min-width: 0; padding: 0; font-size: var(--cu-fs-article); }
.cu-article-page .cu-article-card { 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 0; width: auto; max-width: none; min-width: 0; } }
.cu-article-page .article-title { font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); font-size: 2.625rem; line-height: 1.12; }
.cu-article-page .article-body { max-width: 60ch; }
.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: var(--cu-radius-s); border-color: var(--cu-smoke); color: var(--cu-smoke); }
@media (hover: hover) { html:not([data-cu-theme="dark"]) .cu-article-page .article-vote:hover:not([aria-pressed="true"]) { background: var(--ds-smoke-20); border-color: var(--ds-midnight); color: var(--ds-midnight); } }
.cu-article-page .article-vote[aria-pressed="true"] { background: var(--ds-smoke-60); border-color: var(--ds-smoke-60); color: var(--ds-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: var(--cu-x-resume-fond); border: 1px solid var(--cu-green-20); border-radius: var(--cu-radius-l); 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-result-title a, .cu-search-page .search-result-title a:visited { font-size: 1.125rem; font-weight: 600; color: var(--cu-text); }

/* ---------- 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: var(--cu-title-weight); 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 var(--ds-smoke-80); 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(--ds-smoke-30); }


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

/* ---------- Mobile ---------- */
@media (max-width: 767.98px) {
  .cu-page { padding: 0 16px; gap: 12px; }
  .header.cu-header { padding: 16px var(--cu-page-pad, 16px) 12px; }
  .cu-header-bar { padding: 8px 0; min-height: 60px; }
  .cu-header-logo img { height: 26px; }
  .cu-card, .cu-help, .cu-search-page .search-results-column, .cu-article-page .cu-article-card { padding: 24px 20px; border-radius: var(--cu-radius-l); }
  .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: auto; aspect-ratio: 16 / 9; border-radius: var(--cu-radius-l); }   /* lot 2 (A1) : proportion fixe, plus de hauteur fixe */
  .cu-hero-photo img { object-position: 50% 48%; }   /* visages entiers à toutes les largeurs */
  .cu-hero-panel { min-height: 0; padding: 28px 20px; gap: 20px; border-radius: var(--cu-radius-l); }
  .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: var(--cu-radius-l); }
  .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: 767.98px) {
  .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 24px 24px 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: var(--cu-box-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: var(--cu-x-encadre-vert) !important; border-left-color: var(--ds-vert-40) !important; color: var(--ds-vert-80) !important; }
.cu-article-page .article-body [style*="EEF2FC" i], .cu-article-page .article-body [style*="238, 242, 252"] { background: var(--cu-x-encadre-bleu) !important; border-left-color: var(--ds-bleu-80) !important; color: var(--ds-midnight) !important; }
.cu-article-page .article-body [style*="FAFAFA" i], .cu-article-page .article-body [style*="250, 250, 250"] { background: var(--ds-smoke-10) !important; border-left-color: var(--ds-smoke-50) !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: var(--ds-lila-20) !important; border: 0 !important; border-left: 4px solid var(--ds-lila-100) !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: var(--ds-lila-100) !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.875rem; line-height: 1.5; color: var(--cu-muted); }   /* lot 5 (D119) : 14 px, toute la largeur du formulaire */

/* ---- 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: var(--cu-title-weight); 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: var(--cu-radius-l); 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: var(--cu-radius-s); }
@media (max-width: 1023.98px) { .cu-community .topics-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .cu-community-hero { width: calc(100% - 32px); padding: 24px 20px; border-radius: var(--cu-radius-l); }
  .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: var(--cu-radius-l); }
  .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: 5.5rem; border: 0 !important; border-bottom: var(--cu-cell-border, 1px solid var(--cu-line)) !important; font-size: inherit;
  text-align: start; vertical-align: top;
}
.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-thead-bg, var(--cu-beige)) !important; color: var(--cu-thead-fg, var(--cu-midnight)); font-weight: 700; --cu-cell-border: 2px solid var(--cu-thead-line, var(--ds-brun-60));
}

/* Lignes de séparation */
.cu-article-page .article-body hr { height: 0; margin: 0; border: 0; } /* lot 4 v2 (2.1 B) : l'espace avant les titres suffit */

/* 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-midnight); color: var(--cu-white); 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: clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem) !important; font-weight: 700; line-height: 1.3 !important; margin: 40px 0 8px; scroll-margin-top: 32px; text-wrap: pretty; }
.cu-article-page .article-body h2 :is(*, [style]) { font-size: inherit !important; line-height: inherit !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: 16px; height: 16px; background: var(--cu-smoke);
  -webkit-mask: var(--cu-chevron-v) center / contain no-repeat; mask: var(--cu-chevron-v) 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: var(--ds-lila-20) !important; color: var(--cu-midnight) !important;
  border: 0 !important; border-left: 4px solid var(--ds-lila-100) !important; border-radius: var(--cu-box-radius) !important;
  padding: var(--cu-box-pad) !important; margin: var(--cu-box-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: var(--ds-lila-20);
--zd-wysiwyg-callout-warning-bg: var(--ds-lila-20);
  --zd-wysiwyg-callout-icon-size: 0px;
}
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) {
  display: block !important; box-sizing: border-box;
  background: var(--ds-lila-20) !important; color: var(--cu-midnight) !important;
  border: 0 !important; border-left: 4px solid var(--ds-lila-100) !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:is(.wysiwyg-callout-error, .wysiwyg-callout-warning)::before, .cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning)::after { content: none !important; display: none !important; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) > svg, .cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) > [class*="icon"] { display: none !important; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) > :not(svg) { margin-left: 0 !important; padding-left: 0 !important; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) :is(p, div, span, li, strong, b) { font-size: inherit !important; line-height: inherit !important; color: inherit; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) p { margin: 0 0 6px !important; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) :is(ul, ol) { margin: 4px 0 0 !important; padding-left: 22px !important; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) li { margin: 0 !important; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) :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: var(--cu-radius-l);
}

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

@media (max-width: 767.98px) {
  .cu-request-visual { padding: 8px; border-radius: var(--cu-radius-l); }
  .cu-request-visual img { border-radius: var(--cu-radius-l); }
}

/* =====================================================================
   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: var(--ds-lila-20);   /* DS Lila 20 */
  --cu-lila-80: var(--ds-lila-80);   /* DS Lila 80 */
  --cu-smoke-20: var(--ds-smoke-20);  /* 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: 1023.98px) {
  .cu-header-bar { gap: 8px; padding: 8px 0; }
  .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; gap: 6px; flex: none;
  width: auto; min-width: 44px; height: 44px; padding: 0 12px 0 10px; border-radius: var(--cu-radius-s);
  background: var(--cu-beige-dark); color: var(--cu-midnight);
}
/* Lot 2 (D1) : libellé visible « Menu » (nom accessible du bouton) ; sous 360 px, faute de place,
   il reste lu par les lecteurs d'écran mais n'est plus affiché */
.cu-burger-label { font-size: 0.875rem; font-weight: 700; line-height: 1; }
@media (max-width: 359.98px) {
  .cu-burger-label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  .cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger { width: 44px; padding: 0; }
}
.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: 767.98px) {
  .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: 0 !important; overflow-x: hidden;
  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: 0 !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: var(--cu-radius-l);
  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: 767.98px) { .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: 767.98px) {
  .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: 1023.98px) {
  .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: 1023.98px) {
  .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: 767.98px) {
  .cu-article-page .article-body [role="tablist"] { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; overflow: visible; }
  .cu-article-page .article-body [role="tablist"] [role="tab"] { width: auto; min-height: 48px; justify-content: center; text-align: center; white-space: normal; line-height: 1.25; padding: 8px 12px; }
}

/* 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: var(--cu-title-weight); 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: "form urgence" "form intro";   /* lot 5 (D118) : urgence en haut à droite, photo sous la carte d'aide */
    grid-template-rows: auto 1fr;
  }
  .cu-request-layout > .cu-urgence { grid-area: urgence; margin: 0; }
  .cu-request-visual { position: static; max-width: none; padding: 0; background: none; border-radius: var(--cu-radius-l); }
  .cu-request-visual img { width: 100%; height: auto; aspect-ratio: 4 / 3; 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; }
}

/* 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; }
/* 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: 767.98px) { .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 { min-width: 0; max-width: 100%; }
.cu-search-page .search-result-title, .cu-search-page .search-result-description, .cu-search-page .cu-result-theme { 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 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.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: var(--ds-vert-20); 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: var(--ds-smoke-90); color: var(--cu-white); text-decoration: none; }
@media (max-width: 767.98px) { .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; }

/* 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 */

/* 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 .cu-article-card > .cu-article-help {
  margin: 32px 0 0; padding: clamp(20px, 3vw, 24px); border-radius: var(--cu-radius-l); max-width: none; background: var(--ds-bleu-20); color: var(--cu-midnight);
}


/* =====================================================================
   Mode sombre (lot 1)
   Activé uniquement par l'interrupteur « Mode sombre » ; clair par défaut,
   le réglage de l'appareil n'est pas suivi (D02, D21). Toutes les pages (D33).
   Palette : D36 (fond Midnight, cartes Smoke 90 bordées de Smoke 50, texte
   Smoke 10, en-têtes Empire / Barbeau), D37 (liens), D46 (hero, pied de page),
   D35 (encadrés, bandeau urgence, boutons : valeurs inchangées, --cu-x-*).
   ===================================================================== */
html[data-cu-theme="dark"] {
  color-scheme: dark;
  --cu-midnight: var(--ds-smoke-10);  --cu-text: var(--ds-smoke-10);   --cu-white: var(--cu-d-surface);
  --cu-smoke: var(--ds-smoke-30);     --cu-muted: var(--ds-smoke-40);  --cu-line: var(--cu-d-line);
  --cu-beige: var(--ds-midnight);     --cu-beige-dark: var(--cu-d-raised); --cu-beige-darker: var(--cu-d-hover);
  --cu-blue-20: var(--cu-d-info-pro); --cu-green-20: var(--cu-d-info);
  --cu-lila-20: var(--ds-lila-80);    --cu-smoke-20: var(--cu-d-hover);
  --cu-lavender-text: var(--ds-smoke-30); --cu-focus: 3px solid var(--ds-smoke-10);
  /* Pages Zendesk d'origine (couche Copenhagen) */
  --zd-text: var(--ds-smoke-10); --zd-muted: var(--ds-smoke-40);
  --zd-bg: var(--ds-midnight); --zd-surface: var(--cu-d-surface); --zd-surface-strong: var(--cu-d-hover);
  --zd-border: var(--cu-d-hover);
  --zd-brand: var(--ds-smoke-30); --zd-brand-strong: var(--ds-smoke-10); --zd-brand-text: var(--ds-midnight);
  --zd-link: var(--ds-smoke-10); --zd-link-hover: var(--ds-white); --zd-link-visited: var(--ds-smoke-10);
}
html[data-cu-theme="dark"] body { background: var(--ds-midnight); color: var(--ds-smoke-10); }
/* D37 : liens de la couleur du texte */
:where(html[data-cu-theme="dark"]) a, :where(html[data-cu-theme="dark"]) a:visited { color: var(--ds-smoke-10); }
:where(html[data-cu-theme="dark"]) a:hover { color: var(--ds-white); }

/* Panneaux qui restent sombres : hero et footer */
html[data-cu-theme="dark"] :is(.cu-hero-panel, .cu-footer-inner) { background: var(--cu-d-structure); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-hero-title, html[data-cu-theme="dark"] .cu-footer, html[data-cu-theme="dark"] .cu-footer a, html[data-cu-theme="dark"] .cu-footer a:visited, html[data-cu-theme="dark"] .cu-footer-social { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-hero-panel .cu-searchbox .search { border-color: var(--cu-d-border); }

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

/* Icônes du design system (fichiers Midnight) : affichées en clair */
html[data-cu-theme="dark"] :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"] .cu-article-page .cu-article-card > .cu-article-help { background: var(--cu-d-info-pro); color: var(--ds-smoke-10); }

/* Encadrés des articles : teintes sombres, texte clair */
html[data-cu-theme="dark"] .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child,
html[data-cu-theme="dark"] .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child * { color: var(--ds-smoke-30) !important; }
html[data-cu-theme="dark"] .cu-article-page .article-body td[style*="C72809" i] > p:first-child,
html[data-cu-theme="dark"] .cu-article-page .article-body td[style*="199, 40, 9"] > p:first-child { color: var(--ds-white) !important; }
/* Titres verts et titres H2 des articles */
html[data-cu-theme="dark"] .cu-article-page .article-body h2, html[data-cu-theme="dark"] .cu-article-page .article-body h2 * { color: var(--ds-smoke-10) !important; }
html[data-cu-theme="dark"] .cu-article-page .article-body :is(strong, span)[style*="6EA271" i] { color: var(--cu-x-sauge) !important; }
/* Textes des articles écrits en noir ou gris foncé dans l'éditeur : rendus lisibles (voir script.js) */
html[data-cu-theme="dark"] .cu-article-page .article-body .cu-dark-fix { color: inherit !important; }
/* Tableaux */
html[data-cu-theme="dark"] .cu-article-page .article-body table th, html[data-cu-theme="dark"] .cu-article-page .article-body table thead td { background: var(--cu-d-hover) !important; color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] .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"] .cu-article-page .article-body :is(pre, code) { background: var(--ds-smoke-100); color: var(--ds-smoke-10); }

/* Composants Zendesk et Copenhagen utilisés dans les pages */
html[data-cu-theme="dark"] :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: var(--ds-smoke-30); }
html[data-cu-theme="dark"] :is(.sidenav-item.current-article, .sidenav-item.current, .sidenav-item:hover) { background: var(--cu-d-hover); color: var(--ds-white); }
html[data-cu-theme="dark"] :is(.button, .article-vote) { border-color: var(--ds-smoke-30); color: var(--ds-smoke-30); background: transparent; }
html[data-cu-theme="dark"] :is(.button, .article-vote):is(:hover, [aria-pressed="true"]) { background: var(--ds-smoke-30); color: var(--ds-midnight); }
html[data-cu-theme="dark"] .search input[type="search"] { background: transparent; color: var(--ds-smoke-10); border-color: var(--cu-d-border); }
html[data-cu-theme="dark"] .search input[type="search"]::placeholder { color: var(--ds-smoke-40); }
html[data-cu-theme="dark"] .cu-searchbox .search-icon { color: var(--ds-smoke-30); }
html[data-cu-theme="dark"] hr, html[data-cu-theme="dark"] .article-votes, html[data-cu-theme="dark"] .article-relatives, html[data-cu-theme="dark"] .article-return-to-top { border-color: var(--cu-line); }


/* 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 */
@media (prefers-reduced-motion: reduce) { .cu-switch::after { transition: none; } }
html[data-cu-theme="dark"] :is(.doc-count, .sidenav-subitem) { color: var(--ds-smoke-40); }
html[data-cu-theme="dark"] .sidenav-item.current .sidenav-subitem { color: var(--ds-white); }

/* =====================================================================
   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: start; column-gap: var(--cu-space-6); row-gap: var(--cu-space-5);
  }
  .cu-help-photo { aspect-ratio: 4 / 3; align-self: start; min-height: 0; }   /* lot 2 (A3) : photo, titre et coordonnées alignés en haut */
}

/* v3.5.2 – Mode sombre : nom de l'utilisateur connecté lisible dans le header */
html[data-cu-theme="dark"] .cu-header .user-info :is(.dropdown-toggle, .dropdown-toggle span) { color: var(--ds-smoke-30); }
/* =====================================================================
   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: 1023.98px) {
  .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: var(--ds-white); color: var(--ds-midnight); 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 var(--ds-smoke-60); outline-offset: 3px; }
  .cu-theme-fab.is-hidden { transform: translateY(calc(100% + 40px)); opacity: 0; pointer-events: none; }
  .cu-theme-fab.is-hidden:focus-visible { transform: none; opacity: 1; pointer-events: auto; }
  .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 { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
}
html[data-cu-theme="dark"] .cu-theme-fab { background: var(--ds-smoke-30); color: var(--ds-midnight); }
html[data-cu-theme="dark"] .cu-theme-fab:focus-visible { outline-color: var(--ds-smoke-30); }
@media (prefers-reduced-motion: reduce) { .cu-theme-fab { transition: none; } }
@media (max-width: 1023.98px) { .cu-theme-fab:hover { background: var(--cu-beige-dark); } }
html[data-cu-theme="dark"] .cu-theme-fab:hover { background: var(--ds-smoke-30); }

/* =====================================================================
   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: var(--cu-radius-s);
  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"] :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: var(--ds-rouge-20); }
.cu-team-card:hover { box-shadow: inset 0 0 0 2px var(--ds-rouge-40); }
.cu-team-badge { background: var(--ds-rouge-20); color: var(--cu-smoke); }
html[data-cu-theme="dark"] .cu-team-card,
html[data-cu-theme="dark"] .cu-team-badge { background: var(--cu-d-info-pro); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] .cu-team-desc { color: var(--ds-smoke-20); }

/* 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-flex; }

/* Catégorie Interne (36270793763346) : pas de carte de contact du support patient */
.cu-article-page.cu-space-interne .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: var(--ds-rouge-20); }
.cu-theme.cu-theme-reserved:hover, .cu-themes-reserved .cu-theme:hover { box-shadow: inset 0 0 0 2px var(--ds-rouge-40); }
.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: var(--cu-radius-s); background: var(--ds-rouge-20); }
.cu-themes .cu-empty { color: var(--cu-muted); }
html[data-cu-theme="dark"] :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme, .cu-page-header .cu-reserved-note) { background: var(--cu-d-info-pro); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] :is(.cu-theme-reserved, .cu-themes-reserved) .cu-theme-desc { color: var(--ds-smoke-20); }
html[data-cu-theme="dark"] .cu-reserved-note { color: var(--ds-smoke-20); }
html[data-cu-theme="dark"] :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: var(--ds-vert-20); color: var(--ds-midnight); }
.cu-theme.cu-theme-reserved:hover, .cu-themes-reserved .cu-theme:hover { box-shadow: inset 0 0 0 2px var(--ds-vert-80); }
.cu-reserved-note { color: var(--ds-vert-80); }
.cu-page-header .cu-reserved-note { background: var(--ds-vert-20); color: var(--ds-vert-80); }
html[data-cu-theme="dark"] :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme, .cu-page-header .cu-reserved-note) { background: var(--cu-d-info); color: var(--ds-white); }
html[data-cu-theme="dark"] :is(.cu-theme-reserved, .cu-themes-reserved) .cu-theme-desc,
html[data-cu-theme="dark"] .cu-reserved-note { color: var(--ds-white); }
html[data-cu-theme="dark"] :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme):hover { box-shadow: inset 0 0 0 2px var(--ds-vert-20); }

/* =====================================================================
   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.cu-team-page .cu-page-header { background: var(--ds-vert-20); }
: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: var(--ds-vert-80); }
html[data-cu-theme="dark"] .cu-category-page.cu-team-page .cu-page-header,
html[data-cu-theme="dark"] .cu-section-page.cu-team-page .cu-page-header { background: var(--cu-d-info); }
html[data-cu-theme="dark"] .cu-category-page.cu-team-page .cu-page-header .cu-reserved-note { background: var(--ds-midnight); color: var(--ds-white); }

/* 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"] .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;
}
/* Lot 3 : fond du survol réservé aux appareils qui ont un vrai survol (sur téléphone, il restait affiché après un toucher) */
@media (hover: hover) {
  :is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]):hover:not([data-selected="true"]) { background: var(--ds-smoke-20); border-color: var(--ds-midnight); color: var(--ds-midnight); }
}
/* Lot 3 : au focus ou au toucher, couleur de repos (la règle d'origine de Zendesk appliquait la couleur de marque) */
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]):is(:focus, :active):not([data-selected="true"]) { background: var(--cu-white); 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 .cu-article-card > .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"] .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open], html[data-cu-theme="dark"] .cu-section[open] { box-shadow: inset 4px 0 0 var(--ds-smoke-30), 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: var(--cu-radius-l); background: var(--ds-smoke-10);
}
.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: var(--cu-radius-s);
  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"] .cu-article-page .article-body [role="tablist"] { background: var(--cu-d-surface); }
html[data-cu-theme="dark"] .cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="true"] { background: var(--cu-d-hover); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); }
@media (max-width: 767.98px) { .cu-article-page .article-body [role="tablist"] { display: grid; } }

/* É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:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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: var(--ds-lila-20) !important; border-left: 4px solid var(--ds-lila-100) !important; color: var(--ds-midnight) !important; }
.cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"]) > p:first-child { color: var(--ds-midnight) !important; }
html[data-cu-theme="dark"] .cu-article-page .article-body :is(td[style*="C72809" i], td[style*="199, 40, 9"]) > p:first-child { color: var(--ds-smoke-10) !important; }

/* Étape 10 : mode sombre option B (teintes froides foncées ; relief par la clarté) */
html[data-cu-theme="dark"] .cu-article-page .cu-article-card > .cu-article-help { background: var(--cu-d-raised); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] :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; }
/* (lot 2 : disposition « texte, coordonnées, photo » supprimée, remplacée plus bas par v3.5.14 ; taille du titre : échelle D41) */
/* 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-flex; }

/* 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: 280px minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "photo text list"; column-gap: var(--cu-space-7);   /* lot 2 (A3) */
  }
}
/* =====================================================================
   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-thead-bg, var(--cu-beige)) !important; color: var(--cu-thead-fg, var(--cu-midnight)); font-weight: 700; --cu-cell-border: 2px solid var(--cu-thead-line, var(--ds-brun-60)); 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 */
html[data-cu-theme="dark"] .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-d-hover) !important; color: var(--ds-smoke-10); }
/* 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"] .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"] .cu-article-page .article-body [role="tablist"] { background: transparent; }
html[data-cu-theme="dark"] .cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="true"] { background: var(--ds-smoke-30); color: var(--ds-midnight); box-shadow: none; }
html[data-cu-theme="dark"] .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] { box-shadow: none; }
html[data-cu-theme="dark"] .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary,
html[data-cu-theme="dark"] .cu-article-page .article-body details:not(.wysiwyg-tabs-active details)[open] > summary:hover { background: var(--cu-d-hover); }
/* =====================================================================
   v3.5.19 – Article urgence (37486033029778) : pas de carte « Vous n'avez pas trouvé… »
   ===================================================================== */
/* Masquage désormais assuré par article_page.hbs (condition sur article.id) */
/* =====================================================================
   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: 1023.98px) and (min-height: 500px) {
  .header.cu-header { position: sticky; top: 0; z-index: 100; padding: 8px var(--cu-page-pad, 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; }
.header.cu-header :is(a, button) { scroll-margin-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"] .cu-medical-note { border-color: var(--ds-lila-20); }
.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:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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); }
/* lot 5 (D122) : flèche simple de l'accueil, comme les « Questions fréquentes » */
.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-text);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%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='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%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) */
/* 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: 1023.98px) {
  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 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"] .article-body a,
html[data-cu-theme="dark"] .article-body a:visited {
  color: var(--ds-smoke-10); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px;
}
html[data-cu-theme="dark"] .article-body a:is(:hover, :focus, :active) {
  color: var(--ds-white); text-decoration-thickness: 2.5px;
  background: rgba(255, 255, 255, 0.14); border-radius: var(--cu-radius-s); 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 ; sur tablette et ordinateur : marteau et titre sur la même ligne,
   description dessous, le tout centré (comme le bandeau urgence)
   ===================================================================== */
.cu-themes > li.cu-theme-item-probleme { grid-column: 1 / -1; }   /* lot 2 (D3) : placée en tête dans Zendesk ; ordre visuel = ordre de lecture */
@media (min-width: 600px) {
  .cu-themes > li.cu-theme-item-probleme .cu-theme {
    flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;
    column-gap: 12px; row-gap: 6px; text-align: center; min-height: 0;
  }
  .cu-themes > li.cu-theme-item-probleme .cu-theme-desc { flex-basis: 100%; }
}
/* v3.5.22 – Mode sombre : contour de la barre de recherche bien visible (5,8:1 sur le fond) */
html[data-cu-theme="dark"] .cu-searchbox .search,
html[data-cu-theme="dark"] .cu-hero-panel .cu-searchbox .search { border-color: var(--ds-smoke-50); }
/* v3.5.23 – Contour de la barre de recherche au clic : plus de lila (réservé à l'urgence)
   Accueil (panneau bleu nuit) : beige foncé · pages intérieures : contour standard du site · mode sombre : lavande */
.cu-searchbox .search:focus-within { outline-color: var(--cu-smoke); }
.cu-hero-panel .cu-searchbox .search:focus-within { outline-color: var(--ds-brun-40); }
html[data-cu-theme="dark"] .cu-searchbox .search:focus-within,
html[data-cu-theme="dark"] .cu-hero-panel .cu-searchbox .search:focus-within { outline-color: var(--ds-smoke-30); }
/* v3.5.24 – Pages intérieures : bouton « Rechercher » ; sur petit téléphone, il passe sous le champ (comme sur l'accueil).
   Le champ et la croix d'effacement restent sur la même ligne. */
@media (max-width: 479.98px) {
  .cu-searchbox-small .search { flex-wrap: wrap; }
  .cu-searchbox-small .search input[type="search"] { flex: 999 1 8rem; min-width: 0; }
  .cu-searchbox-small .search input[type="submit"] { flex: 1 1 100%; }
  .cu-searchbox-small .search-icon { top: 28px; }
}
/* v3.5.25 – Mode sombre : suggestion survolée ou sélectionnée au clavier bien visible
   (fond un peu plus clair + liseré lavande à gauche) */
html[data-cu-theme="dark"] :is(zd-autocomplete-option, zd-autocomplete-multibrand, zd-autocomplete [role="option"]):is(:hover, [aria-selected="true"], :focus-within) {
  background: var(--cu-d-hover) !important; box-shadow: inset 4px 0 0 var(--ds-smoke-30) !important;
}
/* =====================================================================
   v3.5.26 – Page « aucun résultat » : carte blanche à gauche (3/4), carte contact à droite (1/4) ;
   sur mobile et tablette, tout sur une colonne (le contact passe au-dessus des questions fréquentes)
   ===================================================================== */
html body .cu-search-page .search-results:has(> .cu-noresults-contact) > .search-results-column { flex: 3 1 0 !important; max-width: none !important; }
.cu-search-page .search-results > .cu-noresults-contact { flex: 1 1 0; align-self: flex-start; min-width: 0; }
@media (max-width: 1023.98px) {
  .cu-search-page .search-results > .cu-noresults-contact { flex: none; align-self: stretch; }
}
/* Bloc symptôme : deux choix l'un sous l'autre sur mobile, côte à côte à partir de la tablette */
.cu-symptome { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.cu-symptome-titre { margin: 0; font-size: 1.125rem; font-weight: 700; }
.cu-symptome-texte { margin: 0; color: var(--cu-text); }   /* lot 5 (D124) : texte lisible au même niveau que le titre */
.cu-symptome .cu-urgence { margin: 0; }
.cu-symptome-equipe, .cu-symptome-equipe:visited { display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 12px 16px; box-sizing: border-box; border-radius: var(--cu-radius-l); border: 2px solid var(--cu-smoke); color: var(--cu-midnight); font-weight: 700; text-decoration: none; text-align: center; }
.cu-symptome-equipe:hover { text-decoration: underline; }
@media (min-width: 768px) {
  .cu-symptome { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  .cu-symptome > .cu-symptome-titre, .cu-symptome > .cu-symptome-texte { grid-column: 1 / -1; }
}
html[data-cu-theme="dark"] .cu-symptome-equipe { border-color: var(--ds-smoke-30); color: var(--ds-smoke-10); }
/* Questions fréquentes, séparées par un espace et une ligne */
.cu-noresults-faq { margin-top: 16px; }
.cu-noresults-faq .cu-noresults-title { margin: 0 0 4px; }
/* Carte contact, comme en bas des articles */
.cu-noresults-contact { padding: clamp(20px, 3vw, 32px); border-radius: var(--cu-radius-l); background: var(--cu-beige-dark); box-sizing: border-box; line-height: 1.5; }
.cu-noresults-contact h2 { margin: 0 0 8px; font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem); line-height: 1.2; }
.cu-noresults-contact p { margin: 0 0 12px; }
.cu-noresults-medical { display: flex; gap: 8px; align-items: flex-start; font-weight: 600; font-size: 0.9375rem; }
.cu-noresults-medical img { flex: none; margin-top: 2px; }
.cu-noresults-contact .cu-contact-list { list-style: none; margin: 0; padding: 0; }
.cu-noresults-contact .cu-contact-main { overflow-wrap: normal; }
@media (max-width: 479.98px) {
  .cu-noresults .cu-noresults-contact { padding: 16px; }
}
html[data-cu-theme="dark"] .cu-noresults-contact { background: var(--cu-d-raised); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] .cu-noresults-medical img { filter: brightness(0) invert(0.95); }
/* =====================================================================
   v3.5.27 – Encadrés d'articles : icône seulement sur l'urgence ; un titre pour chaque encadré,
   de la même couleur que son liseré (couleurs foncées, lisibles) ; plus de majuscules
   ===================================================================== */
/* Résumé : plus d'icône, titre « En résumé » ajouté par le thème */
.cu-article-page .article-body :is(zd-summary-block, .zd-summary-block) { padding-left: 20px !important; }
.cu-article-page .article-body :is(zd-summary-block, .zd-summary-block)::before {
  content: var(--cu-summary-title, "En résumé") !important; display: block !important; position: static !important; width: auto !important; height: auto !important;
  background: none !important; -webkit-mask: none !important; mask: none !important; margin: 0 0 6px; font-weight: 700; color: var(--cu-box-title);
}
.cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"]) { padding-left: 20px !important; }
.cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"])::before { content: none !important; display: none !important; }
/* Couleur du titre = couleur du liseré, assez foncée pour être lue */
.cu-article-page .article-body :is(zd-summary-block, .zd-summary-block, [style*="EAF4EB" i], [style*="234, 244, 235"]) { --cu-box-title: var(--ds-vert-100); border-left-color: var(--ds-vert-100) !important; }
.cu-article-page .article-body :is([style*="EEF2FC" i], [style*="238, 242, 252"]) { --cu-box-title: var(--ds-bleu-80); border-left-color: var(--ds-bleu-80) !important; }
.cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) { --cu-box-title: var(--ds-smoke-60); border-left-color: var(--ds-smoke-60) !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,
.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-size: inherit !important; letter-spacing: 0 !important; text-transform: none !important; font-weight: 700 !important; color: var(--cu-box-title) !important;
}
/* Urgence : titre et liseré en prune foncé (6,6:1) */
html body .cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) { border-left-color: var(--ds-lila-100) !important; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) > p:first-of-type,
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) > p:first-of-type * { color: var(--ds-lila-100) !important; font-weight: 700 !important; }

/* v3.5.27 – Carte urgence : même survol que les autres cartes (contour), en prune foncé */
.cu-urgence { border: 2px solid transparent; box-sizing: border-box; }
.cu-urgence:is(:hover, :focus-visible) { border-color: var(--ds-lila-80); }
/* =====================================================================
   v3.5.29 – Page Contact : mention médicale + choix « urgence / équipe soignante » regroupés
   dans une carte identique aux autres (sans contour), avec les mêmes cartes que la page « aucun résultat »
   ===================================================================== */
.cu-contact-group { display: flex; flex-direction: column; gap: 12px; padding: 24px 28px; border-radius: var(--cu-radius-l); background: var(--cu-white); box-sizing: border-box; }
.cu-contact-group > p { margin: 0; }
.cu-contact-group-choix { display: flex; flex-direction: column; gap: 12px; }
.cu-contact-group .cu-urgence { margin: 0; }
/* v3.5.30 – Pied de page : logo plus grand ; mentions plus petites sur mobile,
   « Politique de confidentialité » et « Mentions légales » sur la même ligne */
.cu-footer-logo img { height: 40px; }
@media (max-width: 767.98px) {
  .cu-footer-inner { padding-left: 16px; padding-right: 16px; }
  .cu-footer-logo img { height: 34px; }
  .cu-footer-bottom { font-size: 0.8125rem; }
  html body .cu-footer .cu-footer-links { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0 12px; }
  .cu-footer-links a { min-height: 40px; }
}
/* v3.5.32 – Page Contact : la carte « Besoin d'aide » en beige foncé, comme les bandeaux d'aide des autres pages */
html body .cu-request-page .cu-request-header { background: var(--cu-beige-dark); }
html[data-cu-theme="dark"] body .cu-request-page .cu-request-header { background: var(--cu-d-raised); color: var(--ds-smoke-10); }
/* v3.5.33 – Encadré urgence des articles : l'icône prend la couleur prune foncé du titre et du liseré */
html body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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 { background: var(--ds-lila-100) !important; }
/* =====================================================================
   v3.5.34 – Bandeaux « Besoin d'aide » harmonisés :
   - petite ligne santé en bas (accueil, articles, page Contact), séparée par un trait ; espacements sur une grille de 4 px ;
   - page « aucun résultat » : bloc symptôme = question + phrase avec lien + carte urgence
   ===================================================================== */
.cu-help-sante { margin: 0; padding-top: 16px; border-top: 1px solid rgba(13, 8, 38, 0.15); font-size: 0.9375rem; line-height: 1.5; color: var(--cu-muted); }
.cu-help-sante a, .cu-help-sante a:visited,
.cu-symptome-texte a, .cu-symptome-texte a:visited { color: inherit; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.cu-help-sante a:is(:hover, :focus, :active),
.cu-symptome-texte a:is(:hover, :focus, :active) { color: var(--cu-midnight); text-decoration-thickness: 2px; }
html[data-cu-theme="dark"] .cu-help-sante { border-top-color: rgba(244, 241, 250, 0.2); }
html[data-cu-theme="dark"] :is(.cu-help-sante, .cu-symptome-texte) a:is(:hover, :focus, :active) { color: var(--ds-white); }
/* Accueil : la photo est centrée sur le texte et les contacts ; la ligne santé passe dessous, sur toute la largeur */
.cu-help.cu-help-has-photo { grid-template-areas: "photo" "text" "list" "sante"; }
.cu-help-has-photo .cu-help-sante { grid-area: sante; }
@media (min-width: 768px) {
  .cu-help.cu-help-has-photo { grid-template-areas: "photo text" "photo list" "sante sante"; }
}
@media (min-width: 1024px) {
  .cu-help.cu-help-has-photo { grid-template-areas: "photo text list" "sante sante sante"; }
}
/* Articles et page Contact : même espace au-dessus et au-dessous du trait */
html body .cu-article-help .cu-help-sante, html body .cu-request-header .cu-help-sante { margin: 16px 0 0; }
/* =====================================================================
   v3.5.36 – Couleurs inversées : vert pour le côté patient (cartes de thèmes, en-têtes de catégories et sections),
   bleu pour les espaces de l'équipe (Interne, Centre d'aide professionnel)
   ===================================================================== */
/* Patient : vert */
.cu-themes:not(.cu-themes-reserved) .cu-theme:not(.cu-theme-reserved),
.cu-themes:not(.cu-themes-reserved) .cu-theme:not(.cu-theme-reserved):visited { background: var(--ds-vert-20); }
.cu-category-page .cu-page-header, .cu-section-page .cu-page-header, .cu-article-page .cu-page-header { background: var(--ds-vert-20); }
html[data-cu-theme="dark"] .cu-themes:not(.cu-themes-reserved) .cu-theme:not(.cu-theme-reserved),
html[data-cu-theme="dark"] :is(.cu-category-page, .cu-section-page, .cu-article-page) .cu-page-header { background: var(--cu-d-info); }
/* Équipe (Interne, Pro) : bleu */
.cu-theme.cu-theme-reserved, .cu-theme.cu-theme-reserved:visited,
.cu-themes-reserved .cu-theme, .cu-themes-reserved .cu-theme:visited { background: var(--ds-bleu-20); color: var(--ds-midnight); }
.cu-theme.cu-theme-reserved:hover, .cu-themes-reserved .cu-theme:hover { box-shadow: inset 0 0 0 2px var(--ds-bleu-80); }
.cu-reserved-note { color: var(--ds-bleu-80); }
.cu-page-header .cu-reserved-note { background: var(--ds-bleu-20); color: var(--ds-bleu-80); }
.cu-category-page.cu-team-page .cu-page-header,
.cu-section-page.cu-team-page .cu-page-header,
.cu-article-page.cu-team-page .cu-page-header { background: var(--ds-bleu-20); }
.cu-category-page.cu-team-page .cu-page-header .cu-reserved-note { background: var(--cu-white); color: var(--ds-bleu-80); }
html[data-cu-theme="dark"] :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme, .cu-page-header .cu-reserved-note) { background: var(--cu-d-info-pro); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] :is(.cu-theme-reserved, .cu-themes-reserved) .cu-theme-desc,
html[data-cu-theme="dark"] .cu-reserved-note { color: var(--ds-smoke-30); }
html[data-cu-theme="dark"] :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme):hover { box-shadow: inset 0 0 0 2px var(--ds-bleu-20); }
html[data-cu-theme="dark"] .cu-category-page.cu-team-page .cu-page-header,
html[data-cu-theme="dark"] .cu-section-page.cu-team-page .cu-page-header { background: var(--cu-d-info-pro); }
/* =====================================================================
   v3.5.37 – Pièces jointes des articles : liste « Documents à télécharger » en fin d'article
   (même style que les questions fréquentes), rappel discret sous le titre, icône devant les liens de fichiers
   ===================================================================== */
.cu-attachments { margin: 32px 0 0; padding-top: 24px; border-top: 1px solid var(--cu-line); scroll-margin-top: 24px; }
.cu-attachments h2 { margin: 0 0 12px; font-size: 1.125rem; font-weight: 700; }
.cu-attachments ul { list-style: none; margin: 0; padding: 0; max-width: 640px; }
.cu-attachment { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 4px; border-top: 1px solid var(--cu-line); }
.cu-attachment:last-child { border-bottom: 1px solid var(--cu-line); }
.cu-attachment:hover { background: var(--cu-beige); }
.cu-attachment-icon { flex: none; color: var(--cu-midnight); }
.cu-attachment-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cu-attachment-name, .cu-attachment-name:visited { font-weight: 700; color: var(--cu-midnight); text-decoration: none; overflow-wrap: anywhere; }
.cu-attachment-name::after { content: ""; position: absolute; inset: 0; }
.cu-attachment:hover .cu-attachment-name, .cu-attachment-name:focus-visible { text-decoration: underline; }
.cu-attachment-size { font-size: 0.8125rem; color: var(--cu-muted); }
.cu-attachment-dl { flex: none; font-size: 0.875rem; font-weight: 700; color: var(--cu-smoke); }
/* Rappel sous le titre (seulement s'il y a des pièces jointes) */
.cu-docs-hint, .cu-docs-hint:visited { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; color: var(--cu-smoke); font-size: 0.9375rem; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.cu-docs-hint:hover { color: var(--cu-midnight); text-decoration-thickness: 2px; }
.cu-docs-hint[hidden] { display: none; }
.cu-docs-hint svg { flex: none; }
/* Liens vers des fichiers dans le texte : petite icône de document */
.cu-article-page .article-body a[href*="/article_attachments/"]::before {
  content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 0.3em; vertical-align: -0.15em; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8zM14 3v5h5'/%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'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8zM14 3v5h5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cu-article-page .article-body a[href*="/article_attachments/"]:has(img)::before { content: none; }
/* Mode sombre */
html[data-cu-theme="dark"] .cu-attachment:hover { background: var(--cu-d-hover); }
html[data-cu-theme="dark"] :is(.cu-attachment-icon, .cu-attachment-name) { color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] :is(.cu-attachment-dl, .cu-docs-hint) { color: var(--ds-smoke-30); }
/* v3.5.38 – Mode sombre : les liens ajoutés récemment suivent la règle des liens d'articles (blanc souligné) */
html[data-cu-theme="dark"] :is(.cu-docs-hint, .cu-help-sante a, .cu-symptome-texte a),
html[data-cu-theme="dark"] :is(.cu-docs-hint, .cu-help-sante a, .cu-symptome-texte a):visited { color: var(--ds-white); text-decoration-thickness: 1.5px; }
html[data-cu-theme="dark"] :is(.cu-docs-hint, .cu-help-sante a, .cu-symptome-texte a):is(:hover, :focus, :active) {
  color: var(--ds-white); text-decoration-thickness: 2.5px; background: rgba(255, 255, 255, 0.14); border-radius: var(--cu-radius-s); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.14);
}
/* =====================================================================
   Lot A – Bandeau des espaces réservés (Pro / Interne), posé par le template
   ===================================================================== */
.cu-page .cu-space-banner { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; padding: 12px 16px; border-radius: var(--cu-radius-s); background: var(--ds-bleu-80); color: var(--ds-white); font-size: 1rem; line-height: 1.4; }
.cu-page .cu-space-banner p, .cu-page .cu-space-banner strong { margin: 0; color: var(--ds-white); }
.cu-page .cu-space-banner strong { font-weight: 600; }
.cu-page .cu-space-banner img { flex: none; width: 24px; height: 24px; filter: brightness(0) invert(1); }
html[data-cu-theme="dark"] .cu-page .cu-space-banner { background: var(--ds-bleu-80); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-page .cu-space-banner :is(p, strong) { color: var(--ds-white); }

/* Espace Pro : carte « Vous n'avez pas trouvé… » sans formulaire de contact ni mention médicale patient */
.cu-article-page.cu-space-pro .cu-article-help :is(.cu-contact-form, .cu-help-sante) { display: none; }


/* Lot E – Encadré urgence : titre unifié #30062A sur les variantes tableau et bloc (mode clair) */
html:not([data-cu-theme="dark"]) body .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]) > p:first-child,
html:not([data-cu-theme="dark"]) body .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]) > p:first-child * { color: var(--ds-lila-100) !important; }



/* Lot D – A11Y-001 : suggestion survolée ou sélectionnée au clavier, liseré Smoke (modèle du mode sombre) */
html:not([data-cu-theme="dark"]) :is(zd-autocomplete-option, zd-autocomplete-multibrand, zd-autocomplete [role="option"]):is(:hover, [aria-selected="true"], :focus-within) { box-shadow: inset 4px 0 0 var(--ds-smoke-60) !important; }

/* =====================================================================
   v3.7.0 – Couleurs des cartes (accueil, catégories, sections), icônes, flèches et survols
   Seules des couleurs changent, plus une flèche décorative dessinée en CSS (aucun élément ajouté).
   Règle : la couleur de l'espace (vert patient, bleu Pro / Interne) est portée par l'en-tête,
   l'icône, la flèche et le contour au survol ; les cartes sont blanches.
   Certaines règles répètent .cu-theme pour passer devant les anciennes règles de couleur
   (conservées plus haut), sans !important.
   ===================================================================== */

/* --- Mode clair : cartes blanches partout (accueil, catégories patient, Pro, Interne) --- */
.cu-page .cu-themes .cu-theme.cu-theme.cu-theme,
.cu-page .cu-themes .cu-theme.cu-theme.cu-theme:visited { position: relative; background: var(--ds-white); color: var(--ds-midnight); box-shadow: none; }
/* Contour au survol / focus : 2 px (bordure existante), couleur foncée de l'espace */
.cu-page .cu-themes .cu-theme.cu-theme.cu-theme:is(:hover, :focus) { border-color: var(--ds-vert-80); box-shadow: none; }
.cu-page .cu-themes-reserved .cu-theme.cu-theme.cu-theme:is(:hover, :focus),
.cu-page .cu-themes .cu-theme.cu-theme.cu-theme-reserved:is(:hover, :focus) { border-color: var(--ds-bleu-80); box-shadow: none; }

/* Accueil, vue patient : fond vert autour des cartes */
.cu-page .cu-themes-field { background: var(--ds-vert-20); }
.cu-page .cu-themes-field .cu-h2 { color: var(--ds-vert-100); }

/* Accueil, vue équipe : les cartes gardent leur fond (vert patient, bleu Pro / Interne) */
.cu-page .cu-cat-cards .cu-theme.cu-theme.cu-theme:not(.cu-theme-reserved),
.cu-page .cu-cat-cards .cu-theme.cu-theme.cu-theme:not(.cu-theme-reserved):visited { background: var(--ds-vert-20); }
.cu-page .cu-cat-cards .cu-theme.cu-theme.cu-theme-reserved,
.cu-page .cu-cat-cards .cu-theme.cu-theme.cu-theme-reserved:visited { background: var(--ds-bleu-20); }

/* Pages catégorie : cartes posées sur le fond de la page (le cadre blanc autour devient transparent) */
.cu-category-page > #main-content.cu-card { background: transparent; padding: 0; }

/* Page catégorie patient : en-tête vert, comme les sections (remplace l'en-tête blanc) */
.cu-category-page:not(.cu-team-page) .cu-page-header { background: var(--ds-vert-20); }

/* Flèche décorative (même dessin que les questions fréquentes), dans la couleur de l'espace.
   Dessinée seulement si le navigateur gère les masques CSS. */
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  .cu-page .cu-themes .cu-theme::after {
    content: ""; position: absolute; top: 20px; right: 20px; width: 24px; height: 24px;
    background-color: var(--ds-vert-60);
    -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;
    transition: transform .15s ease;
  }
  .cu-page .cu-themes .cu-theme:is(:hover, :focus)::after { background-color: var(--ds-vert-80); }
  .cu-page :is(.cu-themes-reserved .cu-theme, .cu-themes .cu-theme-reserved)::after,
  .cu-page :is(.cu-themes-reserved .cu-theme, .cu-themes .cu-theme-reserved):is(:hover, :focus)::after { background-color: var(--ds-bleu-80); }
  .cu-page .cu-themes > li:not(.cu-theme-item-probleme) .cu-theme-title { padding-right: 28px; }
  @media (min-width: 600px) {
    .cu-page .cu-themes > li.cu-theme-item-probleme .cu-theme::after { top: 50%; transform: translateY(-50%); }
    .cu-page .cu-themes > li.cu-theme-item-probleme .cu-theme:is(:hover, :focus)::after { transform: translateY(-50%); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .cu-page .cu-themes .cu-theme::after { transition: none; }
  .cu-page .cu-themes .cu-theme:is(:hover, :focus)::after { transform: none; }
  .cu-page .cu-themes > li.cu-theme-item-probleme .cu-theme:is(:hover, :focus)::after { transform: translateY(-50%); }
}

/* Carte urgence : contour Plum au survol (même épaisseur et même construction que les cartes) */
.cu-page .cu-urgence:is(:hover, :focus-visible) { border-color: var(--ds-lila-100); }

/* --- Mode sombre --- */
/* Cartes : Smoke 80, texte, icônes, flèches et contour au survol en blanc */
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme,
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:visited { background: var(--ds-smoke-80); color: var(--ds-smoke-10); box-shadow: none; }
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme .cu-theme-desc { color: var(--ds-smoke-40); }
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:is(:hover, :focus) { border-color: var(--ds-smoke-10); box-shadow: none; color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] .cu-page .cu-cat-cards .cu-reserved-note { color: var(--ds-smoke-10); }
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme::after,
  html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:is(:hover, :focus)::after { background-color: var(--ds-smoke-10); }
}
/* Accueil : le fond vert ne s'applique pas en sombre (bloc sombre comme les autres) */
html[data-cu-theme="dark"] .cu-page .cu-themes-field { background: var(--cu-white); }
html[data-cu-theme="dark"] .cu-page .cu-themes-field .cu-h2 { color: var(--cu-text); }

/* En-têtes de catégorie et de page thème (D57) : vert sauge (patient), bleu clair (Pro / Interne),
   contenu affiché comme en mode clair pour garder le contraste */
html[data-cu-theme="dark"] .cu-page:is(.cu-category-page, .cu-section-page, .cu-article-page) .cu-page-header {
  color-scheme: light; color: var(--ds-midnight);
  --cu-midnight: var(--ds-midnight); --cu-text: var(--ds-midnight); --cu-white: var(--ds-white); --cu-smoke: var(--ds-smoke-60); --cu-muted: var(--ds-midnight);
  --cu-line: rgba(0, 0, 0, 0.1); --cu-beige: var(--ds-brun-20); --cu-beige-dark: var(--ds-brun-40); --cu-focus: 3px solid var(--ds-smoke-60);
}
html[data-cu-theme="dark"] .cu-page:is(.cu-category-page, .cu-section-page, .cu-article-page):not(.cu-team-page) .cu-page-header { background: var(--cu-d-info); }
html[data-cu-theme="dark"] .cu-page:is(.cu-category-page, .cu-section-page, .cu-article-page).cu-team-page.cu-team-page .cu-page-header { background: var(--cu-d-header-pro); }
html[data-cu-theme="dark"] .cu-page:is(.cu-category-page, .cu-section-page, .cu-article-page) .cu-page-header .cu-title-icon { filter: none; }
html[data-cu-theme="dark"] .cu-page.cu-team-page.cu-team-page .cu-page-header .cu-reserved-note { background: var(--ds-white); color: var(--ds-bleu-80); }
html[data-cu-theme="dark"] .cu-page .cu-page-header .cu-reserved-note img { filter: none; }

/* Carte urgence : fond lila clair et texte Midnight comme en mode clair, contour blanc au survol */
html[data-cu-theme="dark"] .cu-page .cu-urgence.cu-urgence,
html[data-cu-theme="dark"] .cu-page .cu-urgence.cu-urgence:visited,
html[data-cu-theme="dark"] .cu-page .cu-urgence.cu-urgence:is(:hover, :focus, :focus-visible) { background: var(--cu-x-urgence); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-page .cu-urgence.cu-urgence:is(:hover, :focus-visible) { border-color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] .cu-page .cu-urgence .cu-urgence-icon { filter: brightness(0) invert(1); }
html[data-cu-theme="dark"] .cu-page .cu-urgence .cu-chevron { color: var(--ds-white); }

/* =====================================================================
   v3.7.0 – UI-024 : formulaire de contact en mode sombre (au lieu de rester en clair)
   Le formulaire est généré par Zendesk (composants « Garden ») : ciblage par data-garden-id.
   Bloc autonome : le supprimer suffit à revenir au formulaire en clair.
   La liste déroulante des options est sombre (règles en fin de fichier).
   ===================================================================== */
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-page .cu-request-form {
  color-scheme: dark; background: var(--cu-d-surface); color: var(--ds-smoke-10);
  --cu-midnight: var(--ds-smoke-10); --cu-text: var(--ds-smoke-10); --cu-white: var(--cu-d-surface); --cu-smoke: var(--ds-smoke-30); --cu-muted: var(--ds-smoke-40);
  --cu-line: var(--cu-line); --cu-beige: var(--ds-midnight); --cu-beige-dark: var(--cu-d-hover); --cu-focus: 3px solid var(--ds-smoke-30);
}
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-page .cu-request-form a,
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-page .cu-request-form a:visited { color: var(--ds-white); text-decoration: underline; }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input_label"], [data-garden-id="dropdowns.combobox.label"], [data-garden-id="forms.checkbox_label"], [data-garden-id="forms.radio_label"], [data-garden-id="forms.toggle_label"]) { color: var(--ds-smoke-10); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input_hint"], [data-garden-id="dropdowns.combobox.hint"], [data-garden-id="forms.checkbox_hint"], [data-garden-id="forms.radio_hint"]) { color: var(--ds-smoke-40); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input_message"], [data-garden-id="dropdowns.combobox.message"], [data-garden-id="forms.checkbox_message"], [data-garden-id="forms.input_message_icon"]) { color: var(--ds-rouge-20); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input"], [data-garden-id="forms.textarea"], [data-garden-id="forms.faux_input"], [data-garden-id="forms.media_input"], [data-garden-id="dropdowns.combobox.trigger"]) {
  background-color: var(--ds-midnight); color: var(--ds-smoke-10); border-color: var(--ds-smoke-50);
}
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input"], [data-garden-id="forms.textarea"], [data-garden-id="forms.faux_input"], [data-garden-id="forms.media_input"], [data-garden-id="dropdowns.combobox.trigger"]):hover { border-color: var(--ds-smoke-30); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input"], [data-garden-id="forms.textarea"], [data-garden-id="forms.faux_input"], [data-garden-id="forms.media_input"], [data-garden-id="dropdowns.combobox.trigger"]):is(:focus, :focus-within, [data-garden-focus-visible]) {
  border-color: var(--ds-smoke-30); box-shadow: 0 0 0 3px var(--ds-smoke-60);
}
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="dropdowns.combobox.input"], [data-garden-id="dropdowns.combobox.value"]) { background-color: transparent; color: var(--ds-smoke-10); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="dropdowns.combobox.input_icon"], [data-garden-id="forms.file.icon"]) { color: var(--ds-smoke-30); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is(input, textarea)::placeholder { color: var(--ds-smoke-40); opacity: 1; }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form [data-garden-id="forms.file_upload"] { background-color: transparent; border-color: var(--ds-smoke-50); color: var(--ds-smoke-30); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form [data-garden-id="forms.file_upload"]:is(:hover, :focus-visible) { background-color: var(--cu-x-btn-survol); border-color: var(--ds-smoke-30); color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.file"], [data-garden-id="forms.file_list.item"] > *) { background-color: var(--ds-midnight); border-color: var(--ds-smoke-50); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form [data-garden-id="buttons.button"]:not([type="submit"]) { background-color: transparent; border-color: var(--ds-smoke-30); color: var(--ds-smoke-30); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form [data-garden-id="buttons.button"]:not([type="submit"]):hover { background-color: var(--cu-x-btn-survol); color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="buttons.icon_button"], [data-garden-id="forms.file.close"], [data-garden-id="forms.file.delete"]) { color: var(--ds-smoke-30); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form button[type="submit"] { background-color: var(--ds-smoke-30); border-color: var(--ds-smoke-30); color: var(--ds-midnight); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form button[type="submit"]:is(:hover, :focus-visible) { background-color: var(--ds-white); border-color: var(--ds-white); color: var(--ds-midnight); }
/* Éditeur de texte (description) */
html[data-cu-theme="dark"]:has(.cu-request-page) {
  --ck-color-base-background: var(--ds-midnight); --ck-color-base-foreground: var(--cu-d-surface); --ck-color-base-border: var(--ds-smoke-50);
  --ck-color-base-text: var(--ds-smoke-10); --ck-color-text: var(--ds-smoke-10); --ck-color-toolbar-background: var(--cu-d-surface); --ck-color-toolbar-border: var(--ds-smoke-50);
  --ck-color-button-default-hover-background: var(--cu-d-hover); --ck-color-button-default-active-background: var(--cu-d-raised);
  --ck-color-button-on-background: var(--cu-d-hover); --ck-color-button-on-hover-background: var(--cu-d-raised); --ck-color-button-on-color: var(--ds-smoke-10);
  --ck-color-dropdown-panel-background: var(--cu-d-surface); --ck-color-dropdown-panel-border: var(--ds-smoke-50);
  --ck-color-panel-background: var(--cu-d-surface); --ck-color-panel-border: var(--ds-smoke-50);
  --ck-color-input-background: var(--ds-midnight); --ck-color-input-border: var(--ds-smoke-50); --ck-color-input-text: var(--ds-smoke-10);
  --ck-color-list-background: var(--cu-d-surface); --ck-color-list-button-hover-background: var(--cu-d-hover);
  --ck-color-focus-border: var(--ds-smoke-30); --ck-color-engine-placeholder-text: var(--ds-smoke-40);
}
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form .ck.ck-editor__editable { color: var(--ds-smoke-10); }
/* Liens éventuels dans les en-têtes clairs en mode sombre */
html[data-cu-theme="dark"] .cu-page:is(.cu-category-page, .cu-section-page) .cu-page-header a { color: var(--ds-midnight); }
/* Cohérence des survols – liste « Articles de cette section » : pas de fond au survol en mode sombre (comme en clair) */
html[data-cu-theme="dark"] .cu-article-page .sidenav-item:not(.current-article):hover { background: transparent; }
/* Formulaire de contact, mode sombre : menu déroulant (composant Zendesk Garden) en sombre, survol comme les suggestions de recherche */
html[data-cu-theme="dark"] :is([data-garden-id="dropdowns.combobox.floating"] > *, [data-garden-id="dropdowns.combobox.listbox"]) { background-color: var(--cu-d-surface) !important; border-color: var(--cu-d-border) !important; color: var(--ds-smoke-10) !important; }
html[data-cu-theme="dark"] [data-garden-id="dropdowns.combobox.option"] { color: var(--ds-smoke-10) !important; }
html[data-cu-theme="dark"] [data-garden-id="dropdowns.combobox.option.meta"] { color: var(--ds-smoke-40) !important; }
html[data-cu-theme="dark"] [data-garden-id="dropdowns.combobox.option"]:hover { background-color: var(--cu-d-hover) !important; box-shadow: inset 4px 0 0 var(--ds-smoke-30) !important; }

/* Formulaire de contact, mode clair : une seule règle pour tous les champs (fond blanc, bordure Smoke, anneau Smoke au clic comme la recherche) */
html:not([data-cu-theme="dark"]) .cu-request-page .cu-request-form :is([data-garden-id="forms.input"], [data-garden-id="forms.textarea"], [data-garden-id="forms.faux_input"], [data-garden-id="forms.media_input"], [data-garden-id="dropdowns.combobox.trigger"]) { background-color: var(--ds-white); color: var(--ds-midnight); border-color: var(--ds-smoke-60); }
html:not([data-cu-theme="dark"]) .cu-request-page .cu-request-form :is([data-garden-id="forms.input"], [data-garden-id="forms.textarea"], [data-garden-id="forms.faux_input"], [data-garden-id="forms.media_input"], [data-garden-id="dropdowns.combobox.trigger"]):hover { border-color: var(--ds-midnight); }
html:not([data-cu-theme="dark"]) .cu-request-page .cu-request-form :is([data-garden-id="forms.input"], [data-garden-id="forms.textarea"], [data-garden-id="forms.faux_input"], [data-garden-id="forms.media_input"], [data-garden-id="dropdowns.combobox.trigger"]):is(:focus, :focus-within, [data-garden-focus-visible]) { border-color: var(--ds-smoke-60); box-shadow: 0 0 0 2px var(--ds-white), 0 0 0 5px var(--ds-smoke-60); }
html:not([data-cu-theme="dark"]) .cu-request-page .cu-request-form [data-garden-id="forms.file_upload"] { border-color: var(--ds-smoke-60); }
html:not([data-cu-theme="dark"]):has(.cu-request-page) { --ck-color-base-border: var(--ds-smoke-60); --ck-color-toolbar-border: var(--ds-smoke-60); --ck-color-focus-border: var(--ds-smoke-60); }

/* Mention de confidentialité : lien repérable autrement que par la couleur (souligné) */
.cu-privacy a, .cu-privacy a:visited { color: var(--cu-midnight); text-decoration: underline; text-underline-offset: 2px; }
.cu-privacy a:hover { text-decoration-thickness: 2px; }

/* Article : navigation de gauche (section parente, sous-sections dépliables) */
.cu-article-page .cu-secnav-group { border-top: 1px solid var(--cu-line); }
.cu-article-page .cu-secnav-group:first-child { border-top: 0; }
.cu-article-page .cu-secnav-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 6px; font-weight: 600; color: var(--cu-text); cursor: pointer; list-style: none; }
.cu-article-page .cu-secnav-group > summary::-webkit-details-marker { display: none; }
.cu-article-page .cu-secnav-group > summary::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--cu-chevron-v) center / contain no-repeat; mask: var(--cu-chevron-v) center / contain no-repeat; transform: none; transition: transform .15s ease; }
.cu-article-page .cu-secnav-group[open] > summary::after { transform: rotate(180deg); }
.cu-article-page .cu-secnav-group > summary:hover .cu-secnav-name { text-decoration: underline; }
.cu-article-page .cu-secnav-group > ul { list-style: none; margin: 0 0 8px; padding: 0 0 0 12px; }
@media (prefers-reduced-motion: reduce) { .cu-article-page .cu-secnav-group > summary::after { transition: none; } }

/* Formulaire de contact, mode clair : menu déroulant blanc (Zendesk lui impose le fond beige des réglages du thème) ; survol comme les suggestions de recherche */
html:not([data-cu-theme="dark"]) .cu-request-page .cu-request-form :is([data-garden-id="dropdowns.combobox.input_group"], [data-garden-id="dropdowns.combobox.input"], [data-garden-id="dropdowns.combobox.value"]) { background-color: transparent; }
html:not([data-cu-theme="dark"]):has(.cu-request-page) :is([data-garden-id="dropdowns.combobox.floating"] > *, [data-garden-id="dropdowns.combobox.listbox"]) { background-color: var(--ds-white) !important; border-color: var(--ds-brun-40) !important; color: var(--ds-midnight) !important; }
html:not([data-cu-theme="dark"]):has(.cu-request-page) [data-garden-id="dropdowns.combobox.option"] { color: var(--ds-midnight) !important; }
html:not([data-cu-theme="dark"]):has(.cu-request-page) [data-garden-id="dropdowns.combobox.option"]:hover { background-color: var(--ds-brun-20) !important; box-shadow: inset 4px 0 0 var(--ds-smoke-60) !important; }

/* =====================================================================
   v3.8.0 – Refonte du mode sombre : COULEURS UNIQUEMENT (aucune taille, position ni structure modifiée).
   Le mode clair n'est pas concerné (toutes les règles commencent par html[data-cu-theme="dark"]).
   Palette : fond #0D0826 · cartes #2F2750 · survol #3A3160 · panneaux #211947 · surélevé #4A4268
   · action principale beige #E4D5CE · actions secondaires Smoke #565269 (survol des actions : blanc)
   · outils (icône seule) #3A3160, survol #4A4268 · interrupteur en contour lavande
   · en-têtes : patient #A9C9BC, Pro / Interne #B3C1E6 · carte urgence #95658F (texte blanc) · encadrés E1.
   ===================================================================== */
/* Cartes (accueil, catégories) : fond, contour, survol, flèche lavande */
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme,
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:visited { background: var(--cu-d-surface); border-color: var(--ds-smoke-80); }
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:is(:hover, :focus) { background: var(--cu-d-hover); border-color: var(--ds-smoke-30); }
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme .cu-theme-desc { color: var(--ds-smoke-30); }
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme::after,
  html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:is(:hover, :focus)::after { background-color: var(--ds-smoke-30); }
}
/* Barre de recherche : champ Midnight, contour Smoke 50 ; bouton « Rechercher » violet Smoke (miroir du beige en clair) */
html[data-cu-theme="dark"] .cu-searchbox .search,
html[data-cu-theme="dark"] .cu-hero-panel .cu-searchbox .search { background: var(--ds-midnight); border-color: var(--ds-smoke-50); }
html[data-cu-theme="dark"] .cu-searchbox .search input[type="submit"] { background: var(--ds-smoke-60); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-searchbox .search input[type="submit"]:hover { background: var(--ds-white); color: var(--ds-midnight); }
/* En-tête : « Contact » violet Smoke, « Mon espace patient » beige (logique inversée du mode clair) */
html[data-cu-theme="dark"] a.cu-btn-secondary, html[data-cu-theme="dark"] a.cu-btn-secondary:visited,
html[data-cu-theme="dark"] .cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-secondary { background: var(--ds-smoke-60); color: var(--ds-white); }
html[data-cu-theme="dark"] a.cu-btn-secondary:is(:hover, :focus-visible, :active),
html[data-cu-theme="dark"] .cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-secondary:is(:hover, :focus-visible, :active) { background: var(--ds-white); color: var(--ds-midnight); }
html[data-cu-theme="dark"] a.cu-btn-primary, html[data-cu-theme="dark"] a.cu-btn-primary:visited,
html[data-cu-theme="dark"] .cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-primary,
html[data-cu-theme="dark"] .cu-header .nav-wrapper-mobile a.cu-btn-primary { background: var(--ds-brun-40); color: var(--ds-midnight); }
html[data-cu-theme="dark"] a.cu-btn-primary:is(:hover, :focus-visible, :active),
html[data-cu-theme="dark"] .cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-primary:is(:hover, :focus-visible, :active),
html[data-cu-theme="dark"] .cu-header .nav-wrapper-mobile a.cu-btn-primary:is(:hover, :focus-visible, :active) { background: var(--ds-white); color: var(--ds-midnight); }
/* Outils (icône seule) : violet discret, icône blanche ; un cran plus clair au survol */
html[data-cu-theme="dark"] .cu-theme-toggle:hover { background: var(--cu-x-btn-survol); }
html[data-cu-theme="dark"] .cu-switch,
html[data-cu-theme="dark"] .cu-theme-toggle[aria-checked="true"] .cu-switch { background: transparent; border-color: var(--ds-smoke-30); }
html[data-cu-theme="dark"] .cu-switch::after,
html[data-cu-theme="dark"] .cu-theme-toggle[aria-checked="true"] .cu-switch::after { background: var(--ds-smoke-30); }
html[data-cu-theme="dark"] .cu-theme-fab { background: var(--cu-x-btn-survol); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-theme-fab:hover { background: var(--cu-x-btn); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger { background: var(--cu-x-btn-survol); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger:hover { background: var(--cu-x-btn); }
html[data-cu-theme="dark"] .cu-section-toggle { background: var(--cu-x-btn-survol); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-section > summary:hover .cu-section-toggle { background: var(--cu-x-btn); }
html[data-cu-theme="dark"] .cu-searchbox .search .clear-button { color: var(--ds-smoke-30); }
html[data-cu-theme="dark"] .cu-searchbox .search .clear-button:hover { background: var(--cu-x-btn-survol); color: var(--ds-white); }
/* Menu mobile ouvert : panneau comme l'accueil et le pied de page */
html[data-cu-theme="dark"] .cu-header .menu-list-mobile { background: var(--cu-d-surface); border-color: var(--ds-smoke-80); }
html[data-cu-theme="dark"] .nav-wrapper-mobile .menu-list-mobile-items :is(a, button):is(:hover, :focus) { background: var(--cu-d-hover); }
/* Carte urgence : contour lavande et texte souligné au survol, comme les autres cartes (fond #95658F, texte blanc 4,63:1 : ne pas éclaircir) */
html[data-cu-theme="dark"] .cu-page .cu-urgence.cu-urgence:is(:hover, :focus-visible) { border-color: var(--ds-smoke-30); }
/* Article : article en cours dans la navigation (élément surélevé) */
html[data-cu-theme="dark"] .cu-article-page .sidenav-item.current-article { background: var(--cu-d-raised); color: var(--ds-white); }
/* Formulaire de contact : bouton « Envoyer » beige (action principale) */
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form button[type="submit"] { background-color: var(--ds-brun-40); border-color: var(--ds-brun-40); color: var(--ds-midnight); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form button[type="submit"]:is(:hover, :focus-visible) { background-color: var(--ds-white); border-color: var(--ds-white); color: var(--ds-midnight); }

/* Mode clair · règle par rôle : le bouton rond des accordéons prend un cran plus foncé au survol (outil) */
html:not([data-cu-theme="dark"]) .cu-section > summary:hover .cu-section-toggle { background: var(--cu-beige-dark); }

/* Mode sombre (D57, D58) : cartes sans contour au repos ; survol et focus = contour blanc + titre souligné */
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme,
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:visited { background: var(--cu-d-card); border-color: transparent; }
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:is(:hover, :focus) { background: var(--cu-d-card); border-color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-page .cu-urgence.cu-urgence:is(:hover, :focus-visible) { border-color: var(--ds-white); }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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]) > p:first-child,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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]) > p:first-child * { color: var(--cu-x-encadre-urgence-titre) !important; }
/* v3.8.1 – Mode sombre : « Contact » de la couleur du bandeau « Besoin d'aide » (#4A4268), comme en clair (beige = bandeau) ; survol inchangé (blanc) */
html[data-cu-theme="dark"] a.cu-btn-secondary:not(:hover):not(:focus-visible):not(:active),
html[data-cu-theme="dark"] .cu-header .nav-wrapper-desktop .user-nav-list a.cu-btn-secondary:not(:hover):not(:focus-visible):not(:active) { background: var(--cu-x-btn); color: var(--ds-white); }
/* v3.8.1 – Mode sombre : « Rechercher » comme « Contact », couleur du bandeau « Besoin d'aide » (actions secondaires) ; survol inchangé (blanc) */
html[data-cu-theme="dark"] .cu-searchbox .search input[type="submit"]:not(:hover):not(:focus-visible) { background: var(--cu-x-btn); color: var(--ds-white); }

/* =====================================================================
   v3.9.0 – Page profil (clair et sombre)
   En-tête coloré selon le profil : vert (patient, tout non-agent), bleu (équipe Cureety = agent).
   Contenus en cartes, onglets soulignés, un seul beige (le fond de page). Mode sombre activé (.cu-page).
   ===================================================================== */
.cu-profile { --cu-prof-head: var(--ds-vert-20); --cu-prof-lab: var(--ds-vert-80); --cu-prof-tab: var(--ds-vert-60); --cu-prof-pill: var(--ds-white); --cu-prof-pill-lab: var(--ds-smoke-70); --cu-prof-pill-val: var(--ds-midnight); padding-bottom: 40px; }
.cu-profile.cu-profile-agent { --cu-prof-head: var(--ds-bleu-20); --cu-prof-lab: var(--ds-bleu-80); --cu-prof-tab: var(--ds-bleu-80); }
html[data-cu-theme="dark"] .cu-profile { --cu-prof-head: var(--cu-x-sauge); --cu-prof-tab: var(--cu-x-sauge); --cu-prof-pill: var(--cu-d-surface); --cu-prof-pill-lab: var(--ds-smoke-30); --cu-prof-pill-val: var(--ds-white); }
html[data-cu-theme="dark"] .cu-profile.cu-profile-agent { --cu-prof-head: var(--cu-x-bleu-clair); --cu-prof-tab: var(--cu-x-bleu-clair); }
.cu-profile .profile-header { background: var(--cu-prof-head); color: var(--ds-midnight); border-radius: 24px; width: calc(100% - 48px); max-width: 1200px; box-sizing: border-box; margin: 24px auto 0; padding: 28px 32px; }
.cu-profile .profile-header .container, .cu-profile .profile-nav .container, .cu-profile > .container { max-width: none; padding-left: 0; padding-right: 0; }
.cu-profile .profile-header :is(.name, .name a, .description, .profile-stats-activity .stat-value) { color: var(--ds-midnight); }
.cu-profile .profile-header .name { font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); }
.cu-profile .profile-stats-activity .stat-label { color: var(--cu-prof-lab); }
.cu-profile .profile-stats-activity .stat-value { font-weight: 600; }
.cu-profile .profile-stats-counters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cu-profile .profile-stats-counters .stat { display: flex; flex-direction: column; margin: 0; padding: 12px 14px; border-radius: var(--cu-radius-l); background: var(--cu-prof-pill); }
.cu-profile .profile-stats-counters .stat-label { color: var(--cu-prof-pill-lab); min-width: 0; margin: 0; }
.cu-profile .profile-stats-counters .stat-value { color: var(--cu-prof-pill-val); font-weight: 700; }
.cu-profile .profile-nav { background: transparent; width: calc(100% - 48px); max-width: 1200px; margin: 18px auto 24px; border-bottom: 1px solid var(--cu-line); }
.cu-profile .collapsible-nav-list li { border-bottom: 3px solid transparent; }
.cu-profile .collapsible-nav-list li, .cu-profile .collapsible-nav-list li a { color: var(--cu-smoke); }
.cu-profile .collapsible-nav-list li.current { border-bottom-color: var(--cu-prof-tab); }
.cu-profile .collapsible-nav-list li.current, .cu-profile .collapsible-nav-list li.current a { color: var(--cu-text); font-weight: 700; }
.cu-profile .collapsible-nav-list li:not(.current) a:hover { text-decoration: underline; }
.cu-profile > .container { width: calc(100% - 48px); max-width: 1200px; margin: 0 auto; }
.cu-profile .profile-section { background: var(--cu-white); border-radius: 24px; padding: 26px 32px; }
.cu-profile .profile-section-title { font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); color: var(--cu-text); }
.cu-profile .profile-section-description { color: var(--cu-muted); }
.cu-profile :is(.profile-activity-contribution, .profile-contribution) { background: transparent; border: 1px solid var(--cu-line); border-radius: var(--cu-radius-l); }
/* Mise en page : neutralise les largeurs Copenhagen (contenu rétréci, pavés de 270 px étirés, colonne latérale inexistante) */
.cu-profile .profile-header .container { width: auto; margin: 0; gap: 32px; align-items: center; }
.cu-profile .profile-stats-counters { flex: 0 1 460px; width: auto; height: auto; min-width: 0; margin: 0 0 0 auto; align-self: center; align-content: start; }
.cu-profile .profile-stats-counters .stat { height: auto; justify-content: flex-start; gap: 2px; }
.cu-profile .profile-stats-counters .stat-label { width: auto; flex: none; }
.cu-profile .profile-section { width: 100%; box-sizing: border-box; }
@media (max-width: 767.98px) {
  .cu-profile .profile-header, .cu-profile .profile-nav, .cu-profile > .container { width: calc(100% - 32px); }
  .cu-profile .profile-stats-counters { flex: 1 1 100%; margin: 8px 0 0; }
  .cu-profile .profile-header, .cu-profile .profile-section { padding: 20px; }
}

/* =====================================================================
   v3.9.0 – Communauté (clair et sombre) : boutons par rôle, filtres discrets, champs,
   bloc de recherche aligné sur l'accueil, message pour les patients connectés.
   ===================================================================== */
.cu-community-hero .search { border-color: var(--ds-white); }
.cu-community-hero .search:focus-within { outline-color: var(--ds-brun-40); }
html[data-cu-theme="dark"] .cu-community-hero { background: var(--cu-d-surface); }
html[data-cu-theme="dark"] .cu-community-hero .search { border-color: var(--ds-smoke-50); }
html[data-cu-theme="dark"] .cu-community-hero .search:focus-within { outline-color: var(--ds-smoke-30); }
/* Action principale (Nouvelle publication, Publier, envoi de commentaire) */
.cu-community :is(a.button-large, .button-large, .hbs-form input[type="submit"]) { background: var(--ds-smoke-60); color: var(--ds-white); border: 0; border-radius: var(--cu-radius-s); min-height: 44px; padding: 0 18px; font-weight: 700; text-decoration: none; }
.cu-community :is(a.button-large, .button-large, .hbs-form input[type="submit"]):is(:hover, :focus-visible) { background: var(--ds-midnight); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-community :is(a.button-large, .button-large, .hbs-form input[type="submit"]) { background: var(--ds-brun-40); color: var(--ds-midnight); }
html[data-cu-theme="dark"] .cu-community :is(a.button-large, .button-large, .hbs-form input[type="submit"]):is(:hover, :focus-visible) { background: var(--ds-white); color: var(--ds-midnight); }
/* Boutons discrets (filtres, votes, suivre) */
.cu-community :is(.dropdown-toggle, .vote-up, .vote-down, .subscriptions-subscribe button) { background: transparent; color: var(--cu-text); border: 1px solid var(--ds-brun-40); border-radius: var(--cu-radius-s); min-height: 44px; min-width: 44px; padding: 0 14px; font-weight: 600; }
.cu-community :is(.dropdown-toggle, .vote-up, .vote-down, .subscriptions-subscribe button):hover { background: var(--ds-brun-40); }
html[data-cu-theme="dark"] .cu-community :is(.dropdown-toggle, .vote-up, .vote-down, .subscriptions-subscribe button) { border-color: var(--ds-smoke-80); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-community :is(.dropdown-toggle, .vote-up, .vote-down, .subscriptions-subscribe button):hover { background: var(--cu-x-btn-survol); }
/* Champs (nouvelle publication, commentaire) : comme le formulaire de contact */
.cu-community .hbs-form :is(input[type="text"], input[type="email"], textarea, select) { background: var(--ds-white); color: var(--ds-midnight); border: 1px solid var(--ds-smoke-60); border-radius: var(--cu-radius-s); }
.cu-community .hbs-form :is(input[type="text"], input[type="email"], textarea, select):focus { border-color: var(--ds-smoke-60); box-shadow: 0 0 0 2px var(--ds-white), 0 0 0 5px var(--ds-smoke-60); outline: none; }
.cu-community .hbs-form { --ck-color-base-border: var(--ds-smoke-60); --ck-color-toolbar-border: var(--ds-smoke-60); --ck-color-focus-border: var(--ds-smoke-60); }
html[data-cu-theme="dark"] .cu-community .hbs-form :is(input[type="text"], input[type="email"], textarea, select) { background: var(--ds-midnight); color: var(--ds-white); border-color: var(--ds-smoke-50); }
html[data-cu-theme="dark"] .cu-community .hbs-form :is(input[type="text"], input[type="email"], textarea, select):focus { border-color: var(--ds-smoke-30); box-shadow: 0 0 0 3px var(--ds-smoke-60); }
html[data-cu-theme="dark"] .cu-community .hbs-form { --ck-color-base-background: var(--ds-midnight); --ck-color-base-border: var(--ds-smoke-50); --ck-color-toolbar-border: var(--ds-smoke-50); --ck-color-focus-border: var(--ds-smoke-30); --ck-color-text: var(--ds-white); --ck-color-toolbar-background: var(--cu-d-surface); }
/* Message pour les patients connectés (la protection réelle reste le réglage Zendesk des sujets) */
.cu-community-reserved { width: calc(100% - 48px); max-width: 1200px; margin: 24px auto; }
.cu-reserved-message { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 48px 32px; }
.cu-reserved-message p { margin: 0; max-width: 560px; color: var(--cu-muted); }
.cu-reserved-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--cu-beige); color: var(--cu-text); display: flex; align-items: center; justify-content: center; }
.cu-reserved-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 6px; }
html[data-cu-theme="dark"] .cu-reserved-icon { background: var(--cu-d-hover); }
/* Résultats de recherche : filtre « Communauté » masqué aux patients et visiteurs non connectés */
.cu-search-page:is([data-cu-role="end_user"], [data-cu-role="anonymous"]) .cu-filter-community { display: none; }
/* v3.9.0 – Profil : bouton « Suivre » de l'en-tête, comme les pavés (blanc, texte Midnight) ; survol Midnight */
.cu-profile .profile-header :is(.community-follow button, .subscriptions-subscribe button) { background: var(--ds-white); color: var(--ds-midnight); border: 0; border-radius: var(--cu-radius-s); min-height: 44px; padding: 0 16px; font-weight: 600; }
.cu-profile .profile-header :is(.community-follow button, .subscriptions-subscribe button):is(:hover, :focus-visible) { background: var(--ds-midnight); color: var(--ds-white); }
/* v3.9.1 – Mode sombre : contour lavande du bouton thème (il flotte au-dessus du contenu), dessiné à l'intérieur (aucune taille modifiée) */
html[data-cu-theme="dark"] .cu-theme-fab { box-shadow: inset 0 0 0 2px var(--ds-smoke-30), 0 6px 18px rgba(0, 0, 0, 0.45); }
/* v3.9.2 – Écrans tactiles : le survol du bouton thème ne « reste » plus après un toucher (il reprend la couleur de repos) */
@media (hover: none) {
  .cu-theme-fab:hover { background: var(--ds-white); }
  html[data-cu-theme="dark"] .cu-theme-fab:hover { background: var(--cu-x-btn-survol); color: var(--ds-white); }
}

/* v3.9.3 – Mode sombre : encadrés en fonds teintés moyens (option E), un peu plus clairs que la carte d'article ;
   titre = liseré = icône ; texte blanc. Le mode clair n'est pas modifié. */
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EEF2FC" i], [style*="238, 242, 252"]) { background: var(--cu-x-encadre-bleu-sombre) !important; border-left-color: var(--ds-bleu-20) !important; color: var(--ds-white) !important; --cu-box-title: var(--ds-bleu-20); }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EEF2FC" i], [style*="238, 242, 252"]) > :first-child,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EEF2FC" i], [style*="238, 242, 252"]) > :first-child * { color: var(--ds-bleu-20) !important; }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(zd-summary-block, .zd-summary-block, [style*="EAF4EB" i], [style*="234, 244, 235"]) { background: var(--cu-x-encadre-vert-sombre) !important; border-left-color: var(--cu-x-encadre-vert-titre) !important; color: var(--ds-white) !important; --cu-box-title: var(--cu-x-encadre-vert-titre); }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"]) > :first-child,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"]) > :first-child * { color: var(--cu-x-encadre-vert-titre) !important; }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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: var(--cu-x-encadre-urgence-sombre) !important; border-left-color: var(--cu-x-encadre-urgence-titre) !important; color: var(--ds-white) !important; --cu-box-title: var(--cu-x-encadre-urgence-titre); }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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 * { color: var(--cu-x-encadre-urgence-titre) !important; }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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 { background: var(--cu-x-encadre-urgence-titre) !important; }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) { background: var(--cu-x-encadre-gris-sombre) !important; border-left-color: var(--ds-smoke-30) !important; color: var(--ds-white) !important; --cu-box-title: var(--ds-smoke-30); }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > :first-child * { color: var(--ds-smoke-30) !important; }
/* v3.9.3 – Titre des encadrés en mode sombre : vise aussi le premier paragraphe (quand un autre élément le précède dans l'article) */
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EEF2FC" i], [style*="238, 242, 252"]) > p:first-of-type,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EEF2FC" i], [style*="238, 242, 252"]) > p:first-of-type * { color: var(--ds-bleu-20) !important; }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"]) > p:first-of-type,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="EAF4EB" i], [style*="234, 244, 235"]) > p:first-of-type * { color: var(--cu-x-encadre-vert-titre) !important; }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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]) > p:first-of-type,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(.wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning), 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]) > p:first-of-type * { color: var(--cu-x-encadre-urgence-titre) !important; }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > p:first-of-type,
html[data-cu-theme="dark"] body .cu-article-page .article-body :is([style*="FAFAFA" i], [style*="250, 250, 250"]) > p:first-of-type * { color: var(--ds-smoke-30) !important; }
/* v3.9.4 – « S'abonner » (option A) : cloche dans le bouton ; sur mobile, bouton sur la ligne de la date (article)
   et compact au lieu de pleine largeur (section). Ordinateur : disposition inchangée. */
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]) { display: inline-flex; align-items: center; gap: 6px; }
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"])::before {
  content: ""; flex: none; width: 18px; height: 18px; background: currentColor;
  -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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 767.98px) {
  .cu-article-page .article-header { flex-direction: row; align-items: center; column-gap: 12px; }
  .cu-article-page .article-header > :first-child { flex: 0 0 100%; }
  .cu-article-page .article-header .article-author { flex: 1 1 auto; min-width: 0; margin-bottom: 0; }
  .cu-subscribe :is(button, [role="button"]), .cu-subscribe .subscriptions-subscribe { width: auto; }
}
/* v3.9.4 – Badges App Store / Google Play dans les articles : 40 px de haut partout (minimum recommandé par Apple),
   au lieu d'une largeur en % qui les rendait minuscules sur mobile. Le contenu de l'article n'est pas modifié. */
/* v3.9.4 – Mode sombre : « S'abonner » identique sur toutes les pages (violet #2F2750, contour lavande, texte blanc),
   y compris dans l'en-tête clair des sections ; survol un cran plus clair. */
html[data-cu-theme="dark"] .cu-page :is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]) { background: var(--cu-x-btn-abonner); border-color: var(--ds-smoke-30); color: var(--ds-white); }
@media (hover: hover) {
  html[data-cu-theme="dark"] .cu-page :is(.cu-subscribe, .article-subscribe) :is(button, [role="button"]):hover:not([data-selected="true"]) { background: var(--ds-smoke-30); border-color: var(--ds-smoke-30); color: var(--ds-midnight); }
}
/* Profil : texte « Aucune contribution » lisible (Copenhagen #999999 à 2,85:1) */
.cu-profile .profile-section .no-activity { color: var(--ds-smoke-70); }
html[data-cu-theme="dark"] .cu-profile .profile-section .no-activity { color: var(--ds-smoke-30); }
/* Correction 2 (audit) – Communauté : anneau de focus sur « Publier » (retiré par Copenhagen) */
.cu-community :is(.button-large, .hbs-form input[type="submit"]):focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
/* Correction 5 (audit, option C) – Boutons avec texte : rayon 6 px (design system) ; texte, couleurs et hauteurs inchangés.
   Ne concerne ni les cartes, ni les boutons ronds, ni les outils à icône seule (menu mobile, votes). */
html body :is(.cu-btn, .search input[type="submit"], .cu-request-form button[type="submit"], .button-large, .hbs-form input[type="submit"], .comment-form-controls input[type="submit"]),
html body :is(.cu-subscribe, .article-subscribe, .community-follow) :is(button, [role="button"]),
html body .cu-community .dropdown-toggle { border-radius: 6px !important; }
/* Correction 6 (audit) – Cartes et grands blocs : rayon 24 px partout (design system) */
html body :is(.cu-theme, .cu-urgence) { border-radius: 24px !important; }
@media (max-width: 767.98px) {
  html body :is(.cu-card, .cu-help, .cu-search-page .search-results-column, .cu-article-page .article) { border-radius: 24px !important; }
}
/* Correction 9 (audit) – Texte hors titres selon le design system : Body XS 12, S 14, M 16, L 18 px, Button 14 px ; interligne 120 % (150 % pour les articles et publications)
   13 → 12 px · 15 → 14 px · 17 → 16 px · 19 → 18 px. Généré à partir des règles existantes. */
body { line-height: 1.2; }
.cu-page-desc { font-size: 1rem; }
.cu-btn-compact { font-size: 0.875rem; }
.cu-rows a, .cu-rows a:visited { font-size: 1rem; }
.cu-subnav .breadcrumbs li { font-size: 0.875rem; }
.cu-theme-title { font-size: 1.125rem; }
.cu-theme-desc { font-size: 0.875rem; line-height: 1.2; }
.cu-recent .recent-articles a, .cu-recent .recent-articles a:visited { font-size: 1rem; }
.cu-help-text p { font-size: 1rem; }
.cu-article-page .article-body { font-size: var(--cu-fs-article); line-height: 1.2; }
.cu-article-help { font-size: 1rem; line-height: 1.2; }
.cu-footer-bottom { font-size: 0.875rem; }
.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"] { font-size: 1rem; line-height: 1.2; }
.cu-article-page .article-body td[style*="C72809" i], .cu-article-page .article-body td[style*="199, 40, 9"] { font-size: 1rem; line-height: 1.2; }
.cu-article-page .article-body table:not(:has(td[style*="C72809" i], td[style*="199, 40, 9"])) { line-height: 1.2; }
.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]) { font-size: 1rem; line-height: 1.2; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-error, .wysiwyg-callout-warning) { font-size: 1rem; line-height: 1.2; }
zd-autocomplete-title-multibrand { font-size: 0.875rem !important; }
zd-autocomplete-breadcrumbs-multibrand { font-size: 0.75rem !important; }
.cu-contact-hint { line-height: 1.2; }
.cu-article-page .cu-article-help { line-height: 1.2; }
.cu-medical-note { line-height: 1.2; }
.cu-participate p { line-height: 1.2; }
.cu-theme-toggle { font-size: 0.875rem; }
.cu-team-badge { font-size: 0.75rem; }
.cu-reserved-note { font-size: 0.75rem; }
.cu-search-page .search-result-title { font-size: 1.125rem; line-height: 1.2; }
.cu-search-page .search-result-description { line-height: 1.2; }
.cu-noresults-title { font-size: 1.125rem; }
.cu-noresults-contact { line-height: 1.2; }
.cu-noresults-medical { font-size: 0.875rem; }
@media (max-width: 767.98px) {
  .cu-footer-bottom { font-size: 0.75rem; }
}
.cu-help-sante { font-size: 0.875rem; line-height: 1.2; }
.cu-attachment-size { font-size: 0.75rem; }
.cu-docs-hint, .cu-docs-hint:visited { font-size: 0.875rem; }
.cu-page .cu-space-banner { line-height: 1.2; }
/* Tailles fluides de texte -> paliers pairs */
.cu-urgence, .cu-urgence:visited { font-size: 1rem; }
@media (min-width: 768px) { .cu-urgence, .cu-urgence:visited { font-size: 1.125rem; } }
.cu-hero-subtitle { font-size: 1.125rem; line-height: 1.2; }
/* Body XS 12 px : mentions, dates, compteurs, pastilles (Copenhagen compris) */
.cu-footer-bottom, .cu-footer-bottom a, .meta-data, .striped-list-count, .striped-list-count-item, .cu-profile :is(.stat-label, .stat-value), .cu-community .comment-callout { font-size: 0.75rem; line-height: 1.2; }
/* Avertissement médical : information de sécurité, jamais sous Body M 16 px */
.cu-noresults-medical, .cu-medical-note { font-size: 1rem; }
/* Button 14 px (design system) */
html body :is(.cu-btn, .search input[type="submit"], .cu-request-form button[type="submit"], .button-large, .hbs-form input[type="submit"], .comment-form-controls input[type="submit"]),
html body :is(.cu-subscribe, .article-subscribe, .community-follow):not(.cu-section-page .cu-page-header > .cu-subscribe) :is(button, [role="button"]),
html body .cu-community .dropdown-toggle { font-size: 0.875rem !important; }
.cu-community .post-body { line-height: 1.2; }
.cu-theme-title { line-height: 1.2; }
/* Texte long à lire (articles, encadrés, publications) : interligne 160 % pour le confort de lecture */
html body .cu-article-page .article-body, html body .cu-article-page .article-body :is(p, li, td, th, div, blockquote, zd-summary-block) { line-height: 1.5 !important; }
html body .cu-community :is(.post-body, .comment-body) { line-height: 1.5 !important; }
/* Rôles précisés : introduction sous le titre = Body L ; suggestions de recherche = titre Body M, chemin Body S */
.cu-page-desc { font-size: 1.125rem; }
zd-autocomplete-title-multibrand { font-size: 1rem !important; }
zd-autocomplete-breadcrumbs-multibrand { font-size: 0.875rem !important; }
/* Lot 1 – Séparateurs (D42) : une seule couleur en bas d'article (les valeurs Copenhagen #ddd et #848F99 sont remplacées) */
.cu-article-page :is(.article-votes, .article-more-questions, .article-relatives, .article-return-to-top) { border-top-color: var(--cu-line); }

/* Lot 1 – Échelle des titres (D41) : une seule définition, variables --cu-fs-* (voir :root) */
.cu-hero-title { font-size: var(--cu-fs-h1-accueil); line-height: 1.15; text-wrap: balance; }   /* lot 2 (A4) : « Centre d’aide » insécable dans le template */
.cu-h1, .cu-error h1, .cu-article-page .article-title,
.cu-community .page-header h1, .cu-community .community-header h1, .cu-community .post-title { font-size: var(--cu-fs-h1); line-height: 1.2; }
.cu-h2, .cu-section-title, .cu-participate .cu-h2, .cu-help .cu-help-heading,
.cu-article-page .cu-article-help h2, .cu-noresults-contact h2 { font-size: var(--cu-fs-h2); line-height: 1.25; }
.search-results-sidebar .collapsible-sidebar-title { font-size: 1rem; }                      /* 15 → 16 px */
/* Correction 12 A – Listes (questions fréquentes, articles consultés) : flèche simple du deck (aller vers une autre page) */
.cu-rows a .cu-chevron { display: none; }
.cu-rows a::after, .cu-recent .recent-articles a::after { content: ""; flex: none; width: 22px; height: 22px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%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='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Correction 12 B – Accordéons et menus dépliables : flèche simple, qui pivote une fois ouvert */
html body .cu-section-toggle { background: transparent !important; box-shadow: none !important; }
.cu-section-toggle svg { display: none; }
.cu-section-toggle::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--cu-chevron-v) center / contain no-repeat; mask: var(--cu-chevron-v) center / contain no-repeat; }
.cu-section > summary:hover .cu-section-title { text-decoration: underline; }
.cu-section > summary:hover .cu-section-toggle { color: var(--cu-midnight); }
html[data-cu-theme="dark"] .cu-section > summary:hover .cu-section-toggle { color: var(--ds-white); }
/* Menu de la section sur mobile (page article) : même flèche simple, qui pivote, au lieu du chevron puis de la croix */
.cu-article-page .collapsible-sidebar-toggle :is(.chevron-icon, .x-icon) { display: none !important; }
.cu-article-page .collapsible-sidebar-toggle::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--cu-chevron-v) center / contain no-repeat; mask: var(--cu-chevron-v) center / contain no-repeat; transform: none; transition: transform 0.2s; }
.cu-article-page .collapsible-sidebar-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .cu-article-page .collapsible-sidebar-toggle::after { transition: none; } }
/* Correction 12 A (suite) – Articles consultés : flèche simple, quel que soit l'ordre des blocs dans le fichier */
html body .cu-recent .recent-articles a::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%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='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%3E%3C/svg%3E") center / contain no-repeat; }
/* Articles consultés (accueil) – mise en page identique à « Questions fréquentes » :
   lignes de 56 px, séparateurs, flèche simple du deck, survol. Bloc autonome : remplace les corrections 11 et 12 A (suite). */
html body .cu-recent .recent-articles h2, html body .cu-recent .recent-articles-title { display: none; }
html body .cu-recent .recent-articles ul { list-style: none; margin: 0; padding: 0; }
html body .cu-recent .recent-articles li { margin: 0; padding: 0; }
html body .cu-recent .recent-articles li + li { border-top: 1px solid var(--cu-line); }
html body .cu-recent .recent-articles a, html body .cu-recent .recent-articles 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: 1rem; color: var(--cu-text); text-decoration: none;
}
html body .cu-recent .recent-articles a::after {
  content: ""; flex: none; width: 22px; height: 22px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%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='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body .cu-recent .recent-articles a:is(:hover, :focus-visible) { text-decoration: underline; }
html[data-cu-theme="dark"] body .cu-recent .recent-articles a:hover { color: var(--ds-white); }
/* Correction 12 C – Cartes des thèmes : la flèche simple du deck remplace le cercle + chevron, même position */
.cu-page .cu-themes .cu-theme::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%3E%3C/svg%3E") center / contain no-repeat !important; }
/* Correction 13 – En-tête mobile : symbole du logo, bouton du menu, menu ouvert */
/* Bouton du menu : même rayon que les boutons (6 px), pas celui des cartes */
.cu-header .nav-wrapper-mobile .menu-button-mobile.cu-burger { border-radius: 6px; }
/* Logo : symbole seul en dessous de 600 px (lot 2 : breakpoint D44 ; le bouton « Menu » prend de la place) */
.cu-header-logo img.cu-logo-symbol { display: none !important; }
@media (max-width: 599.98px) {
  .cu-header-logo img.cu-logo-wordmark { display: none !important; }
  .cu-header-logo img.cu-logo-symbol { width: 30px; height: 32px; }
  .cu-header-logo img.cu-logo-symbol.cu-logo-light { display: block !important; }
  html[data-cu-theme="dark"] .cu-header-logo img.cu-logo-symbol.cu-logo-light { display: none !important; }
  html[data-cu-theme="dark"] .cu-header-logo img.cu-logo-symbol.cu-logo-dark { display: block !important; }
  .cu-header .cu-header-logo { min-width: 0; margin-right: var(--cu-space-2); }   /* largeur minimale du logo complet supprimée ; 8 px minimum avant les boutons (lot 2) */
  .cu-header .nav-wrapper-mobile a.cu-btn-primary { white-space: nowrap; }
}
@media (max-width: 359.98px) {
  .cu-header .nav-wrapper-mobile a.cu-btn-primary { padding-left: 10px; padding-right: 10px; }   /* très petits écrans : le bouton reste sur une ligne */
}
/* Menu ouvert : panneau sous l'en-tête, page assombrie derrière, fondu de 0,2 s */
@media (max-width: 1023.98px) {
  html body .cu-header .nav-wrapper-mobile .menu-list-mobile {
    display: block !important; position: fixed; top: var(--cu-menu-top, 72px); left: 12px; right: 12px; width: auto;
    max-height: calc(100dvh - var(--cu-menu-top, 72px) - 12px); overflow-y: auto; overscroll-behavior: contain;
    padding: 0; border: 0; border-radius: 24px; background: var(--ds-white); box-shadow: 0 16px 40px rgba(13, 8, 38, 0.2); z-index: 1002;
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0s linear 0.2s;
  }
  html body .cu-header .nav-wrapper-mobile .cu-burger[aria-expanded="true"] ~ .menu-list-mobile { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
  html[data-cu-theme="dark"] body .cu-header .nav-wrapper-mobile .menu-list-mobile { background: var(--cu-d-surface); }
  html.cu-menu-open body::after { content: ""; position: fixed; inset: 0; z-index: 1000; background: rgba(13, 8, 38, 0.45); animation: cu-menu-fade 0.2s ease-out; }
  html.cu-menu-open .cu-header { z-index: 1001; }
  html.cu-menu-open { overflow: hidden; }
html.cu-menu-open body { overflow: clip; }
@media (max-height: 499.98px) { html.cu-menu-open .cu-header { position: relative; background: var(--cu-beige); } }
  html.cu-menu-open .cu-theme-fab { visibility: hidden; }   /* le bouton du thème ne passe pas au-dessus du menu */
  /* Liens : lignes de 52 px, texte de 16 px, fond léger au survol */
  html body .cu-header .menu-list-mobile-items .item > :is(a, button) {
    display: flex; align-items: center; gap: 12px; box-sizing: border-box; width: 100%; min-height: 52px; padding: 0 14px;
    border: 0; border-radius: var(--cu-radius-s); background: none; font: inherit; font-size: 1rem; font-weight: 500; line-height: 1.2;
    color: var(--cu-text); text-align: left; text-decoration: none; cursor: pointer;
  }
  html body .cu-header .menu-list-mobile-items .item > :is(a, button):hover { background: var(--ds-brun-20); text-decoration: underline; }
  html[data-cu-theme="dark"] body .cu-header .menu-list-mobile-items .item > :is(a, button):hover { background: var(--cu-d-hover); }
  html body .cu-header .menu-list-mobile-items .item:empty { display: none; }
  html body .cu-header .menu-list-mobile-items .nav-divider { height: 1px; margin: 8px 14px; background: var(--cu-line); border: 0; }
  html body .cu-header .menu-list-mobile .cu-menu-icon { display: none; }
  /* Profil en tête */
  html body .cu-header .menu-list-mobile-items .user-avatar-item .my-profile { min-height: 64px; gap: 14px; }
  html body .cu-header .menu-list-mobile-items .menu-profile-avatar { width: 40px; height: 40px; border-radius: 50%; }
  html body .cu-header .menu-list-mobile-items .menu-profile-name > div:first-child { font-weight: 700; }
  html body .cu-header .menu-list-mobile-items .my-profile-tooltip { font-size: 0.875rem; font-weight: 400; color: var(--cu-text-muted, var(--ds-smoke-70)); }
  /* Contact (action secondaire) et Connexion (action principale) : de vrais boutons, comme dans l'en-tête */
  html body .cu-header .menu-list-mobile-items .item > a:is(.submit-a-request, [href*="signin"], [href*="sign_in"]) {
    justify-content: center; min-height: 48px; margin: 8px 14px 2px; width: calc(100% - 28px); border-radius: 6px; font-size: 0.875rem; font-weight: 700; text-decoration: none;
  }
      html body .cu-header .menu-list-mobile-items .item:first-child > a:is(.submit-a-request, [href*="signin"], [href*="sign_in"]) { margin-top: 16px; }
  :root.cu-js body .cu-header .menu-list-mobile-items .item:not(:has(~ .item:not(:empty))) > a:is(.submit-a-request, [href*="signin"], [href*="sign_in"]) { margin-bottom: 16px; }
  :root.cu-js body .cu-header .menu-list-mobile-items .nav-divider:has(+ .item > a.submit-a-request) { display: none; }
  :root.cu-js body .cu-header .menu-list-mobile-items .nav-divider:has(+ .item > a.submit-a-request) + .item > a.submit-a-request { margin-top: 16px; }
  :root.cu-js body .cu-header .menu-list-mobile-items .nav-divider:has(+ .item:empty + .item:empty + .item:empty + .nav-divider) { display: none; }
html body .cu-header .menu-list-mobile-items .item > a.submit-a-request { background: var(--ds-brun-40); color: var(--ds-midnight); }
  html body .cu-header .menu-list-mobile-items .item > a:is([href*="signin"], [href*="sign_in"]) { background: var(--ds-smoke-60); color: var(--ds-white); }
  html body .cu-header .menu-list-mobile-items .item > a:is(.submit-a-request, [href*="signin"], [href*="sign_in"]):hover { background: var(--ds-midnight); color: var(--ds-white); text-decoration: none; }
  html[data-cu-theme="dark"] body .cu-header .menu-list-mobile-items .item > a.submit-a-request { background: var(--cu-x-btn); color: var(--ds-white); }
  html[data-cu-theme="dark"] body .cu-header .menu-list-mobile-items .item > a:is([href*="signin"], [href*="sign_in"]) { background: var(--ds-brun-40); color: var(--ds-midnight); }
  html[data-cu-theme="dark"] body .cu-header .menu-list-mobile-items .item > a:is(.submit-a-request, [href*="signin"], [href*="sign_in"]):hover { background: var(--ds-white); color: var(--ds-midnight); }
}
/* Tablette : panneau aligné à droite, largeur limitée */
@media (min-width: 768px) and (max-width: 1023.98px) {
  html body .cu-header .nav-wrapper-mobile .menu-list-mobile { left: auto; right: 16px; width: min(26rem, calc(100vw - 32px)); }
}
@keyframes cu-menu-fade { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  html body .cu-header .nav-wrapper-mobile .menu-list-mobile { transition: none; transform: none; }
  html.cu-menu-open body::after { animation: none; }
}
/* Correction 14 – Encart d'aide (« Besoin d'aide ? », « Vous n'avez pas trouvé la réponse ? ») :
   coordonnées plus aérées et hiérarchie plus nette ; mention médicale lisible (information de sécurité). */
html body .cu-contact-list { gap: 24px; }                                   /* 14 px avant : on distinguait mal les coordonnées */
html body .cu-contact-item > span, html body .cu-contact-list li > span { gap: 4px; }   /* donne environ 8 px visibles, compte tenu de l'interligne de la description */
html body .cu-contact-hint { line-height: 1.5; }                            /* description sur 2 lignes (horaires) : interligne de lecture */
html body .cu-contact-main, html body .cu-contact-list a { text-underline-offset: 3px; }
html body .cu-contact-list .cu-contact-item img, html body .cu-contact-list img { margin-top: 0; }
html body .cu-help-sante { font-size: 1rem; line-height: 1.5; }             /* « ne répond pas aux questions médicales » : Body M, jamais moins */
/* Correction 15 – Zones cliquables : au moins 44 × 44 px (cible de la charte ; WCAG 2.2 exige 24 px),
   en agrandissant la zone qui réagit au clic, sans changer l'apparence (marge intérieure compensée par une marge négative). */
/* Fil d'Ariane (16 px de haut) */
html body .breadcrumbs li a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -14px; }
/* Logo de l'en-tête */
html body .cu-header-logo a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
/* Communauté : titres des publications et noms des auteurs (19 px) */
html body .cu-community :is(.striped-list-title, .meta-data a, .community-author a, .post-author a, .comment-author a) { display: inline-block; padding-block: 13px; margin-block: -13px; }
/* Pied de page : liens et logo (34 à 40 px) */
html body .cu-footer :is(a, .cu-footer-logo) { display: inline-flex; align-items: center; min-height: 44px; }
/* Navigation des articles et de la recherche (39 px) */
html body .sidenav-item { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }
/* Boutons de menu du profil et de la recherche sur mobile (25 × 25 px) */
html body :is(.collapsible-nav-toggle, .search-results-sidebar .collapsible-sidebar-toggle) { min-width: 44px; min-height: 44px; }
/* Ordinateur, utilisateur connecté : flèche du menu utilisateur (12 × 18 px) */
html body .user-info .dropdown-toggle { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
/* Page d'erreur : « Retour à l'accueil » devient le bouton principal de la page */
html body :is(.cu-error, .error-page) a[href]:last-of-type { display: inline-flex; align-self: flex-start; width: auto; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; border-radius: 6px; background: var(--ds-smoke-60); color: var(--ds-white); font-size: 0.875rem; font-weight: 700; text-decoration: none; }
html body :is(.cu-error, .error-page) a[href]:last-of-type:hover { background: var(--ds-midnight); color: var(--ds-white); }
html[data-cu-theme="dark"] body :is(.cu-error, .error-page) a[href]:last-of-type { background: var(--ds-brun-40); color: var(--ds-midnight); }
html[data-cu-theme="dark"] body :is(.cu-error, .error-page) a[href]:last-of-type:hover { background: var(--ds-white); color: var(--ds-midnight); }
/* Correction 16 – En-tête : centrage optique du texte des boutons, taille du logo, menu de l'utilisateur sur ordinateur */
/* Texte des boutons centré sur la hauteur réelle des lettres (corrige le décalage à 125 et 150 % de zoom ; sans effet sur Firefox) */
html body .cu-header a:is(.cu-btn-primary, .cu-btn-secondary) .cu-btn-label { display: block; text-box: trim-both cap alphabetic; }
/* Logo complet : même taille que sur ordinateur à partir de 480 px, jamais écrasé */
html body .cu-header .cu-header-logo, html body .cu-header .cu-header-logo img { flex-shrink: 0; }
html body .cu-header .cu-header-logo img.cu-logo-wordmark { height: 30px; width: auto; max-width: none; }
/* Menu de l'utilisateur connecté (ordinateur) : même design que le menu mobile */
html body .cu-header .user-info .dropdown-toggle .user-avatar { width: 32px; height: 32px; border-radius: 50%; }
html body .cu-header .user-info .dropdown-chevron-icon { transition: transform 0.2s; }
html body .cu-header .user-info .dropdown-toggle[aria-expanded="true"] .dropdown-chevron-icon { transform: rotate(180deg); }
html body .cu-header .user-info .dropdown-menu { min-width: 16rem; margin-top: 8px; padding: 0; overflow: hidden; border: 0; border-radius: 24px; background: var(--ds-white); box-shadow: 0 16px 40px rgba(13, 8, 38, 0.2); }
html body .cu-header .user-info .dropdown-menu[aria-expanded="true"] { animation: cu-dd-pop 0.2s ease-out; }
html body .cu-header .user-info .dropdown-menu [role="menuitem"] {
  display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: 52px; padding: 0 14px;
  border: 0; border-radius: var(--cu-radius-s); background: none; font: inherit; font-size: 1rem; font-weight: 500; line-height: 1.2;
  color: var(--cu-text); text-align: left; text-decoration: none; white-space: nowrap; cursor: pointer;
}
html body .cu-header .user-info .dropdown-menu [role="menuitem"]:is(:hover, :focus) { background: var(--ds-brun-20); text-decoration: underline; }
html body .cu-header .user-info .dropdown-menu [role="menuitem"]:focus-visible { outline-offset: -3px; }
html body .cu-header .user-info .dropdown-menu .separator { height: 1px; margin: 8px 14px; border: 0; background: var(--cu-line); }
html[data-cu-theme="dark"] body .cu-header .user-info .dropdown-menu { background: var(--cu-d-surface); }
html[data-cu-theme="dark"] body .cu-header .user-info .dropdown-menu [role="menuitem"]:is(:hover, :focus) { background: var(--cu-d-hover); }
@keyframes cu-dd-pop { from { opacity: 0; transform: translateY(-8px); } }
@media (prefers-reduced-motion: reduce) {
  html body .cu-header .user-info .dropdown-menu[aria-expanded="true"] { animation: none; }
  html body .cu-header .user-info .dropdown-chevron-icon { transition: none; }
}
/* Nom de l'utilisateur dans l'en-tête : largeur limitée, coupé avec « … » s'il est très long (évite le débordement à 1024 px) ; la flèche reste visible */
html body .cu-header .user-info .dropdown-toggle > span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
html body .cu-header .user-info .cu-user-name { display: inline-block; max-width: 14rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
@media (max-width: 1279.98px) { html body .cu-header .user-info .cu-user-name { max-width: 9rem; } }
/* Correction 17 – Gris de Copenhagen hors palette (#666666, #999999) remplacés par le texte secondaire Cureety
   (Smoke 70 #4C4860 en clair, Smoke 40 #C0BBD5 en sombre) : compteurs des filtres et informations de la recherche, activité privée du profil. */
html body :is(.search-results-sidebar .multibrand-filter-list .doc-count, .sidenav-subitem, .search-result-meta-container, .profile-section .private-activity) { color: var(--cu-muted); }
/* Correction 16 B – Menus (utilisateur sur ordinateur, menu mobile) : survol comme les suggestions de la recherche,
   fond léger + liseré de 4 px à gauche (Smoke en clair, lavande en sombre), coins droits pour un liseré net. */
html body .cu-header :is(.user-info .dropdown-menu [role="menuitem"], .menu-list-mobile-items .item > :is(a, button):not(.submit-a-request, [href*="signin"], [href*="sign_in"])) { border-radius: 0; }
html body .cu-header :is(.user-info .dropdown-menu [role="menuitem"], .menu-list-mobile-items .item > :is(a, button):not(.submit-a-request, [href*="signin"], [href*="sign_in"])):hover { background: var(--ds-brun-20); box-shadow: inset 4px 0 0 var(--ds-smoke-60); text-decoration: underline; }
html[data-cu-theme="dark"] body .cu-header :is(.user-info .dropdown-menu [role="menuitem"], .menu-list-mobile-items .item > :is(a, button):not(.submit-a-request, [href*="signin"], [href*="sign_in"])):hover { background: var(--cu-d-hover); box-shadow: inset 4px 0 0 var(--ds-smoke-30); }
/* Correction 18 – Deux couleurs de texte par mode (hors titres des encadrés d'articles, qui suivent leur liseré) :
   clair : Midnight #0D0826 (principal) et Smoke 70 #4C4860 (secondaire), sur tous les fonds clairs ;
   sombre : blanc (principal) et lavande Smoke 30 #DCD8ED (secondaire) sur les fonds sombres ; Midnight et Smoke 70 sur les blocs clairs. */
/* Clair · texte secondaire en Smoke 60 → Smoke 70 (liens de l'en-tête, fil d'Ariane, navigation des articles, votes, retour, « Voir la page… ») */
html:not([data-cu-theme="dark"]) body :is(.cu-nav-link, .cu-header .nav-wrapper-desktop a.cu-nav-link, .cu-subnav .breadcrumbs li a, .cu-article-page .sidenav-title, .collapsible-sidebar-title, .cu-see-all, .cu-back-link, .cu-searchbox .search-icon) { color: var(--ds-smoke-70); }
/* Clair · titre « Parcourir par thème » sur le fond vert : Midnight */
html:not([data-cu-theme="dark"]) body .cu-page .cu-themes-field .cu-h2 { color: var(--ds-midnight); }
/* Profil : libellés des pavés en Smoke 70 sur l'en-tête (vert ou bleu, clair ou sombre), lavande dans les pavés sombres */
html body .cu-profile, html body .cu-profile.cu-profile-agent { --cu-prof-lab: var(--ds-smoke-70); }
/* Sombre · un seul blanc et une seule lavande */
html[data-cu-theme="dark"], html[data-cu-theme="dark"]:has(.cu-request-page) .cu-page .cu-request-form { --cu-text: var(--ds-white); --cu-midnight: var(--ds-white); --cu-muted: var(--ds-smoke-30); }
html[data-cu-theme="dark"] body .cu-community .community-follow :is(button, [role="button"]) { color: var(--ds-white); }
html[data-cu-theme="dark"] body .cu-article-page .article-body :is(td, th) :is(strong, b, span) { color: var(--ds-white); }
/* Correction 18 (fin) – Boutons de la communauté hérités de Copenhagen, en sombre :
   « Nouvelle publication » = bouton beige (Midnight sur Beige 40) ; « Suivre » dans une publication = texte blanc. Profil non concerné. */
html[data-cu-theme="dark"] body .cu-community a.button:not(:hover):not(:focus-visible) { background: var(--ds-brun-40); color: var(--ds-midnight); }
html[data-cu-theme="dark"] body .cu-community:not(.cu-profile) .community-follow button:not(:hover):not(:focus-visible) { color: var(--ds-white); }
/* Correction 18 (suite, générée) – Couleurs de texte écrites en dur remplacées, à force égale :
   sombre : Smoke 10 #F4F3F8 → blanc ; clair : Smoke 60 → Smoke 70 #4C4860 (hors boutons et encadrés d'articles). */
:where(html:not([data-cu-theme="dark"])) a { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) a:visited { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-chevron { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-nav-link, :where(html:not([data-cu-theme="dark"])) .cu-nav-link:visited { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-header .nav-wrapper-desktop a.cu-nav-link { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-searchbox .search-icon { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-subnav .breadcrumbs li a, :where(html:not([data-cu-theme="dark"])) .cu-subnav .breadcrumbs li a:visited { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-article-page .sidenav-title { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-article-page .article-vote { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-back-link, :where(html:not([data-cu-theme="dark"])) .cu-back-link:visited { color: var(--ds-smoke-70); }
html[data-cu-theme="dark"] body { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-article-page .cu-article-card > .cu-article-help { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-article-page .article-body h2, html[data-cu-theme="dark"] .cu-article-page .article-body h2 * { color: var(--ds-white) !important; }
html[data-cu-theme="dark"] .cu-article-page .article-body table th, html[data-cu-theme="dark"] .cu-article-page .article-body table thead td { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-article-page .article-body :is(pre, code) { color: var(--ds-white); }
html[data-cu-theme="dark"] .search input[type="search"] { color: var(--ds-white); }
:where(html:not([data-cu-theme="dark"])) .cu-team-badge { color: var(--ds-smoke-70); }
html[data-cu-theme="dark"] .cu-team-card,
html[data-cu-theme="dark"] .cu-team-badge { color: var(--ds-white); }
:where(html:not([data-cu-theme="dark"])) .cu-reserved-note { color: var(--ds-smoke-70); }
html[data-cu-theme="dark"] :is(.cu-theme.cu-theme-reserved, .cu-themes-reserved .cu-theme, .cu-page-header .cu-reserved-note) { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-symptome-equipe { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-noresults-contact { color: var(--ds-white); }
html[data-cu-theme="dark"] body .cu-request-page .cu-request-header { color: var(--ds-white); }
:where(html:not([data-cu-theme="dark"])) .cu-attachment-dl { color: var(--ds-smoke-70); }
:where(html:not([data-cu-theme="dark"])) .cu-docs-hint, :where(html:not([data-cu-theme="dark"])) .cu-docs-hint:visited { color: var(--ds-smoke-70); }
html[data-cu-theme="dark"] :is(.cu-attachment-icon, .cu-attachment-name) { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme,
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:visited { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-page .cu-themes .cu-theme.cu-theme.cu-theme:is(:hover, :focus) { color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-page .cu-cat-cards .cu-reserved-note { color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-page .cu-request-form { color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input_label"], [data-garden-id="dropdowns.combobox.label"], [data-garden-id="forms.checkbox_label"], [data-garden-id="forms.radio_label"], [data-garden-id="forms.toggle_label"]) { color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.input"], [data-garden-id="forms.textarea"], [data-garden-id="forms.faux_input"], [data-garden-id="forms.media_input"], [data-garden-id="dropdowns.combobox.trigger"]) { color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="dropdowns.combobox.input"], [data-garden-id="dropdowns.combobox.value"]) { color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form :is([data-garden-id="forms.file"], [data-garden-id="forms.file_list.item"] > *) { color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) .cu-request-form .ck.ck-editor__editable { color: var(--ds-white); }
html[data-cu-theme="dark"] :is([data-garden-id="dropdowns.combobox.floating"] > *, [data-garden-id="dropdowns.combobox.listbox"]) { color: var(--ds-white) !important; }
html[data-cu-theme="dark"] [data-garden-id="dropdowns.combobox.option"] { color: var(--ds-white) !important; }
:where(html:not([data-cu-theme="dark"])) .cu-profile .collapsible-nav-list li, :where(html:not([data-cu-theme="dark"])) .cu-profile .collapsible-nav-list li a { color: var(--ds-smoke-70); }

/* =====================================================================
   Lot 1 – Interrupteur « Mode sombre » : affiché seulement si le script
   fonctionne (classe cu-js posée par document_head.hbs) – règle 10.2.
   ===================================================================== */
:root:not(.cu-js) :is(.cu-theme-toggle-item, .cu-theme-fab) { display: none; }

/* =====================================================================
   Lot 1 – Pages Zendesk d'origine en mode sombre (D33, D48) : les couleurs
   viennent des variables --zd-* (bloc « Mode sombre »). Champs de saisie :
   bordure Smoke 50 (contraste ≥ 3:1, critère 1.4.11).
   ===================================================================== */
html[data-cu-theme="dark"] body:not(:has(.cu-page)) :is(input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"], [type="hidden"]), textarea, select) {
  border-color: var(--cu-d-border); background-color: var(--cu-d-surface); color: var(--ds-smoke-10);
}

/* Lot 1 (D56) – Mode clair : demande aux navigateurs de ne pas assombrir la page d'office */
html:not([data-cu-theme="dark"]) { color-scheme: only light; }

/* =====================================================================
   Lot 2 – En-tête, menu mobile, accueil (D60 à D66, voir DECISIONS.md)
   Règles nouvelles uniquement ; les règles existantes du périmètre ont
   été modifiées à leur place (alignement, menu, photo, carte d'aide).
   ===================================================================== */

/* Menu mobile sans JavaScript (règle 12) : le bouton ne fonctionnerait pas → masqué ;
   les liens du menu (Contact, Connexion…) sont affichés sous la barre de l'en-tête */
@media (max-width: 1023.98px) {
  :root:not(.cu-js) .cu-header .menu-button-mobile { display: none; }
  :root:not(.cu-js) .cu-header .cu-header-bar { flex-wrap: wrap; }
  :root:not(.cu-js) .cu-header .nav-wrapper-mobile { display: contents; }
  :root:not(.cu-js) body .cu-header .nav-wrapper-mobile .menu-list-mobile {
    display: block; position: static; flex-basis: 100%; width: 100%; max-height: none; padding: 0; overflow: visible; border-radius: 0;
    opacity: 1; visibility: visible; transform: none; box-shadow: none; background: transparent;
  }
  :root:not(.cu-js) body .cu-header .menu-list-mobile-items { display: flex; flex-wrap: wrap; gap: var(--cu-space-2); padding-top: var(--cu-space-2); }
  :root:not(.cu-js) body .cu-header .menu-list-mobile-items .item > a:is(.submit-a-request, [href*="signin"], [href*="sign_in"]) { width: auto; margin: 0; padding: 0 var(--cu-space-4); }
}

/* Accueil : espacements sur l'échelle D43 (24 · 32 · 48 px) */
.cu-home-page .cu-card, .cu-home-page .cu-help { padding: var(--cu-space-5); }
.cu-home-page .cu-hero-panel { padding: var(--cu-space-5); gap: var(--cu-space-5); }
.cu-home-page .cu-theme, .cu-home-page .cu-theme:visited { padding: var(--cu-space-5); }
@media (min-width: 768px) {
  .cu-home-page .cu-card, .cu-home-page .cu-help { padding: var(--cu-space-6); }
  .cu-home-page .cu-hero-panel { padding: var(--cu-space-6); gap: var(--cu-space-6); }
}
@media (min-width: 1024px) {
  .cu-home-page .cu-card, .cu-home-page .cu-help { padding: var(--cu-space-7); }
  .cu-home-page .cu-hero-panel { padding: var(--cu-space-7); }
}

/* Accueil et page catégorie (lot 3) : bandeau urgence sans flèche (D65 révisée) ; cœur et texte centrés horizontalement
   et verticalement, à toutes les largeurs. Le cœur est placé dans la ligne de texte :
   l'ensemble reste centré même quand le texte passe sur deux lignes. */
:is(.cu-page:is(.cu-home-page, .cu-category-page, .cu-section-page), .cu-request-layout, .cu-symptome) > .cu-urgence {
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: var(--cu-space-4) var(--cu-space-5); min-height: 64px;
}
:is(.cu-page:is(.cu-home-page, .cu-category-page, .cu-section-page), .cu-request-layout, .cu-symptome) > .cu-urgence span { display: block; max-width: 100%; text-wrap: balance; }
:is(.cu-page:is(.cu-home-page, .cu-category-page, .cu-section-page), .cu-request-layout, .cu-symptome) > .cu-urgence .cu-urgence-icon { display: inline-block; vertical-align: middle; margin: 0 var(--cu-space-3) 0 0; position: relative; top: -0.08em; }
@media (max-width: 767.98px) {
  :is(.cu-page:is(.cu-home-page, .cu-category-page, .cu-section-page), .cu-request-layout, .cu-symptome) > .cu-urgence { padding: var(--cu-space-3) var(--cu-space-4); }
  :is(.cu-page:is(.cu-home-page, .cu-category-page, .cu-section-page), .cu-request-layout, .cu-symptome) > .cu-urgence .cu-urgence-icon { margin-right: var(--cu-space-2); }
}

/* Cartes de thèmes sans flèche, accueil et page catégorie (D71) ; l'espace réservé à la flèche est rendu au titre. */
.cu-page .cu-themes .cu-theme::after { content: none; }
.cu-page .cu-themes > li:not(.cu-theme-item-probleme) .cu-theme-title { padding-right: 0; }

/* Cartes « Besoin d'aide » (accueil, formulaire, fin d'article, page « aucun résultat ») – D6 :
   deux bruns du design system sur le fond Brun 40, mode clair uniquement.
   Titre : Brun 80 Nut (6,5:1) ; texte, coordonnées et mention médicale : Brun 100 (11,6:1) ;
   textes secondaires : Brun 80 (6,5:1). Icônes inchangées (D52). */
html:not([data-cu-theme="dark"]) :is(.cu-home-page .cu-help, .cu-article-page .cu-article-help, .cu-request-page .cu-request-header, .cu-noresults-contact) {
  color: var(--ds-brun-100);
  --cu-text: var(--ds-brun-100); --cu-midnight: var(--ds-brun-100); --cu-muted: var(--ds-brun-80);
}
html:not([data-cu-theme="dark"]) :is(.cu-home-page .cu-help .cu-help-heading, .cu-article-page .cu-article-help h2, .cu-request-page .cu-request-header .cu-h2, .cu-noresults-contact h2) { color: var(--ds-brun-80); }
html:not([data-cu-theme="dark"]) :is(.cu-home-page .cu-help, .cu-article-page .cu-article-help, .cu-request-page .cu-request-header, .cu-noresults-contact) :is(p, .cu-page-desc, .cu-help-sante, .cu-help-sante a, .cu-help-sante a:visited, .cu-contact-list a, .cu-contact-list a:visited, .cu-contact-main) { color: var(--ds-brun-100); }
html:not([data-cu-theme="dark"]) :is(.cu-home-page .cu-help, .cu-article-page .cu-article-help, .cu-request-page .cu-request-header, .cu-noresults-contact) .cu-contact-hint { color: var(--ds-brun-80); }

/* Article : bloc « Récemment consultés » (même titre que l'accueil) ; titre Zendesk masqué ;
   bloc entier masqué s'il est vide */
.cu-recent-article .recent-articles :is(h2, h3, .recent-articles-title) { display: none; }
.cu-recent-article:not(:has(li)) { display: none; }

/* =====================================================================
   Lot 3 – Page thème et page catégorie
   ===================================================================== */
/* Recherche seule au-dessus de l'en-tête, alignée à droite sur ordinateur (pleine largeur sur téléphone, règle existante) */
.cu-page .sub-nav.cu-subnav.cu-subnav-search { justify-content: flex-end; }
/* Fil d'Ariane en haut de l'en-tête vert : texte Midnight dans les deux modes (12,2:1 sur Vert 20, 10,9:1 sur sauge) */
.cu-page .cu-page-header > .cu-header-crumbs { display: block; margin: 0 0 var(--cu-space-4); }
.cu-page .cu-page-header > .cu-header-crumbs .breadcrumbs { margin: 0; justify-content: flex-start; }
html body .cu-page .cu-page-header > .cu-header-crumbs .breadcrumbs :is(li, li a, li a:visited, li + li::before) { color: var(--ds-midnight); }
/* Page thème : S'abonner sous le titre, à droite, comme dans l'article (choix 2 A) ; passe sous la description sur téléphone */
.cu-section-page .cu-page-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--cu-space-5); align-items: start; }
.cu-section-page .cu-page-header > * { grid-column: 1 / -1; }
.cu-section-page .cu-page-header > .cu-page-desc { grid-column: 1; }
.cu-section-page .cu-page-header > .cu-subscribe { grid-column: 2; justify-self: end; margin-top: var(--cu-space-2); }
@media (max-width: 599.98px) {
  .cu-section-page .cu-page-header > :is(.cu-page-desc, .cu-subscribe) { grid-column: 1 / -1; }
  .cu-section-page .cu-page-header > .cu-subscribe { margin-top: var(--cu-space-4); }
}
/* Thème vide */
.cu-empty-msg { margin: 0; color: var(--cu-muted); }
html[data-cu-theme="dark"] .cu-empty-msg { color: var(--ds-smoke-30); }


/* =====================================================================
   Lot 4 – Page article (manifest 4.3.0). Décisions validées par Cureety le 23/10/2026.
   Option A simple + trois ajouts (onglet choisi selon l'écran, agrandissement des captures,
   sommaire des articles longs). Aucune nouvelle dépendance ; aucune règle prioritaire ajoutée (T3).
   ===================================================================== */
:root { --cu-fs-article: clamp(1.0625rem, 1.0208rem + 0.2083vw, 1.125rem); --cu-box-pad: 16px 24px; }

/* Grille (D34, D67) : colonne latérale 300 à 400 px, article à la largeur du texte (60 ch), bords alignés sur l'en-tête */
.cu-article-page .article-container { justify-content: flex-start; }
.cu-article-page .sidenav-item.current-article { font-weight: 700; }
/* Sans JavaScript, sous 1 024 px : la liste du thème reste lisible (dépliée) */
@media (max-width: 1023.98px) {
  :root:not(.cu-js) .cu-article-page .collapsible-sidebar { max-height: none; }
  :root:not(.cu-js) .cu-article-page .collapsible-sidebar-body { display: block; }
  :root:not(.cu-js) .cu-article-page .collapsible-sidebar-toggle { display: none; }
}
/* Carte de l'article : texte centré quand la carte est plus large que le texte (tablette) */
.cu-article-page .cu-article-card { padding-inline: max(48px, calc((100% - 60ch) / 2)); }
@media (max-width: 767.98px) { .cu-article-page .cu-article-card { padding: 24px; padding-inline: max(24px, calc((100% - 60ch) / 2)); } }
@media (max-width: 359.98px) { .cu-article-page .cu-article-card { padding: 16px; padding-inline: max(16px, calc((100% - 60ch) / 2)); } }

/* Bannière de l'article (v2) : fil d'Ariane, icône et nom de la sous-section, comme la page thème */
.cu-article-page .cu-article-head { margin: 0 0 var(--cu-gap); }
.cu-article-page .cu-article-head .cu-article-section { margin: 0; font-size: var(--cu-fs-h2); color: var(--ds-midnight); text-wrap: pretty; }
.cu-article-page .cu-article-head .cu-article-section .cu-title-icon { width: clamp(28px, 1.6vw + 20px, 36px); }

/* Titre de l'article (v2) : en haut de la carte, puis la date et « S'abonner » sur une ligne, puis un filet */
.cu-article-page .cu-article-titlebar { margin: 0 0 32px; padding: 0; border-bottom: 0; }
.cu-article-page .cu-article-title { margin: 0 0 12px; text-wrap: pretty; }
.cu-article-page .cu-article-title .icon-lock { margin-left: var(--cu-space-2); vertical-align: middle; }
/* « S'abonner » sur la ligne de la date tant qu'il y a la place ; sinon dessous, toujours à droite */
.cu-article-page .cu-article-meta-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.cu-article-page .cu-article-meta-row .cu-article-meta { margin: 0; font-size: 0.875rem; color: var(--cu-muted); }
.cu-article-page .cu-article-meta-row .article-subscribe { margin: 0 0 0 auto; }
.cu-article-page .cu-article-meta .meta-data { color: inherit; }
.cu-article-page .cu-article-meta .meta-data::after { content: none; }

/* Texte et titres (D24, D41, D43) */
.cu-article-page .article-body > :first-child { margin-top: 0; --cu-box-margin: 0 0 24px; }
.cu-article-page .article-body h3 { font-size: clamp(1.1875rem, 1.15rem + 0.15vw, 1.25rem); line-height: 1.3; font-weight: 600; margin: 28px 0 6px; text-wrap: pretty; }

/* Étapes : numéros classiques en Midnight gras, sous-étapes indentées avec un trait beige */
.cu-article-page .article-body ol { padding-left: 2em; margin: 0 0 24px; }
.cu-article-page .article-body ol > li { margin: 0 0 12px; padding-left: 4px; }
.cu-article-page .article-body ol > li::marker { font-weight: 700; color: var(--ds-midnight); }
.cu-article-page .article-body ul { padding-left: 1.5em; }
.cu-article-page .article-body ul > li { margin: 0 0 8px; }
.cu-article-page .article-body ul > li::marker { color: var(--ds-midnight); }
.cu-article-page .article-body li :is(ol, ul) { margin: 8px 0 0; padding-left: calc(24px + 1.5em); border-left: 2px solid var(--ds-brun-40); }
html[data-cu-theme="dark"] .cu-article-page .article-body :is(ol, ul) > li::marker { color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] .cu-article-page .article-body li :is(ol, ul) { border-left-color: var(--ds-smoke-70); }

/* Captures : téléphone limité en largeur et en hauteur, coins 24 px ; autres jamais agrandies, coins 6 px ; toutes centrées */
.cu-article-page .article-body img.cu-img-phone { display: block; width: auto; height: auto; max-width: min(100%, 260px); max-height: 70vh; margin: 16px auto 8px; border: 1px solid var(--cu-line); border-radius: var(--cu-radius-l); }
@media (min-width: 768px) { .cu-article-page .article-body img.cu-img-phone { max-width: min(100%, 300px); } }
.cu-article-page .article-body img.cu-img-screen { display: block; width: auto; height: auto; max-width: 100%; margin: 16px auto 8px; border: 1px solid var(--cu-line); border-radius: var(--cu-radius-s); }
@media (min-width: 600px) {
  .cu-article-page .article-body .cu-img-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 16px; margin: 16px 0; }
  .cu-article-page .article-body .cu-img-row > * { flex: 0 1 300px; min-width: 0; margin: 0; }
  .cu-article-page .article-body .cu-img-row img.cu-img-phone { max-width: 100%; margin: 0 auto; }
}
.cu-article-page .article-body .cu-zoom-btn { display: flex; align-items: center; gap: 4px; min-height: 44px; margin: 0 auto 16px; padding: 0 8px; border: 0; background: transparent; color: var(--cu-text); font: inherit; font-size: 0.875rem; font-weight: 600; text-decoration: underline; cursor: pointer; }
.cu-article-page .article-body .cu-zoom-btn:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
.cu-img-dialog { width: fit-content; max-width: 96vw; max-height: 92vh; padding: 0; border: 0; border-radius: var(--cu-radius-l); background: var(--cu-white); color: var(--cu-text); }
.cu-img-dialog::backdrop { background: rgba(13, 8, 38, 0.7); }
.cu-img-dialog-head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background: inherit; border-bottom: 1px solid var(--cu-line); }
.cu-img-dialog-head p { margin: 0; font-size: 0.875rem; font-weight: 600; }
.cu-img-dialog-head button { min-height: 44px; padding: 0 16px; border: 0; border-radius: var(--cu-radius-s); background: var(--ds-midnight); color: var(--ds-white); font: inherit; font-weight: 700; cursor: pointer; }
.cu-img-dialog-head button:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
.cu-img-dialog-body { display: flex; justify-content: center; overflow: hidden; padding: 16px; }
.cu-img-dialog-body img { display: block; width: auto; height: auto; max-width: calc(96vw - 32px); max-height: calc(92vh - 102px); margin: 0 auto; object-fit: contain; }
html[data-cu-theme="dark"] .cu-img-dialog { background: var(--cu-d-surface); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"] .cu-img-dialog-head button { background: var(--ds-smoke-30); color: var(--ds-midnight); }

/* Onglets : deux colonnes égales à toutes les largeurs ; libellés coupés entre les mots seulement */
.cu-article-page .article-body [role="tablist"] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.cu-article-page .article-body [role="tablist"] [role="tab"] { width: auto; min-width: 0; justify-content: center; text-align: center; white-space: normal; overflow-wrap: break-word; word-break: normal; line-height: 1.25; font-size: 1rem; }
@media (max-width: 359.98px) {
  .cu-article-page .article-body [role="tablist"] [role="tab"] { padding: 6px 8px; font-size: 0.875rem; }
  .cu-article-page .article-body [role="tablist"] [role="tab"] .cu-inline-icon { display: none; }
}
/* Onglets : en sombre, onglet non choisi en clair sur fond sombre */
html[data-cu-theme="dark"] .cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="false"] { color: var(--ds-smoke-10); }

/* Sommaire automatique « Sur cette page » (articles longs) */
.cu-article-page .cu-toc { margin: 0 0 32px; border-radius: var(--cu-radius-l); background: var(--ds-smoke-10); }
.cu-article-page .cu-toc-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 48px; padding: 0 24px; border: 0; border-radius: var(--cu-radius-l); background: transparent; color: var(--cu-text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.cu-article-page .cu-toc-toggle::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--cu-chevron-v) center / contain no-repeat; mask: var(--cu-chevron-v) center / contain no-repeat; }
.cu-article-page .cu-toc-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
.cu-article-page .cu-toc-toggle:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
.cu-article-page .article-body .cu-toc ol, .cu-article-page .cu-toc ol { list-style: decimal; margin: 0; padding: 0 24px 16px calc(24px + 1.5em); border: 0; }
.cu-article-page .article-body .cu-toc ol.cu-toc-plain, .cu-article-page .cu-toc ol.cu-toc-plain { list-style: none; padding-left: 24px; }
.cu-article-page .article-body .cu-toc li, .cu-article-page .cu-toc li { margin: 0; padding: 0; }
.cu-article-page .cu-toc a { display: inline-flex; align-items: center; min-height: 44px; color: var(--cu-text); }
html[data-cu-theme="dark"] .cu-article-page .cu-toc { background: var(--cu-d-card); }
html[data-cu-theme="dark"] .cu-article-page .cu-toc :is(.cu-toc-toggle, a) { color: var(--ds-smoke-10); }
.cu-article-page .article-body h2:focus, .cu-article-page .article-body h2[tabindex="-1"]:focus { outline: none; }

/* Tableaux : défilement atteignable au clavier quand il déborde ; en sombre, en-tête violet clair (comme l'onglet choisi) */
.cu-article-page .article-body .cu-table-scroll:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
html[data-cu-theme="dark"] .cu-article-page .article-body { --cu-thead-bg: var(--ds-smoke-30); --cu-thead-fg: var(--ds-midnight); --cu-thead-line: var(--ds-smoke-30); }

/* Bas d'article : aide, « Retour en haut », vote centré sous un filet, articles consultés et associés sur deux colonnes */
.cu-article-page .article-return-to-top.cu-top-link { display: flex; justify-content: flex-end; margin: 16px 0 0; border-top: 0; }
.cu-article-page .cu-top-link a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0; font-weight: 600; }
.cu-article-page .cu-article-card > footer .article-footer:empty { display: none; }
.cu-article-page .article-votes { margin: 24px 0 0; padding: 24px 0 0; border-top: 1px solid var(--cu-line); text-align: center; }
.cu-article-page .article-votes-question { margin: 0 0 12px; font-size: 1.125rem; font-weight: 700; text-align: center; }
.cu-article-page .article-votes-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.cu-article-page .article-votes .article-vote { display: inline-flex; align-items: center; justify-content: center; min-width: 7.5rem; min-height: 44px; margin: 0; padding: 0 16px; border-radius: var(--cu-radius-s); font-size: 1rem; font-weight: 700; line-height: 1.2; text-align: center; }
.cu-article-page .article-vote:focus-visible { outline: var(--cu-focus); outline-offset: 2px; }
.cu-article-page .article-votes-count { display: block; margin: 12px 0 0; font-size: 0.875rem; text-align: center; color: var(--cu-muted); }
html[data-cu-theme="dark"] .cu-article-page .article-vote[aria-pressed="true"],
html[data-cu-theme="dark"] .cu-page :is(.cu-subscribe, .article-subscribe) :is(button, [role="button"])[data-selected="true"] { background: var(--ds-smoke-10); border-color: var(--ds-smoke-10); color: var(--ds-midnight); }
.cu-article-page .article-relatives { margin-top: 32px; padding-top: 0; border-top: 0; }
.cu-article-page .article-relatives a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767.98px) { .cu-article-page .article-relatives > * + * { margin-top: 24px; } }

/* =====================================================================
   Lot 4 – v2 (correctif)
   ===================================================================== */
/* Onglets : rail conservé ; onglet choisi aux coins concentriques (24 − 4 = 20 px) ; survol = texte souligné */
.cu-article-page .article-body [role="tablist"] { gap: 4px; padding: 4px; border-radius: var(--cu-radius-l); }
.cu-article-page .article-body [role="tablist"] [role="tab"] { border-radius: calc(var(--cu-radius-l) - 4px); align-items: center; }
.cu-article-page .article-body [role="tablist"] [role="tab"] .cu-inline-icon { flex: none; align-self: center; margin: 0; vertical-align: middle; }
@media (hover: hover) {
  .cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="false"]:hover { background: transparent; text-decoration: underline; text-underline-offset: 3px; }
}
html[data-cu-theme="dark"] .cu-article-page .article-body [role="tablist"] [role="tab"][aria-selected="true"] .cu-inline-icon { filter: none; }

/* Bas d'article : 16 px entre la carte d'aide, « Retour en haut » et le filet du vote */
.cu-article-page .cu-article-card > footer .article-footer:not(:has(*)) { display: none; }
.cu-article-page .article-votes { margin-top: 16px; }

/* =====================================================================
   Lot 4 – v2 (manifest 4.3.1) : fil d'Ariane, « S'abonner » des pages thème, badges, logos, pictogrammes
   ===================================================================== */
/* Fil d'Ariane (toutes les pages) : chaque chevron reste attaché à l'étape qu'il introduit */
.cu-page .breadcrumbs li { display: inline-flex; align-items: center; flex-wrap: nowrap; min-width: 0; max-width: 100%; }
.cu-page .breadcrumbs li a { min-width: 0; }

/* Pages thème et sous-thème : « S'abonner » à droite de la description tant qu'elle reste lisible ;
   sans description, sur la ligne du titre ; sous 480 px, réduit à la cloche sur la ligne du titre */
.cu-section-page .cu-page-header { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: var(--cu-space-5); }
.cu-section-page .cu-page-header > * { flex: 0 0 100%; }
.cu-section-page .cu-page-header > .cu-page-desc { flex: 1 1 16rem; min-width: 0; }
.cu-section-page .cu-page-header > .cu-subscribe { flex: none; margin: var(--cu-space-2) 0 0 auto; }
.cu-section-page .cu-page-header:not(:has(> .cu-page-desc)) > .cu-h1 { flex: 1 1 14rem; min-width: 0; }
.cu-section-page .cu-page-header:not(:has(> .cu-page-desc)) > .cu-subscribe { align-self: center; margin-top: 0; }
@media (max-width: 479.98px) {
  .cu-section-page .cu-page-header { column-gap: var(--cu-space-3); }
  .cu-section-page .cu-page-header > .cu-h1,
  .cu-section-page .cu-page-header:not(:has(> .cu-page-desc)) > .cu-h1 { flex: 1 1 0; min-width: 0; }
  .cu-section-page .cu-page-header > .cu-subscribe { order: 1; align-self: center; margin: 0 0 0 auto; }
  .cu-section-page .cu-page-header > .cu-page-desc { order: 2; flex: 0 0 100%; }
  /* Le texte « S'abonner » est masqué à l'écran mais reste lu par les lecteurs d'écran */
  .cu-section-page .cu-page-header > .cu-subscribe :is(button, [role="button"]) { width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0; gap: 0; justify-content: center; font-size: 0; }
}
/* Sous 360 px, la place manque à côté du titre : la cloche passe sous la description, à droite */
@media (max-width: 359.98px) {
  .cu-section-page .cu-page-header > .cu-h1,
  .cu-section-page .cu-page-header:not(:has(> .cu-page-desc)) > .cu-h1 { flex: 0 0 100%; }
  .cu-section-page .cu-page-header > .cu-subscribe { order: 3; margin: var(--cu-space-2) 0 0 auto; }
}

/* Badges des stores : le badge du thème, 40 px de haut, juste avant le texte du lien et sur la même ligne */
.cu-article-page .article-body a.cu-store-link { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; vertical-align: middle; }
.cu-article-page .article-body a.cu-store-link > img.cu-store-badge { flex: none; width: auto; height: 40px; margin: 0; border: 0; }

/* Pictogrammes « installer » (texte alternatif « Icône d'installation … ») : 48 px, centrés seuls sur leur ligne */
.cu-article-page .article-body img.cu-install-icon,
.cu-article-page .article-body img:is([alt^="Icône d’installation" i], [alt^="Icône d'installation" i], [alt^="Icone d'installation" i]) {
  display: block; width: 48px; height: 48px; margin: 16px auto; border: 0; border-radius: 0; object-fit: contain;
}
html[data-cu-theme="dark"] .cu-article-page .article-body img.cu-install-icon { filter: brightness(0) invert(0.95); }

/* =====================================================================
   Lot 4 – v2 (suite) : décisions validées par Cureety (manifest 4.3.1)
   Aucune nouvelle règle prioritaire (T3). Valeurs du design system uniquement.
   ===================================================================== */
/* Lignes : un cran plus foncées que leur fond. Brun 40 sur blanc (variable --cu-line), Brun 60 dans la carte
   d'aide (fond Brun 40), blanc à 10 % en mode sombre. Les listes restées en gris du thème de base suivent la règle. */
.cu-article-page .cu-article-help { --cu-line: var(--ds-brun-60); }
html[data-cu-theme="dark"] .cu-article-page .cu-article-help { --cu-line: var(--cu-d-line); }
.promoted-articles-item a, .promoted-articles-item:last-child a, .recent-activity-item, .search-results-sidebar, .search-results-list > li, .search-results-list > li:first-child { border-color: var(--cu-line); }

/* Texte et titres (2.2) : chaque titre est plus proche de son contenu que du bloc précédent */
.cu-article-page .article-body p { margin: 0 0 16px; }
.cu-article-page .article-body > :is(ul, ol) { margin-top: 0; margin-bottom: 16px; }
@media (max-width: 767.98px) {
  .cu-article-page .article-body h2 { margin-top: 32px; }
  .cu-article-page .article-body h3 { margin-top: 24px; }
}
/* Paragraphes vides laissés par l'éditeur (marqués par le script) */
.cu-article-page .article-body p.cu-empty { display: none; }
/* Sous-étapes : le trait vertical s'arrête à la dernière ligne de texte ou d'image */
.cu-article-page .article-body li :is(ol, ul) > li:last-child,
.cu-article-page .article-body li :is(ol, ul) > li:last-child > :last-child { margin-bottom: 0; }

/* Bannière de l'article : le nom de la sous-section est un lien vers sa page */
.cu-article-page .cu-article-section-link { color: inherit; text-decoration: none; }
.cu-article-page .cu-article-section-link:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.cu-article-page .cu-article-section-link:focus-visible { outline: var(--cu-focus); outline-offset: 2px; border-radius: 4px; }
/* Fil d'Ariane : le dernier élément est masqué quand il répète le nom affiché en grand (marqué par le script) */
.cu-page .cu-header-crumbs .breadcrumbs li.cu-crumb-current { display: none; }

/* « S'abonner » : cloche pleine une fois abonné (l'état ne repose pas sur la seule couleur) */
:is(.cu-subscribe, .article-subscribe) :is(button, [role="button"])[data-selected="true"]::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4z' fill='black' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%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'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4z' fill='black' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Colonne « Articles du thème » (2.8, proposition A) : fond blanc et article sélectionné en beige inchangés */
.cu-article-page .collapsible-sidebar-title { text-transform: none; letter-spacing: 0; }
.cu-article-page .cu-side-eyebrow { display: block; margin: 0 0 4px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--cu-muted); }
.cu-article-page .cu-side-name { display: block; font-family: var(--cu-font-title); font-weight: 400; font-size: 1.5rem; line-height: 1.2; color: var(--cu-text); text-transform: none; letter-spacing: 0; }
@media (min-width: 1024px) {
  .cu-article-page .collapsible-sidebar-title { display: block; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 1px solid var(--cu-line); }
}
@media (max-width: 1023.98px) {
  .cu-article-page .cu-side-name { font-size: 1.25rem; }
  .cu-article-page .collapsible-sidebar-title { flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 52px; min-height: 48px; }
}

/* Encadrés natifs de l'éditeur : mêmes couleurs, liserés et coins que les encadrés actuels.
   Infos = « Avant de commencer » (bleu) ; Astuce = « Bon à savoir » (gris) : titre ajouté par le thème.
   Avertissement = Urgence (mise en forme de l'encadré « Erreur » actuel, voir plus haut). L'icône de Zendesk est masquée. */
.cu-article-page .article-body .wysiwyg-callout > .wysiwyg-callout-icon { display: none; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-info, .wysiwyg-callout-tip) {
  display: block; margin: 24px 0; padding: 16px 24px; border: 0; border-left: 4px solid; border-radius: 0 var(--cu-radius-l) var(--cu-radius-l) 0;
  font-size: 1rem; line-height: 1.5; color: var(--cu-text);
}
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-info { background: var(--cu-x-encadre-bleu); border-left-color: var(--ds-bleu-80); --cu-callout-title-color: var(--ds-bleu-80); --cu-callout-title: "Avant de commencer"; }
.cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-tip { background: var(--ds-smoke-10); border-left-color: var(--ds-smoke-60); --cu-callout-title-color: var(--ds-smoke-60); --cu-callout-title: "Bon à savoir"; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-info, .wysiwyg-callout-tip)::before { content: var(--cu-callout-title); display: block; margin: 0 0 6px; font-weight: 700; color: var(--cu-callout-title-color); }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-info, .wysiwyg-callout-tip) p { margin: 0 0 6px; }
.cu-article-page .article-body .wysiwyg-callout:is(.wysiwyg-callout-info, .wysiwyg-callout-tip) > :last-child { margin-bottom: 0; }
html[data-cu-theme="dark"] .cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-info { background: var(--cu-x-encadre-bleu-sombre); border-left-color: var(--ds-bleu-20); --cu-callout-title-color: var(--ds-bleu-20); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-article-page .article-body .wysiwyg-callout.wysiwyg-callout-tip { background: var(--cu-x-encadre-gris-sombre); border-left-color: var(--ds-smoke-30); --cu-callout-title-color: var(--ds-smoke-30); color: var(--ds-white); }
/* Titres en anglais si la page est en anglais (langue fournie par Zendesk) */
.cu-article-page:lang(en) .article-body { --cu-summary-title: "Summary"; }
.cu-article-page:lang(en) .article-body .wysiwyg-callout.wysiwyg-callout-info { --cu-callout-title: "Before you start"; }
.cu-article-page:lang(en) .article-body .wysiwyg-callout.wysiwyg-callout-tip { --cu-callout-title: "Good to know"; }

/* Images dans le texte (logos, icônes) : à la hauteur du texte, alignées sur la ligne, sans l'écarter */
.cu-article-page .article-body img.cu-img-inline { display: inline-block; width: auto; height: 1.25em; max-width: none; margin: 0 0.15em; vertical-align: -0.25em; border: 0; border-radius: 0; }
/* Mode sombre : captures légèrement assombries dans l'article (100 % dans la fenêtre d'agrandissement) */
html[data-cu-theme="dark"] .cu-article-page .article-body img:is(.cu-img-phone, .cu-img-screen) { filter: brightness(0.9); }

/* Badges des stores : Google Play un peu réduit pour équilibrer (articles seulement) ; texte du lien coupable */
.cu-article-page .article-body a.cu-store-link { overflow-wrap: anywhere; }
.cu-article-page .article-body a.cu-store-link > img.cu-store-badge.cu-store-badge--google { height: 38px; }

/* Documents joints (2.5) : une carte par document, type de fichier, action selon le type, sans cadre autour de l'action */
.cu-article-page .cu-attachments { border-top: 0; padding-top: 0; margin-top: 40px; }
.cu-article-page .cu-attachments h2 { font-size: var(--cu-fs-h3); margin: 0 0 12px; }
.cu-article-page .cu-attachments ul { display: grid; gap: 12px; max-width: none; }
.cu-article-page .cu-attachment { gap: 16px; padding: 16px; border: 1px solid var(--cu-line); border-radius: var(--cu-radius-l); }
.cu-article-page .cu-attachment:last-child { border-bottom: 1px solid var(--cu-line); }
.cu-article-page .cu-attachment:hover { background: var(--ds-brun-20); }
.cu-article-page .cu-file-badge { flex: none; display: grid; place-items: center; width: 44px; height: 52px; border-radius: var(--cu-radius-s); background: var(--ds-smoke-20); color: var(--ds-midnight); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.02em; }
.cu-article-page .cu-file-badge svg { width: 22px; height: 22px; }
.cu-article-page .cu-attachment-dl { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 4px; border: 0; color: var(--cu-text); font-size: 0.9375rem; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
@media (max-width: 479.98px) {
  .cu-article-page .cu-attachment { flex-wrap: wrap; row-gap: 12px; }
  .cu-article-page .cu-attachment-text { flex: 1 1 calc(100% - 60px); }
  .cu-article-page .cu-attachment-dl { margin-left: auto; }
  .cu-article-page .cu-attachment-name { overflow-wrap: break-word; }
}
html[data-cu-theme="dark"] .cu-article-page .cu-attachment:hover { background: var(--cu-d-hover); }
html[data-cu-theme="dark"] .cu-article-page .cu-file-badge { background: var(--ds-smoke-30); }
html[data-cu-theme="dark"] .cu-article-page .cu-attachment-dl { color: var(--ds-smoke-10); }

/* « S'abonner » de la bannière des pages thème : taille du texte rendue ici (exclu de la règle générale des boutons),
   pour que la version « cloche seule » sous 480 px puisse masquer le texte (il reste lu par les lecteurs d'écran) */
.cu-section-page .cu-subscribe :is(button, [role="button"]) { font-size: 0.875rem; }
/* Colonne repliée sur mobile : hauteur libre (intitulé + nom sur deux lignes), la liste seule est masquée.
   Sans JavaScript, la liste reste dépliée (règle :root:not(.cu-js) plus haut). */
@media (max-width: 1023.98px) {
  .cu-article-page .collapsible-sidebar { max-height: none; }
  :root.cu-js .cu-article-page .collapsible-sidebar:not(.expanded) .collapsible-sidebar-body { display: none; }
}
/* Blocs d'image de l'éditeur : sans la marge par défaut du navigateur (40 px de chaque côté),
   la capture peut occuper toute la largeur du texte ; l'espacement vient des marges de l'image */
.cu-article-page .article-body figure.wysiwyg-image { margin: 0; }

/* =====================================================================
   Lot 5 – Contact et recherche (D118 à D127)
   ===================================================================== */

/* En-tête vert de la page Contact et de la recherche (D118, D122, D124), comme les pages thème et catégorie (D57, D81) */
.cu-page:is(.cu-request-page, .cu-search-page) > .cu-page-header { background: var(--ds-vert-20); color: var(--ds-midnight); }
.cu-page:is(.cu-request-page, .cu-search-page) > .cu-page-header .cu-h1 { margin: 0; color: var(--ds-midnight); }
.cu-page:is(.cu-request-page, .cu-search-page) > .cu-page-header .cu-page-desc { margin: var(--cu-space-2) 0 0; color: var(--ds-midnight); }
html[data-cu-theme="dark"] .cu-page:is(.cu-request-page, .cu-search-page) > .cu-page-header {
  background: var(--cu-d-info); color-scheme: light; color: var(--ds-midnight);
  --cu-midnight: var(--ds-midnight); --cu-text: var(--ds-midnight); --cu-white: var(--ds-white); --cu-smoke: var(--ds-smoke-60); --cu-muted: var(--ds-midnight);
  --cu-line: rgba(0, 0, 0, 0.1); --cu-beige: var(--ds-brun-20); --cu-beige-dark: var(--ds-brun-40); --cu-focus: 3px solid var(--ds-smoke-60);
}

/* Contact : carte d'aide, photo dans la colonne de droite (D118) */
.cu-request-page .cu-request-header .cu-h2 { margin: 0 0 var(--cu-space-2); }
@media (max-width: 1023.98px) { .cu-request-layout > .cu-urgence { margin: 0; } }

/* Recherche : colonne de gauche transparente tant qu'il n'y a pas de filtre par thème (les filtres natifs gardent leur rendu) */
.cu-search-page .cu-search-side { display: contents; }
.cu-search-page .search-results.cu-has-theme-filter > .cu-search-side { display: flex; flex-direction: column; gap: var(--cu-gap); min-width: 0; }
.cu-search-page .search-results.cu-has-theme-filter > .cu-search-side > .search-results-sidebar { flex: none; width: 100%; max-width: 100%; }
@media (min-width: 1024px) {
  .cu-search-page .search-results.cu-has-theme-filter { display: grid; grid-template-columns: clamp(260px, 26%, 320px) minmax(0, 1fr); align-items: start; }
}
@media (max-width: 1023.98px) {
  .cu-search-page .search-results.cu-has-theme-filter { display: flex; flex-direction: column; }
}

/* Résultats : thème au-dessus du titre (D122), extrait sur 2 lignes */
.cu-search-page .cu-result-theme { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 6px; font-size: 0.875rem; font-weight: 600; line-height: 1.3; color: var(--cu-muted); }
.cu-search-page .cu-result-theme:empty { display: none; }
.cu-search-page .cu-result-step:not([hidden]) ~ .cu-result-step:not([hidden])::before { content: "·"; margin-right: 8px; }   /* lot 5 suite (D131) : plus de chevron hors fil d'Ariane */
.cu-search-page .cu-result-step[hidden] { display: none; }
.cu-search-page .search-result-description { -webkit-line-clamp: 2; line-height: 1.5; }

/* Pagination de Zendesk (D122) : affichée seulement sans JavaScript ; sinon remplacée par la pagination du thème (D134) */
.cu-search-page .pagination { margin: 24px 0 0; }
.cu-search-page .pagination ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.cu-search-page .pagination li { margin: 0; }
.cu-search-page .pagination li > :is(a, span),
.cu-search-page .pagination li > a:visited {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 0 12px; box-sizing: border-box;
  border: 0; border-radius: var(--cu-radius-s); background: transparent; color: var(--cu-text); font-weight: 400; line-height: 1.2; text-decoration: none;
}
.cu-search-page .pagination li > a:is(:hover, :focus) { background: transparent; color: var(--cu-text); text-decoration: underline; }
.cu-search-page .pagination :is(.pagination-next-link, .pagination-prev-link) > span[aria-hidden="true"] { display: none; }
.cu-search-page .pagination :is(.pagination-next-link, .pagination-prev-link) > [class$="-text"] { margin: 0; }
.cu-search-page .pagination .pagination-next-link::after,
.cu-search-page .pagination .pagination-prev-link::before {
  content: ""; flex: none; width: 20px; height: 20px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%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='M220.24 132.24 148.24 204.24C145.816 206.499 142.019 206.365 139.76 203.941 137.613 201.636 137.613 198.064 139.76 195.76L201.51 134 40 134C36.6863 134 34 131.314 34 128 34 124.686 36.6863 122 40 122L201.51 122 139.76 60.24C137.501 57.8157 137.635 54.019 140.059 51.76 142.364 49.6129 145.936 49.6129 148.24 51.76L220.24 123.76C222.58 126.103 222.58 129.897 220.24 132.24Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.cu-search-page .pagination .pagination-prev-link::before { transform: rotate(180deg); }

/* Filtre par thème (D123) : états identiques à la colonne de l'article (choisi = beige et gras, coins 6 px, sans liseré ;
   survol = soulignement) ; repliable sous 1 024 px, fermé par défaut */
.cu-theme-filter { background: var(--cu-white); border-radius: var(--cu-radius-l); padding: 24px; box-sizing: border-box; min-width: 0; position: relative; }
.cu-theme-filter-title { display: flex; flex-direction: column; gap: 2px; margin: 0 0 12px; }
.cu-theme-filter-eyebrow { font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); font-size: 1.5rem; line-height: 1.2; }
.cu-theme-filter-current { display: none; }
.cu-theme-filter-toggle { display: none; }
.cu-theme-filter ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.cu-theme-filter-option { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 10px 12px; box-sizing: border-box; border: 0; border-radius: var(--cu-radius-s); background: transparent; color: var(--cu-text); font: inherit; font-size: 1rem; line-height: 1.3; text-align: left; cursor: pointer; }
.cu-theme-filter-option:hover { text-decoration: underline; }
.cu-theme-filter-option[aria-pressed="true"] { background: var(--cu-beige); font-weight: 700; }
html[data-cu-theme="dark"] .cu-theme-filter-option[aria-pressed="true"] { background: var(--cu-d-raised); color: var(--ds-white); }
.cu-theme-filter-option img { flex: none; width: 20px; height: 20px; }
html[data-cu-theme="dark"] .cu-theme-filter-option img { filter: brightness(0) invert(1); }
.cu-theme-filter-count { margin-left: auto; padding-left: 8px; color: var(--cu-muted); font-weight: 400; font-size: 0.875rem; }
.cu-theme-filter-note { margin: 12px 0 0; font-size: 0.75rem; color: var(--cu-muted); }
:is(.cu-theme-filter-option, .cu-theme-filter-toggle):focus-visible { outline: 3px solid var(--ds-smoke-60); outline-offset: 2px; }
html[data-cu-theme="dark"] :is(.cu-theme-filter-option, .cu-theme-filter-toggle):focus-visible { outline-color: var(--ds-smoke-10); }
@media (max-width: 1023.98px) {
  .cu-theme-filter { padding: 8px 20px; }
  .cu-theme-filter-title { min-height: 48px; justify-content: center; margin: 0; padding-right: 52px; }
  .cu-theme-filter-eyebrow { font-family: var(--cu-font-text); font-weight: 600; font-size: 0.8125rem; color: var(--cu-muted); }
  .cu-theme-filter-current { display: block; font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); font-size: 1.25rem; line-height: 1.2; }
  .cu-theme-filter-toggle { display: flex; align-items: center; justify-content: flex-end; position: absolute; inset: 0 0 auto; height: 64px; width: 100%; padding: 0 24px; border: 0; border-radius: var(--cu-radius-l); background: transparent; color: var(--cu-text); cursor: pointer; }
  .cu-theme-filter-toggle::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--cu-chevron-v) center / contain no-repeat; mask: var(--cu-chevron-v) center / contain no-repeat; }
  .cu-theme-filter-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
  .cu-theme-filter:not(.is-open) .cu-theme-filter-body { display: none; }
  .cu-theme-filter.is-open .cu-theme-filter-body { position: relative; z-index: 1; padding: 4px 0 12px; }
}

/* Aide sous les résultats (M6) */
.cu-search-page > .cu-results-help { margin: 0; }

/* « Aucun résultat » (D124) : barre de recherche et lien de retour dans l'en-tête, bloc santé encadré en premier */
.cu-search-page > .cu-search-header .search-container { max-width: none; margin: var(--cu-space-4) 0 0; }
.cu-search-page > .cu-search-header .cu-back-link { margin-top: var(--cu-space-3); }
html body .cu-page > .cu-search-header .cu-back-link,
html body .cu-page > .cu-search-header .cu-back-link:visited { color: var(--ds-midnight); }
.cu-symptome.cu-symptome-cadre { margin: 0; padding: clamp(16px, 3vw, 24px); border: 2px solid var(--ds-lila-40); border-radius: var(--cu-radius-l); }
html[data-cu-theme="dark"] .cu-symptome.cu-symptome-cadre { border-color: var(--ds-lila-60); }
.cu-symptome.cu-symptome-cadre .cu-symptome-titre { font-size: 1.25rem; line-height: 1.3; }
.cu-symptome-suite { display: block; margin-top: 6px; }   /* lot 5 suite (R3) */
.cu-symptome-cadre + .cu-noresults-faq { margin-top: 8px; }   /* + 16 px d’espacement du bloc parent = 24 px entre la carte et le titre */

/* Message après l'envoi (D121) : carte verte en haut de la page d'arrivée */
.cu-sent { display: flex; gap: 20px; align-items: flex-start; background: var(--ds-vert-20); color: var(--ds-midnight); }
.cu-sent:empty { display: none; }
.cu-sent .cu-sent-icon { flex: none; margin-top: 4px; }
.cu-sent-title { margin: 0; font-family: var(--cu-font-title); font-weight: var(--cu-title-weight); font-size: var(--cu-fs-h2); line-height: 1.25; color: var(--ds-midnight); }
.cu-sent p { margin: 12px 0 0; line-height: 1.5; color: var(--ds-midnight); }
.cu-sent .cu-sent-hours { margin-top: 4px; font-weight: 600; }
.cu-sent-step { margin: 16px 0 4px; padding: 16px 20px; border-radius: 12px; background: var(--ds-white); border-left: 6px solid var(--ds-midnight); }
.cu-sent-step p { margin: 0; }
.cu-sent-step p + p { margin-top: 8px; font-size: 0.9375rem; }
.cu-sent .cu-btn { margin-top: 20px; }
html[data-cu-theme="dark"] .cu-sent { background: var(--cu-d-info); color-scheme: light; --cu-text: var(--ds-midnight); --cu-focus: 3px solid var(--ds-smoke-60); }
@media (max-width: 599.98px) { .cu-sent { flex-direction: column; gap: 12px; } }
.container > .cu-sent { margin: 24px 0; }

/* Fenêtre de l'agent IA après l'envoi (D127) : boutons lisibles en clair comme en sombre (contraste ≥ 4,5:1) */
html:has(.cu-request-page) [data-garden-id="modals.footer"] [data-garden-id="buttons.button"] { border-color: var(--ds-midnight); color: var(--ds-midnight); background-color: transparent; }
html:has(.cu-request-page) [data-garden-id="modals.footer"] [data-garden-id="buttons.button"]:hover { background-color: var(--ds-smoke-20); color: var(--ds-midnight); }
html[data-cu-theme="dark"]:has(.cu-request-page) [data-garden-id="modals.modal"] { background-color: var(--cu-white); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"]:has(.cu-request-page) [data-garden-id="modals.modal"] :is([data-garden-id="modals.header"], [data-garden-id="modals.body"], [data-garden-id="modals.footer"]) { border-color: var(--cu-line); color: var(--ds-smoke-10); }
html[data-cu-theme="dark"]:has(.cu-request-page) [data-garden-id="modals.close"] { color: var(--ds-smoke-10); }
html[data-cu-theme="dark"]:has(.cu-request-page) [data-garden-id="modals.footer"] [data-garden-id="buttons.button"] { border-color: var(--ds-smoke-30); color: var(--ds-white); }
html[data-cu-theme="dark"]:has(.cu-request-page) [data-garden-id="modals.footer"] [data-garden-id="buttons.button"]:hover { background-color: var(--cu-x-btn-survol); color: var(--ds-white); }

/* =====================================================================
   Lot 5 – suite (D130 à D135)
   ===================================================================== */

/* Chevrons natifs des filtres de la recherche et de la page de la demande : un seul dessin (D133), tourné quand c'est ouvert */
:is(.cu-search-page .search-results-sidebar, .request-container) .collapsible-sidebar-toggle[aria-expanded="true"] .x-icon { display: none; }
:is(.cu-search-page .search-results-sidebar, .request-container) .collapsible-sidebar-toggle[aria-expanded="true"] .chevron-icon { display: inline-block; transform: rotate(180deg); }

/* Pagination du thème (D134) : icônes n° 383, 387, 388, 384 ; numéros ; page en cours comme l'article choisi dans la colonne
   de l'article ; mobile : « Page 2 sur 8 » entre les flèches ; cibles de 44 px ; survol réservé aux appareils à survol */
.cu-pagination { margin: 24px 0 0; }
.cu-pagination-status { margin: 0 0 10px; text-align: center; font-size: 0.9375rem; color: var(--cu-muted); }
.cu-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.cu-pagination li { margin: 0; }
.cu-pg-btn, .cu-pg-page { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 6px; box-sizing: border-box; border-radius: var(--cu-radius-s); color: var(--cu-text); text-decoration: none; }
.cu-pg-btn:visited, .cu-pg-page:visited { color: var(--cu-text); }
.cu-pg-icon { flex: none; }
a.cu-pg-page:hover { text-decoration: underline; }
@media (hover: hover) { a.cu-pg-btn:hover { background: var(--ds-smoke-20); color: var(--ds-midnight); } }
@media (hover: hover) { html[data-cu-theme="dark"] a.cu-pg-btn:hover { background: var(--cu-x-btn-survol); color: var(--ds-white); } }
.cu-pg-page[aria-current="page"] { background: var(--cu-beige); font-weight: 700; }
html[data-cu-theme="dark"] .cu-pg-page[aria-current="page"] { background: var(--cu-d-raised); color: var(--ds-white); }
.cu-pg-btn.is-disabled { opacity: 0.35; }
:is(.cu-pg-btn, .cu-pg-page):focus-visible { outline: 3px solid var(--ds-smoke-60); outline-offset: 2px; }
html[data-cu-theme="dark"] :is(.cu-pg-btn, .cu-pg-page):focus-visible { outline-color: var(--ds-smoke-10); }
.cu-pg-gap { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; color: var(--cu-muted); }
.cu-pg-mid { display: none; }
@media (max-width: 599.98px) {
  .cu-pagination ul { flex-wrap: nowrap; gap: 0; }
  .cu-pg-num, .cu-pg-gap { display: none; }
  .cu-pg-mid { display: block; padding: 0 4px; line-height: 44px; white-space: nowrap; color: var(--cu-text); }
}
@media (max-width: 374.98px) {
  .cu-pg-word { display: none; }   /* très petits écrans : « 2 sur 8 » pour que la ligne tienne */
  .cu-pagination-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* =====================================================================
   Lot 5 – option B (D136 à D139) : filtre « Espace » des agents
   ===================================================================== */
.cu-theme-filter-group { margin: 16px 0 6px; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cu-muted); }
.cu-theme-filter-group:first-child { margin-top: 0; }
a.cu-theme-filter-option, a.cu-theme-filter-option:visited { color: var(--cu-text); text-decoration: none; }
a.cu-theme-filter-option:hover { text-decoration: underline; }
a.cu-theme-filter-option[aria-current="page"] { background: var(--cu-beige); font-weight: 700; }
html[data-cu-theme="dark"] a.cu-theme-filter-option[aria-current="page"] { background: var(--cu-d-raised); color: var(--ds-white); }
.cu-theme-filter ul + .cu-theme-filter-group { margin-top: 20px; }
/* =====================================================================
   Lot 8 – Carte Urgences : harmonisation des pages catégorie et thème
   ===================================================================== */
.cu-page:is(.cu-category-page, .cu-section-page) > .cu-urgence {
  margin-top: var(--cu-space-2);
  margin-bottom: calc(var(--cu-space-3) - var(--cu-gap));
}
@media (max-width: 767.98px) {
  .cu-page:is(.cu-category-page, .cu-section-page) > .cu-urgence { margin-top: var(--cu-space-1); margin-bottom: 0; }
}
.cu-category-page > .cu-urgence + #main-content > .cu-themes { margin-top: 0; }
/* Lot 8 – Colonne de gauche des articles : ligne « Urgences » en tête (ajoutée par script.js) */
.cu-article-page .cu-secnav-urgence, .cu-article-page .cu-secnav-urgence:visited {
  display: flex; align-items: center; gap: var(--cu-space-3); box-sizing: border-box; min-height: 48px;
  margin: var(--cu-space-4) 0; padding: var(--cu-space-2) var(--cu-space-4);
  border: 2px solid transparent; border-radius: var(--cu-radius-m);
  background: var(--cu-lila-20); color: var(--cu-midnight); font-weight: 700; text-decoration: none;
}
.cu-article-page .cu-secnav-urgence img { flex: none; width: 24px; height: 24px; }
.cu-article-page .cu-secnav-urgence:is(:hover, :focus-visible) { border-color: var(--ds-lila-80); text-decoration: underline; }
.cu-article-page .cu-secnav-urgence + ul { border-top: 1px solid var(--cu-line); padding-top: var(--cu-space-2); }
html[data-cu-theme="dark"] .cu-article-page .cu-secnav-urgence, html[data-cu-theme="dark"] .cu-article-page .cu-secnav-urgence:visited { background: var(--cu-x-urgence); color: var(--ds-white); }
html[data-cu-theme="dark"] .cu-article-page .cu-secnav-urgence img { filter: brightness(0) invert(1); }
html[data-cu-theme="dark"] .cu-article-page .cu-secnav-urgence:is(:hover, :focus-visible) { border-color: var(--ds-smoke-10); }