/*
* Name: Obscu
* Version: 4.1.3
* Author: Grow Shine Services Pvt. Ltd.
* Download From: https://themes.grow-shine.com/ OR https://www.customersupporttheme.com
* Corporate Website : https://www.grow-shine.com
* License: You must have a valid license purchased only from customersupporttheme.com in order to legally use the theme for your project.
* Copyright: © 2016 - 2024 Grow Shine Services Pvt. Ltd. All Rights Reserved.
*/

@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
  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;
  transition: all 0.3s ease;
}

a:hover {
  transition: all 0.3s ease;
}

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: #ffffff;
  color: rgba(51, 51, 51, 1);
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  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: 'Roboto', sans-serif;
  font-weight: 600;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

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

h4 {
  font-size: 16px;
}

a {
  color: rgba(70, 114, 129, 1);
  text-decoration: none;
}

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

input,
textarea {
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
}

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

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

input:not([type="checkbox"]):focus {
  border: 1px solid rgba(28, 44, 57, 1);
}

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

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

select:focus {
  border: 1px solid rgba(28, 44, 57, 1);
}

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

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

textarea:focus {
  border: 1px solid rgba(28, 44, 57, 1);
}

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

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

  body .full--width {
    width: 95%;
  }
}

body .full--width {
  max-width: 100%;
}

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

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

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

.error-page h1 {
    font-size: 5em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 40px;
}
.error-page h2,
h1.form-header {
    font-weight: 600;
}
.error-page h3 {
    font-size: 10em;
    color: rgba(28, 44, 57, 1);
    margin: 0;
}

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

.visibility-hidden, .recent-activity-accessibility-label, .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;
}

/***** Buttons *****/
.button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .edit-profile-button a, .hc__btn,
.split-button button {
  background-color: rgba(28, 44, 57, 1);
  border: 1px solid rgba(28, 44, 57, 1);
  border-radius: 20px;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

.hc__btn {
    width: auto;
}

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

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

.button.button-primary:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected="true"]:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected="true"]:hover, .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected="true"]: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, .edit-profile-button a.button-primary:hover, .button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected="true"]:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected="true"]:focus, .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected="true"]: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, .edit-profile-button a.button-primary:focus, .button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected="true"]:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected="true"]:active, .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected="true"]: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, .edit-profile-button a.button-primary:active {
  background-color: #000;
  border-color: #000;
}

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

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

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

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

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

.button-secondary {
  color: #666;
  border: 1px solid #DDDDDD;
  background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(51, 51, 51, 1);
  border: 1px solid #DDDDDD;
  background-color: #f7f7f7;
}

/***** 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: #666;
  font-size: 13px;
  text-align: left;
}

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

.table tr {
  border-bottom: 1px solid #DDDDDD;
  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: 750px;
  background-color: rgba(242, 242, 242, 1);
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 50px;
}

.lnPyYC h2 {
  font-size: 17px;
}

.ihVAXT {
  background: #fff;
  padding: 25px;
  border: 1px solid rgb(216, 220, 222);
  border-radius: 4px;
}

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

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

.form-field.required > label::after {
  margin-left: 2px;
  content: "*";
  color: #FC8181;
}

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

.new_community_post input[type="submit"] {
  width: 10%;
  padding: 2px;
}

body .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused), .hbs-form select, .search select, .form select, .form .bQzCzH, .upload-dropzone, .form div[role="button"] {
  border: 1px solid #DDDDDD;
}

body .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border: solid #DDDDDD;
  border-width: 1px 1px 0;
}

.form .ggKiGq, .upload-dropzone, .form div[role="button"] {
  background-color: #fff;
  border: 1px dashed #DDDDDD;
}

.form button[type="submit"] {
    border-radius: 20px;
    min-width: 190px;
}

.form-field input:focus {
  border: 1px solid rgba(28, 44, 57, 1);
}

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

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

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

.form-field .nesty-input {
  border-color: #DDDDDD;
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid rgba(28, 44, 57, 1);
  text-decoration: none;
}

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

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

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

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

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

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

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

.form .suggestion-list {
  font-size: 13px;
  margin-top: 15px;
}

.form .suggestion-list h2 {
  font-size: 14px;
  margin-bottom: 0;
}

.form .suggestion-list .searchbox {
  background: #fff;
  border: 1px solid #DDDDDD;
  padding: 20px;
  border-radius: 3px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #DDDDDD;
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: #22383f;
}

.upload-item,
.bNjKvm {
  background: #ffffff;
}

.upload-item:hover {
  background: #bfbfbf;
}

.ck.ck-button:focus-visible, .ck.ck-content.ck-editor__editable.ck-editor__editable_inline.ck-focused,
.ck.ck-content.ck-editor__editable.ck-focused, .ck.ck-toolbar:focus-visible {
  box-shadow: none !important;
  border-color: #DDDDDD !important;
}

.gNoOyn {
  text-align: right;
}

.post-bb {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 25px;
}

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

.alert--bar {
  background: #F05064;
  padding: 10px 0;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  z-index: 3;
}

@media (max-width: 768px) {
  .alert--bar {
    font-size: 11px;
  }
}

.alert--bar a {
  color: #FFFFFF;
  border-bottom: 1px solid;
}

.hc_header {
  background: transparent;
  z-index: 9;
  position: relative;
}

._border {
  border-bottom: 1px solid #fff;
}

.header {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 100px;
  justify-content: space-between;
}

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

.logo img {
  max-height: 35px;
}

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

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

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

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

.logo span {
  color: #FFFFFF;
  height: 35px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
}

@media (min-width: 768px) {
  .nav-wrapper .cd-primary-nav-trigger {
    padding-right: 0;
    margin-right: -12px;
  }
}

.nav-wrapper a.login {
  display: inline-block;
}

.nav-wrapper .menu-button {
  background: none;
  border: 0;
  color: #fff;
  display: inline-block;
  margin-right: 2px;
  padding: 0;
  width: auto;
  cursor: pointer;
}

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

.nav-wrapper .menu-button .icon-menu {
  vertical-align: middle;
  width: 17px;
  height: 17px;
}

[dir="rtl"] .nav-wrapper .menu-button {
  margin-left: 10px;
  margin-right: 0;
}

.nav-wrapper .menu-button:hover, .nav-wrapper .menu-button:focus, .nav-wrapper .menu-button:active {
  background-color: transparent;
  color: #fff;
}

.user-nav-list {
    display: block;
    list-style: none;
}
  .user-nav-list > li {
    display: inline-block;
}
  @media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: #FFFFFF;
  display: none;
  font-size: 16px;
  padding: 0 10px 0 10px;
  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 {
  color: #FFFFFF;
  opacity: 0.9;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}
.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  cursor: pointer;
  padding: 0;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  background: rgba(255, 255, 255, 1);
  color: #fff;
  padding: 7px;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: rgba(28, 44, 57, 1);
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 100px;
  z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
  display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(51, 51, 51, 1);
  cursor: pointer;
  text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f7f7f7;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(51, 51, 51, 1);
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f7f7f7;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 40px;
  width: 40px;
  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,
.search .clear-button {
  display: none;
}

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

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

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

.user-info > button {
  background: rgba(28, 44, 57, 1);
  border: 1px solid rgba(28, 44, 57, 1);
  border-radius: 20px;
  color: #FFFFFF;
  min-width: 0;
  padding: 5px 10px;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: #FFFFFF;
  opacity: 0.9;
}

.user-info > button::after {
  color: rgba(70, 114, 129, 1);
  padding-right: 15px;
}

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

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

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

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

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

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

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

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

/***** Footer *****/

.footer {
    background: rgba(255, 255, 255, 1);
    margin-top: 40px;
    color: rgba(59, 59, 59, 1);
}

._grid ._col_4 {
    flex: 1 0 auto;
    width: 25%;
    padding-top: 50px;
    padding-bottom: 10px;
    padding-right: 15px;
    text-align: center;
}

.hc_footer h3:after,
.article-relatives h2:after,
.article-sidebar .sidenav-title:after,
.new-request-title:after {
    content: "";
    background: rgba(59, 59, 59, 1);
    height: 3px;
    display: block;
    margin-top: 10px;
    max-width: 50px;
}

.article-relatives h2:after,
.article-sidebar .sidenav-title:after,
.new-request-title:after {
    background: rgba(28, 44, 57, 1);
    margin-top: 5px;
}

.hc_footer ._col h3 {
    color: rgba(59, 59, 59, 1);
    font-size: 1.3em;
    font-weight: 700;
}

.hc_footer ._col li {
    padding: 6px 0;
    line-height: 1.2;
}

.footer .social {
    margin-bottom: 10px;
}

.footer .social li {
    display: inline-block;
    margin: 1px;
    padding-bottom: 0;
}
.footer .social li a {
    border: 1px solid rgba(59, 59, 59, 1);
    height: 35px;
    display: block;
    width: 35px;
    line-height: 32px;
    border-radius: 20px;
    text-align: center;
}
.footer .social li i {
    font-size: 0.9em;
}
.footer .social li a:hover,
.footer .social li a:focus {
    background: #000;
    border-color: #000;
    color: #fff;
}
.footer .social li a:hover {
  transform: translateY(-6px);
}
.footer a,
.footer_copyright a,
.footer_copyright p {
    color: rgba(59, 59, 59, 1);
}
.footer-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
}
.text-center {
    text-align: center;
}

.footer_copyright {
    background: rgba(255, 255, 255, 1);
    padding: 0 1px 10px 1px;
    color: #fff;
    text-align: center;
}

.footer_copyright a {
   border-bottom: 1px dashed #fff;
}

@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
  .nav-wrapper .cd-primary-nav-trigger {
    padding-right: 0;
    margin-right: -10px;
  }
}

.footer-language-selector {
  color: #666;
  display: inline-block;
  font-weight: 300;
}

.footer-language-selector button.dropdown-toggle {
  color: rgba(59, 59, 59, 1);
  border: 1px solid rgba(59, 59, 59, 1);
  border-radius: 20px;
  padding: 10px 25px;
}

@media (max-width: 500px) {
  body ._grid ._col_4 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 0;
  }

  body .footer {
    padding-bottom: 0;
  }

  .footer_copyright p {
    margin-top: 0;
  }

  body .home__categories,
  body .contact--blocks {
    padding: 40px 0;
  }

  body .quick-articles > section {
      margin: 20px 0 0;
  }

  .blocks-list li:last-child {
    margin-bottom: 0;
  }

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

}

/***** Breadcrumbs *****/

.breadcrumbs {
  margin: 0;
  padding: 0;
}

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

.breadcrumbs__block .breadcrumbs li:first-child a:before {
  content: "\ea81";
  padding-right: 8px;
  font-family: "LineIcons";
  font-size: 15px;
  position: relative;
  top: 3px;
}

.breadcrumbs li + li::before {
  content: "\eb0d";
  font-family: "LineIcons";
  margin: 0 4px;
  font-size: 10px;
}

[dir="rtl"] .breadcrumbs li + li::before {
  visibility: hidden;
}

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

/***** Search field *****/

.search {
  position: relative;
}

.hero .search {
  margin-top: 25px;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
}

.search input[type="search"] {
  box-sizing: border-box;
  color: #333;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 100%;
}

.requests-table-toolbar .search input[type="search"] {
  border-color: #DDDDDD;
  background-color: #fff;
  padding-left: 40px;
}

.requests-table-toolbar .search input[type="search"]:focus {
  border-color: #ddd;
}

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

[dir="rtl"] .search input[type="submit"] {
  right: inherit;
  left: 0;
}

.search input[type="search"]:focus {
  border: 1px solid #fff;
}

.search-full input[type="search"] {
  border: 1px solid #fff;
}

.search input[type="search"] {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 20px;
    height: 60px;
    padding: 10px 110px 10px 20px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

.search input[type="submit"] {
    border: medium none;
    color: rgba(255, 255, 255, 1);
    height: calc(100% - 0.5rem);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    background: rgba(255, 255, 255, 1);
    padding: 0 15px;
    border-radius: 20px;
    margin: 0.25rem;
    min-width: 100px;
    max-width: 100px;
}

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

.breadcrumbs__block .search-icon,
.requests-table-toolbar .search-icon {
    transform: translateY(-7px);
}

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

.search-container {
  position: relative;
}

.breadcrumbs__block {
  border-bottom: 1px solid #DDDDDD;
  padding: 20px 0;
  margin-bottom: 30px;
}

/***** Hero component *****/

.welcome_text {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 3em;
  line-height: 1.1;
}

.help-center-details {
  color: #ffffff;
  font-size: 1.2em;
  font-weight: 300;
}

.hero {
  background-color: rgba(28, 44, 57, 1);
  padding: 180px 0 100px 0;
  margin-top: -100px;
  width: 100%;
}

.colored-header {
  background: rgba(28, 44, 57, 1);
}

.pages--hero {
  padding: 120px 0 60px 0;
}

.hero-image {
    background-image: url(/hc/theming_assets/01J2HS8RD8QYHH7VGVZ1VZVCWV);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.hero-image::before,
.community-hero::before {
    content: "";
    background: rgba(28, 44, 57, 1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7;
}

.hero-gradiant {
    background-image: linear-gradient(-150deg, rgba(9, 36, 48, 1) 0%, rgba(66, 98, 130, 1) 97%);
}

.header-gradiant {
  background: transparent;
}

.hero-inner {
  max-width: 650px;
  position: relative;
  z-index: 1;
}

.search--center {
  margin: 0 auto;
  text-align: center;
}

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

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

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  color: #333;
  flex-grow: 1;
  margin-bottom: 15px;
}

.my-activities-header > h1 {
  font-weight: 600;
}

.page-header-description {
  color: #8c8c8c;
  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 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
  min-height: 50px;
  padding-bottom: 15px;
}

.breadcrumbs__block .sub-nav {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: inherit;
}

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

@media (min-width: 768px) {
  .sub-nav input[type="search"] {
    min-width: 300px;
  }
}

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

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

.pt-30 {
  padding-top: 30px;
}

body .mb-0,
.article-sidebar ul.mb-0,
.article-sidebar ul.mb-0 > li:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .blocks-list {
    margin: -12px;
  }
  .quick-articles {
    margin: 0 -10px;
  }
}

.blocks-item,
.quick-articles > section {
  background: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  box-sizing: border-box;
  color: rgba(28, 44, 57, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  transition: all 0.3s ease;
}

.blocks-item {
  border-radius: 10px;
}

.quick-articles > section {
    display: block;
    margin: 40px 15px 10px;
    text-align: left;
    padding: 25px;
}

[dir="rtl"] .quick-articles > section {
  text-align: inherit;
}

.quick-articles h2 {
    font-size: 1.4em;
    font-weight: 700;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 0;
}

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

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #fff;
  border-color: #2b8eb1;
  transition: all 0.3s ease;
}

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

.topics-list .blocks-item:hover i {
  color: #2b8eb1;
}

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

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

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

.blocks-item-link {
  background: #fff;
  color: rgba(51, 51, 51, 1);
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: inherit;
  position: relative;
}

.icon--center .blocks-item-link {
  align-items: center;
  text-align: center;
}

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

.blocks-item:hover {
  transform: scale(1.025);
}

.blocks-item-link:focus {
  outline: 0;
  box-shadow: none;
  text-decoration: none;
}

.blocks-item-title {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 1.4em;
}

.blocks-item-description {
  color: #8c8c8c;
  font-size: 1em;
  margin: 0;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Homepage *****/

.home__categories {
  background: #EEF3F6;
  padding: 60px 0;
}

.contact--blocks {
  background: rgba(26, 116, 176, 0.08);
  padding: 60px 0;
  margin-bottom: -40px;
}

.section {
  margin-bottom: 40px;
}

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

.b-700 {
  font-weight: 700;
}

.home-section h2 {
  color: rgba(51, 51, 51, 1);
  margin-bottom: 10px;
  text-align: center;
  font-weight: 600;
}

.category-icon i {
  display: none;
}

.blocks-item span.category-icon,
.topic-icon,
.category-icon i:last-child {
    display: block;
}

.category-icon img {
  max-width: 45px;
  margin-bottom: 10px;
}

.blocks-item .category-icon i,
.topic-icon i {
    color: #2b8eb1;
    font-size: 2.5em;
    margin-bottom: 15px;
}

.article-list li:before,
.quick-articles ul > li > a:before,
.article-sidebar ul > li:before,
.section-lists li:before {
    content: "\f15c";
    color: rgba(28, 44, 57, 1);
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    margin-top: 2px;
}

[dir="rtl"] .article-list li:before,
[dir="rtl"] .quick-articles ul > li > a:before,
[dir="rtl"] .article-sidebar ul > li:before,
[dir="rtl"] .section-lists li:before {
    left: inherit;
    right: 0;
}

.section-lists li:before {
    content: "\f07c";
}
.article-relatives li a {
    color: #333;
}
.article-relatives h2 {
    margin-bottom: 15px;
}
.article-list li:last-child {
    border-bottom: 0;
}

/***** 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: 0;
    width: 100%;
    /* 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,
.quick-articles li a {
  display: block;
  border-bottom: 1px solid #DDDDDD;
  padding: 15px 0;
  color: rgba(51, 51, 51, 1);
}

.quick-articles li a,
.article-list li,
.article-sidebar ul> li,
.section-lists li {
    padding-left: 25px;
}

[dir="rtl"] .quick-articles li a,
[dir="rtl"] .article-list li,
[dir="rtl"] .article-sidebar ul> li,
[dir="rtl"] .section-lists li {
    padding-left: 0;
    padding-right: 25px;
}

.quick-articles ul li:last-child a {
    border-bottom: 0;
}

.quick-articles section li,
.article-list li,
.section-lists li {
    position: relative;
    margin-bottom: 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 #DDDDDD;
  }
}

.new-request-title {
  margin-bottom: 30px;
}

/***** Community section in homepage *****/

.community {
  text-align: center;
}

.community-image {
  display: flex;
  align-items: center;
  min-height: 200px;
  background-image: url($community_image);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
  position: relative;
  text-align: center;
}

.community,
.activity {
  border-top: 0;
  padding: 30px 0;
}

/***** Recent activity *****/

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

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

.recent-activity-item h3 {
  margin-bottom: 5px;
}

.recent-activity-item h3 a {
  font-weight: 700;
  font-size: 17px;
}

.quick-articles .recent-activity-item {
  padding: 10px 0;
}

.quick-articles .recent-activity-list section:last-child {
  border-bottom: 0;
}

.quick-articles .recent-activity-controls {
  padding-top: 0;
}

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

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: rgba(51, 51, 51, 1);
  display: inline-block;
  width: 100%;
}

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

.quick-articles .recent-activity-item-parent,
.quick-articles .recent-activity-item-link {
   color: rgba(51, 51, 51, 1);
}

.recent-activity-item-meta {
  margin: 5px 0 5px 0;
  display: flex;
  justify-content: space-between;
}

.recent-activity-item-time, .recent-activity-item-comment {
  color: rgba(28, 44, 57, 1);
  display: inline-block;
  font-size: 12px;
}

.home-recent-activity .recent-activity-item-time {
  color: #8c8c8c;
}

.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-comment-icon svg {
  vertical-align: middle;
  color: rgba(28, 44, 57, 1);
  width: 16px;
  height: 16px;
}

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

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

.home-recent-activity .recent-activity-item h3 {
  display: none;
}

/***** Category pages *****/

.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-container .category-empty {
  padding-left: 20px;
}

.category-content {
  flex: 1;
}

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

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

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

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

.category-container .section-tree .section {
  background: rgba(242, 242, 242, 1);
  border-radius: 10px;
  padding: 30px;
  margin: 15px;
}

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

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

.section-tree-title a {
  color: #333;
}

.section-tree .see-all-articles,
.recent-activity-controls > a {
  display: block;
  padding: 6px 15px;
  background: rgba(28, 44, 57, 1);
  border-radius: 20px;
  color: rgba(255, 255, 255, 1);
  margin-top: 10px;
  margin-bottom: 5px;
}

.recent-activity-controls > a {
  display: inline-block;
}

.article-list-item,
.section-lists-item {
  font-size: 16px;
  padding: 10px 0;
}

.article-list-item a,
.section-lists-item a {
  color: #333;
}

.icon-star {
  color: rgba(28, 44, 57, 1);
  font-size: 18px;
}

/***** Section pages *****/

.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-container ul.article-list,
.section-container .section-lists {
  background: rgba(242, 242, 242, 1);
  padding: 25px;
  border-radius: 3px;
}

.section-container .section-lists {
  margin-top: 10px;
}

.section-content {
  flex: 1;
}

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

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

.section-list--collapsed .section-list-item:nth-child(1n + 6) {
  display: none;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}

.section-list-item:first-child {
  border-top: 1px solid #ddd;
}

.section-list-item a {
  align-items: center;
  color: rgba(51, 51, 51, 1);
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}

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

@media (min-width: 1024px) {
  .article {
    flex: 1 0 75%;
    max-width: 75%;
    min-width: 640px;
    padding: 0 40px 0 0;
  }
  [dir="rtl"] .article {
    padding: 0px 0 0px 40px;
  }
}

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

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

.article-header {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 20px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
}

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

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

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

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    font-weight: 600;
    /* 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 {
  font-size: 16px;
  max-width: 100%;
}

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

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

.article-body iframe, .article-body img {
  border-radius: 10px;
}

.article-body iframe {
  box-shadow: 25px 25px 0px 0px rgba(242, 242, 242, 1);
  margin-bottom: 40px;
}

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

.article-body ul > li, .article-body ol > li {
  margin-bottom: 0.55rem;
  margin-top: 0.55rem;
}

[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 a:visited {
  color: rgba(70, 114, 129, 1);
}

.article-body a {
  text-decoration: underline;
  text-underline-position: under;
}

.article-body td {
  padding: 10px;
}

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

.article-body pre {
  background: rgba(242, 242, 242, 1);
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

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

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

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

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

.article-comment-count {
  color: #666;
  font-weight: 300;
}

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

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

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

.article-sidebar .article-sidebar-item {
  font-weight: 700;
  margin-top: 15px;
  display: inline-block;
}

.article-sidebar .article-sidebar-item i {
  position: relative;
  top: 1px;
}

[dir="rtl"] .article-sidebar .article-sidebar-item i {
  display: none;
}

.article-sidebar .article-sidebar-item i,
.article-sidebar .article-sidebar-item:hover i {
  transition: all 0.3s ease;
}

.article-sidebar .article-sidebar-item:hover i {
  transform: translateX(8px);
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 25%;
    height: auto;
  }
  .article-sidebar,
  .search-results-sidebar,
  .request-container .request-sidebar,
  .post-sidebar {
    align-self: start;
    position: sticky;
    top: 15px;
  }
}

.article-sidebar ul {
   margin-bottom: 25px;
}

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

.article-votes {
  border-top: 1px solid #DDDDDD;
  padding: 30px 0;
}

.article-votes .article-votes-controls {
  display: inline-block;
}

.article-vote {
  margin: 0 2px;
  min-width: 30px;
  width: auto;
}

.article-votes .article-votes-question {
  font-weight: 700;
}

.article-more-questions {
  margin: 0;
  text-align: center;
}

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

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

@media (max-width: 600px) {
  .article-votes {
    text-align: center;
  }
  .article-votes .article-votes-question,
  .article-votes .article-votes-controls {
    display: block;
  }
  .article-votes .article-votes-controls {
    margin: 15px 0;
  }
}

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

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

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

.sidenav-title {
  font-size: 18px;
  position: relative;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}

.sidenav-item {
  color: #333;
  display: block;
}

.sidenav-item.current-article, .sidenav-item:hover,
.article-sidebar li a:hover {
  color: rgba(28, 44, 57, 1);
}

.recent-articles li,
.related-articles li,
.article-sidebar ul > li{
  margin-bottom: 12px;
  position: relative;
}


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

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

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

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

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

.upload-dropzone {
  border-color: #DDDDDD;
  background-color: #fff;
  border-radius: 4px;
}

.upload-dropzone span {
  color: #666;
}

/***** 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: #595959;
}

.share a:hover {
  text-decoration: none;
  color: rgba(28, 44, 57, 1);
}

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

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

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

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

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

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

.comment-callout a {
  color: rgba(28, 44, 57, 1);
}

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

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

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

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

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

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

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

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

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

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

#hc-wysiwyg {
  border-color: #DDDDDD;
}

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

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

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

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

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

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

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

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

.comment-container {
  width: 100%;
}

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

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

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

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

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

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

.comment-ccs {
  display: none;
}

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

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

.comment-attachments a {
  color: rgba(28, 44, 57, 1);
}

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

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

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

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

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

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

.comment-body a:visited {
  color: #22383f;
}

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

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

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #666;
  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: #666;
  display: block;
  margin: 3px 0;
}

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

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

.vote-up:hover,
.vote-down:hover {
  color: rgba(28, 44, 57, 1);
}

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

.vote-voted {
  color: rgba(28, 44, 57, 1);
}

.vote-voted:hover {
  color: #000;
}
/***** Vote css emilie le 4/11/2024*****/
.article-votes-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border: 1px solid #ddd; /* Encadrement léger */
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); /* Ombre à 40% pour un effet de relief */
  max-width: 800px;
  width: 100%; /* Pour occuper toute la largeur possible */
  margin: 20px auto;
  background-color: #ffffff; /* Fond blanc */
}

.article-votes-question {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  border: none; /* Assure qu'il n'y a pas de ligne */
}

.article-votes-controls {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

.article-vote {
  font-size: 24px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 50px;
  padding: 8px 12px;
  cursor: pointer;
  transition: transform 0.2s, background-color 0.2s, border-color 0.2s;
}

.article-vote:hover {
  transform: scale(1.1);
  background-color: #2e3d4e;
  border-color: #004494;
  color: white;
}

.article-vote:focus {
  outline: none;
}

.article-votes-count {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}



/***** 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/01J2HS8RS285JA891T45KAS1QF);
  background-position: center center;
  background-size: cover;
  position: relative;
}

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

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

.community-featured-posts .title {
  font-weight: 700;
}

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

.community-activity .recent-activity-header {
  font-weight: 700;
  margin-bottom: 0;
}

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

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

.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: 10px;
}

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

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

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

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

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

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

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

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

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

.community-follow button:hover {
  background-color: rgba(28, 44, 57, 1);
}

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

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

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

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

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

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

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

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

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

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

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

.striped-list-title {
  color: rgba(70, 114, 129, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

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

.striped-list-title:visited {
  color: #22383f;
}

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

.striped-list-count {
  color: #666;
  font-weight: 300;
  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 {
  font-weight: 300;
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(51, 51, 51, 1);
    display: block;
    font-weight: 400;
  }
}

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

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(28, 44, 57, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #666;
}

.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-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-pending {
  text-transform: lowercase;
}

/***** 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;
  font-weight: 600;
}

@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: 'Roboto', 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 img {
  height: auto;
  max-width: 100%;
}

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

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

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

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

.post-body a:visited {
  color: #22383f;
}

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

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

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

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

.post-comment-count {
  color: #666;
  font-weight: 300;
}

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

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

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

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

.post-sidebar-title {
  font-weight: 700;
}

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

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

/* 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 #DDDDDD;
  border-top: 1px solid #DDDDDD;
}

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

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

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

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

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

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

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

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(28, 44, 57, 1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }

  .article-container .collapsible-sidebar {
    background: rgba(242, 242, 242, 1);
    padding: 30px;
    margin-bottom: 20px;
    margin-top: 15px;
    border-radius: 10px;
  }
}

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

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

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

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

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

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

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

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(28, 44, 57, 1);
}

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

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

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

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

/***** My activities *****/
.my-activities-nav {
  background-color: rgba(242, 242, 242, 1);
  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: #666;
  font-size: 13px;
  font-weight: 300;
}

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

.no-activities {
  color: #666;
}

/***** 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: 30px;
}

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

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

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

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

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

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

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

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

.request-main .comment-show-container {
  background: rgba(242, 242, 242, 1);
  border-radius: 20px;
  border: 1px solid #DDDDDD;
  color: #666;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

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

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

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

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

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

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(28, 44, 57, 1);
}

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

.request-title {
  width: 100%;
  font-weight: 600;
}

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

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

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: rgba(242, 242, 242, 1);
    border: 0;
    border-radius: 3px;
    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 #DDDDDD;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

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

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

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

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

.request-details dt {
  color: #666;
  font-weight: 600;
  width: 40%;
}

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

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

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

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

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

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}

.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}

.pagination-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 * {
  display: inline;
}

.meta-data {
  color: #666;
  font-size: 13px;
}

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

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

.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: 65px;
  height: 65px;
}

.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;
  font-weight: 700;
  line-height: 25px;
  margin-right: 5px;
}

.profile-header .basic-info .name a {
  color: #333;
}

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

.edit-profile-button a {
  background-color: rgba(28, 44, 57, 1);
  border: 0;
  color: rgba(255, 255, 255, 1);
  line-height: normal;
  padding: 8px 20px;
  outline-color: rgba(28, 44, 57, 1);
}

.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: #666;
  font-weight: 300;
  flex: 0 0 100px;
  margin-right: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-nav {
  background-color: rgba(242, 242, 242, 1);
  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: #666;
  font-weight: 300;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

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

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

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

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

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

.profile-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: 16px;
  vertical-align: middle;
  font-weight: 700;
}

.profile-contribution-title > a {
   color: #333;
}

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

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

@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 #ddd;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: rgba(242, 242, 242, 1);
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item {
   padding: 10px;
   border-radius: 3px;
   margin-bottom: 5px;
   background: rgba(242, 242, 242, 1);
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: rgba(28, 44, 57, 1);
  color: #fff;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

/*
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
*/

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #333;
  font-weight: 600;
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
  position: relative;
  top: -4px;
}

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

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

.search-results-list > li {
  border-bottom: 1px solid #DDDDDD;
  padding: 20px 0;
}

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

.search-result-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-result-meta-container {
    color: #666;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
  .search-result-meta-container {
      flex-direction: row;
      align-items: center;
  }
  .search-result-meta-container nav {
    flex: 1;
  }
}

.search-results-list > li h2 {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.2em;
}

.search-results-list > li h2 a {
  color: #333;
}

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

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

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

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

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

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

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

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

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

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

.search-result-title {
  font-size: 16px;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

.search-result-breadcrumbs li, .search-result-breadcrumbs li a, .search-result-breadcrumbs li a:visited {
  color: inherit;
}

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

/* Background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: #fff3ca;
}

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

.notification a {
  color: #158ec2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

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

[dir="rtl"] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

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

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

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

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
  outline: none;
  text-decoration: none;
}

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 5px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

.dropdown-menu[aria-expanded="true"],
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
  display: block;
}

.hc_header .dropdown-menu[aria-expanded="true"] {
  left: inherit;
  right: 0;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #DDDDDD;
  color: rgba(51, 51, 51, 1);
  display: block;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 0;
  margin: 5px 20px 10px 20px;
}

.dropdown-menu [role="menuitem"],
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

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

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

.dropdown-menu [role="menuitem"][aria-selected="true"],
.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-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-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=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%;
  border-radius: 8px;
  margin-bottom: 6px;
}

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

@media (max-width: 1024px) {
  .article-container .article-relatives,
  .article-sidebar .sidenav-title:after {
    display: none;
  }
  .collapsible-sidebar-title {
    cursor: pointer;
  }
  .search-results-sidebar .collapsible-sidebar {
    margin-bottom: 0;
  }
  .search-results-sidebar .collapsible-sidebar-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
  }
}

@media (max-width: 992px) {
  .section-tree .section {
    flex: 0 0 45%;
  }
}

@media (max-width: 768px) {
  .xs_hide, .user-nav {
    display: none;
  }
  .user-nav[aria-expanded="true"] {
    display: block;
  }
  .user-nav a,
  .user-nav a:hover {
    color: #333
  }
  ._grid ._col_4 {
    width: 50%;
  }
  .category-container .section-tree .section {
    margin: 0 0 15px 0;
  }
  .quick-articles > section {
    margin: 50px 0 0;
  }
}
@media (max-width: 464px) {
  .hero-inner .search-icon {
    top: 65%;
  }
}

/* =========================================== */
/*  Shortcodes
/* =========================================== */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert {
    border-width: 2px;
}

.__with_fa {
    border: 2px solid rgba(245, 166, 35, 1);
    background: rgba(245, 166, 35, 0.66);
    position: relative;
    font-size: 1.2em;
    line-height: 1.4;
    padding: 30px 15px 15px 15px;
}

.__with_fa .fa {
    position: absolute;
    top: 0;
    background: #fff;
    margin-top: -25px;
    border-radius: 100%;
    border: 2px solid rgba(245, 166, 35, 1);
    left: 15px;
    height: 45px;
    width: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
}

.__with_fa .fa:before {
    margin-left: 5px;
}

.__with_fa {
    margin-top: 40px;
}

.alert-download {
    border: 2px solid #9adeec;
    background: #bce8f1;
}

.alert-quote {
    border: 2px solid rgba(103, 77, 68, 0.26);
    background: rgba(121, 85, 72, 0.26);
}

.alert-pdf {
    border: 2px solid rgba(229, 65, 94, 1);
    background: rgb(229, 65, 94);
    color: #fff;
}

.alert-download .fa {
    border: 2px solid #9adeec;
}

.alert-quote .fa {
    border: 2px solid rgb(186, 174, 168);
}

.alert-pdf .fa {
    border: 2px solid rgba(229, 65, 94, 1);
    color: rgba(229, 65, 94, 1);
}

.accordion {
   margin-bottom: 30px;
}

.colored_accordion .accordion_title {
   background: #ddd;
   border-color: #ddd;
}

.colored_accordion ._active {
   background: #ffb110;
   border-color: #ffb110;
   color: #fff;
}

.default_accordion ._active {
   background: #444;
   border-color: #444;
   color: #ffffff;
}

.accordion_content {
   display: none;
   padding: 10px;
}

._active::after,
.accordion .open::after {
   transform: rotate(90deg);
}

body .table {
    background: #fff;
}

.table > thead > tr > th {
   color: #333;
   font-weight: 500;
   padding: 14px;
}

.article-container .table > thead > tr > th {
   border-bottom: 3px solid #ddd;
}

.article-container .table > tbody > tr > td {
   border-top: 1px solid #ddd;
   padding: 14px;
   font-size: 0.9em;
}

.table.header-color>thead>tr>th {
   border-color: #444;
   background: #444;
   color: #fff;
   padding: 10px;
}

.dark-table {
   background: #444;
   color: #fff;
}

.dark-table > thead > tr > th {
   border-bottom: 2px solid #fff;
}

.dark-table > tbody > tr > td {
   background: #333;
   border-color: #fff;
}

.dark-table > thead > tr > th {
   color: #fff;
}

.colored-list ul,
.colored-list ol {
   margin: 15px 0 0 0px;
}

.colored-list {
    list-style-type: none;
    padding: 0;
    counter-reset: li-counter;
}

.colored-list > li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 35px;
    min-height: 0;
}

.colored-list > li:before {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 12px;
    color: #fff;
    content: counter(li-counter);
    counter-increment: li-counter;
    background-color: #276FD0;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
}

.list-black > li:before {
   background-color: #a59898;
}

.check-list-bullet li {
   list-style-type: none;
   position: relative;
   padding-left: 30px;
   margin-bottom: 15px;
}

.check-list-bullet li:before {
   content: "\f058";
   position: absolute;
   top: 0;
   left: 0;
   font-family: "FontAwesome";
   font-size: 25px;
   color: #276FD0;
   margin-top: -6px;
}

body .note--message,
body .warning--message,
body .quote--message,
body .support--message {
  padding: 30px 15px 15px 15px;
  font-size: 16px !important;
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  border-radius: 2px;
}

body .note--message::before,
body .warning--message::before,
body .quote--message::before,
body .support--message::before {
  font-family: 'LineIcons';
  position: absolute;
  top: 0;
  background: #fff;
  margin-top: -25px;
  border-radius: 100%;
  left: 15px;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 23px;
}

[dir="rtl"] body .note--message::before,
[dir="rtl"] body .warning--message::before,
[dir="rtl"] body .quote--message::before,
[dir="rtl"] body .support--message::before {
  left: inherit;
  right: 15px;
}

body .note--message::before {
  content: "\eaf4";
}

body .warning--message::before {
  content: "\eaab";
}

body .quote--message::before {
  content: "\eb70";
}

body .support--message::before {
  content: "\ea2f";
}

body .note--message {
  background: #bce8f1;
  border: 2px solid #68cbdf;
}

body .support--message {
  background: rgba(28, 44, 57, 1);
  border: 2px solid #0b1217;
  color: #fff;
}

body .note--message::before {
  border: 2px solid #68cbdf;
}

body .support--message::before {
  border: 2px solid #0b1217;
  color: #0b1217;
}

body .warning--message {
  background: #e5415e;
  border: 2px solid #e5415e;
  color: #fff;
}

body .warning--message::before {
  border: 2px solid #e5415e;
  color: #000;
}

body .quote--message {
  background: #d5ccc9;
  border: 2px solid #a89690;
}

body .quote--message::before {
  border: 2px solid #a89690;
}

body .check--list {
  margin-left: 30px;
}

body .check--list li,
body .number--list li {
  position: relative;
  list-style-type: none;
}

body .number--list li {
  padding-left: 35px;
}

body .check--list li:before {
  content: "\ead2";
  font-family: "LineIcons";
  position: absolute;
  top: 0;
  left: -30px;
  font-size: 22px;
  color: rgba(28, 44, 57, 1);
  margin-top: -4px;
}

[dir="rtl"] body .check--list li:before {
  left: inherit;
  right: -30px;
}

body .number--list {
  list-style-type: none;
  padding: 0;
  counter-reset: li-counter;
}

body .number--list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #fff;
  content: counter(li-counter);
  counter-increment: li-counter;
  background-color: rgba(28, 44, 57, 1);
  border-radius: 100%;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-top: -1px;
}

[dir="rtl"] body .number--list > li:before {
  left: inherit;
  right: -35px;
}

body .accordion_title {
  background: #ffffff;
  border: 2px solid #dddddd;
  color: rgba(51, 51, 51, 1);
  cursor: pointer;
  padding: 15px 45px 15px 15px;
  margin-bottom: 5px;
  position: relative;
  border-radius: 2px;
}

[dir="rtl"] body .accordion_title {
  padding: 15px 15px 15px 45px;
}

body .accordion_content {
  display: none;
  padding: 10px;
}

body .accordion_title::after {
  content: "\eb0d";
  font-family: "LineIcons";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 16px;
  margin-top: -12px;
  transition: all 0.2s ease-in;
}

[dir="rtl"] body .accordion_title::after {
  right: inherit;
  left: 15px;
  transform: rotate(180deg);
}

body .article-body .accordion_title._active::after,
body .article-body .accordion_title.open::after,
.active::after {
  transform: rotate(90deg) !important;
}

body .accordion_title.open {
  background: rgba(28, 44, 57, 1);
  border: 2px solid rgba(28, 44, 57, 1);
  color: #fff;
}

.tabs {
  width: 100%;
  background-color: rgba(28, 44, 57, 1);
  border-radius: 5px;
}

ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
}

ul#tabs-nav > li {
  float: left;
  font-weight: 600;
  margin-right: 2px;
  margin-bottom: 0;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
}

[dir="rtl"] ul#tabs-nav > li {
  float: right;
}

ul#tabs-nav > li:hover,
ul#tabs-nav > li.active {
  background-color: #000;
}

#tabs-nav > li > a {
  text-decoration: none;
  color: #ffffff;
}

#tabs-content {
  background: #ffffff;
}

.tab-content {
  padding: 10px;
  border: 2px solid rgba(28, 44, 57, 1);
  background-color: #ffffff;
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */

.community-badge-title {
  background-color: rgba(28, 44, 57, 1);
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-flex;
  line-height: 18px;
  vertical-align: middle;
}

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

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

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

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

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

.community-badge {
  margin: 2px;
}

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

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

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

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

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

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

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

.split-button {
  display: flex;
}

.split-button button {
  background: rgba(28, 44, 57, 1);
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: rgba(28, 44, 57, 1);
}

.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):first-child {
  border-left: 1px solid rgba(255, 255, 255, 1);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

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

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

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

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

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

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

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

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

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

.community-badge[aria-label="Community team"] {
  background: #eaa40a;
}

.community-badge[aria-label="Community moderator"],
.community-badge[aria-label="Community manager"] {
  background: #11aa7b;
}

.community-badge[aria-label="Idea generator"],
.community-badge[aria-label="Good karma"] {
  background: #4a8cf1;
}

.community-badge[aria-label="Great answers"] {
  background: #fc585b;
}

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

.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}

[dir="ltr"] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}

[dir="rtl"] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}

.content-tag-list li:last-child {
  border: none;
}
/* =========================
   Carrousel simple (scroll-snap + flèches)
   ========================= */
.simple-carousel { position: relative; }

.simple-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  border: 0; border-radius: 999px;
  background: rgba(0,0,0,.6);
  color: #fff; cursor: pointer; z-index: 5;
  display: flex; align-items: center; justify-content: center;
}
.simple-carousel-btn:hover { background: rgba(0,0,0,.8); }
.simple-carousel-btn:focus { outline: 2px solid #000; outline-offset: 2px; }
.simple-carousel-prev { left: 8px; }
.simple-carousel-next { right: 8px; }

/* Responsive */
@media (max-width: 640px) {
  .article-body ul.js-carousel,
  .article-body ol.js-carousel { grid-auto-columns: 92%; }
}
@media (prefers-reduced-motion: reduce) {
  .article-body .js-carousel { scroll-behavior: auto; }
}

/* =========================
   Uniformisation des slides
   ========================= */
.article-body .js-carousel > li {
  scroll-snap-align: start;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  padding: 12px;
  min-height: 120px;
  display: grid;
  gap: 6px; /* compact */
  align-items: start;
}

/* Titres */
.article-body .js-carousel > li h3 {
  margin: 0 0 4px !important;
  font-size: 1.05em;
  line-height: 1.25;
}

/* Paragraphes */
.article-body .js-carousel > li p {
  margin: 2px 0 4px !important;
  font-size: 0.95em;
  line-height: 1.4;
}

/* Figures & images */
.article-body .js-carousel > li figure { margin: 0 !important; }
.article-body .js-carousel > li img {
  max-width: 100%; height: auto;
  display: block;
  border-radius: 8px;
  margin-top: 6px;
}

/* Variante : images empilées */
.article-body .js-carousel .stacked-images img {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  border-radius: 6px;
}
.article-body .js-carousel .stacked-images img:last-child {
  margin-bottom: 0;
}
/* =========================
   Vidéo inline (avec bouton Play visible)
   ========================= */
.tt-inline-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
  overflow: hidden;
}
.tt-inline-player .plyr,
.tt-inline-player .plyr__video-embed,
.tt-inline-player iframe {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
}

/* Masquer tous les contrôles sauf le bouton Play central */
.tt-inline-player .plyr__controls {
  display: none !important;
}

/* Bouton Play central grossi et visible */
.tt-inline-player .plyr__control--overlaid {
  width: 80px; height: 80px;
  font-size: 32px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  display: flex !important;
  align-items: center; justify-content: center;
}
.tt-inline-player .plyr__control--overlaid:hover {
  background: rgba(0,0,0,0.8);
}
.tt-inline-player .plyr__control--overlaid svg {
  fill: #fff !important;
}
/* Grille principale */
.tt-videotheque {
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 20px;
  align-items: start;
}
.tt-player { aspect-ratio: 16/9; border-radius: 12px; overflow:hidden; }

/* Playlist */
.tt-tabs { display:flex; flex-direction:column; gap:12px; }
.tt-tab {
  display:grid; grid-template-columns:96px 1fr auto;
  align-items:center; gap:10px;
  padding:10px; border-radius:10px;
  background:#f5f7fa; border:2px solid transparent;
  cursor:pointer;
}
.tt-tab:hover { background:#eef2f7; }
.tt-tab.is-active { border-color:#2d5fff; background:#eef3ff; }
.tt-tab img { width:96px; height:54px; object-fit:cover; border-radius:8px; }
.tt-title { font-weight:600; line-height:1.2; }
.tt-duration { font-size:12px; opacity:.7; }

/* Responsive */
@media(max-width:980px){
  .tt-videotheque { grid-template-columns:1fr; }
}
/* Supprime ombres/bords des iframes Arcade */
.article-body iframe[src*="arcade.software"],
.arcade-wrap,
.arcade-wrap iframe {
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
  background: transparent;
}

/* Wrapper responsive, coins arrondis, clipping */
.arcade-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.arcade-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
/* Carte info bleue */
.tt-info-card{
  --tt-info-bg:#eef6ff;          /* bleu très clair */
  --tt-info-border:#d7e8ff;      /* contour subtil */
  --tt-info-text:#102a43;        /* texte principal */
  --tt-info-accent:#2a6cff;      /* accent titre / icône */

  background:var(--tt-info-bg);
  border:1px solid var(--tt-info-border);
  color:var(--tt-info-text);
  border-radius:20px;
  padding:18px 20px;
  box-shadow:0 8px 18px rgba(16,42,67,0.08); /* ombre douce */
  max-width:920px;
}

.tt-info-card__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.tt-info-card__icon{
  width:28px;height:28px;line-height:28px;
  text-align:center;
  border-radius:50%;
  background:#e3edff;
  color:var(--tt-info-accent);
  font-weight:700;
  flex:0 0 28px;
}

.tt-info-card__title{
  margin:0;
  font-size:18px;
  color:var(--tt-info-accent);
}

.tt-info-card__body{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.tt-info-card__option h4{
  margin:0 0 4px;
  font-size:16px;
  color:var(--tt-info-text);
}

.tt-info-card__option p{
  margin:0;
  font-size:14px;
  line-height:1.5;
}

.tt-info-card__note{
  background:#ffffff;
  border:1px dashed var(--tt-info-border);
  border-radius:12px;
  padding:12px 14px;
  font-size:14px;
}

.tt-info-card__note ul{
  margin:6px 0 0 18px;
}

/* Responsive */
@media (min-width:720px){
  .tt-info-card__body{
    grid-template-columns:1fr 1fr;
  }
  .tt-info-card__note{
    grid-column:1 / -1; /* la note prend la largeur totale */
  }
}
/* Carte info (réutilisable) */
.tt-info-card{
  --bg:#eef6ff; --border:#d7e8ff; --text:#102a43; --accent:#2a6cff;
  background:var(--bg);
  border:1px solid var(--border);
  color:var(--text);
  border-radius:20px;
  padding:22px 24px;
  box-shadow:0 10px 24px rgba(16,42,67,.08);
  max-width:1100px; margin:22px auto;
}
.tt-info-card__head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.tt-info-card__icon{width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;
  background:#e3edff;color:var(--accent);font-weight:700;flex:0 0 32px;}
.tt-info-card__title{margin:0;font-size:20px;color:var(--accent);}
.tt-info-card__lead{font-size:16px;line-height:1.6;margin:10px 0 16px;}
.tt-info-card__note{opacity:.9;margin-top:12px}

/* Ligne de CTA : équilibre visuel + responsive */
.tt-info-card__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tt-info-card--balanced .tt-info-card__cta{justify-content:flex-start}

/* Boutons */
.tt-btn{display:inline-block;padding:10px 16px;border-radius:12px;font-weight:600;
  text-decoration:none;transition:background .2s,color .2s,border-color .2s;}
.tt-btn--primary{background:var(--accent);color:#fff;border:1px solid var(--accent);}
.tt-btn--primary:hover{filter:brightness(0.95);}
.tt-btn--outline{background:transparent;color:var(--accent);border:1px solid var(--accent);}
.tt-btn--outline:hover{background:rgba(42,108,255,.08);}
/* === Overrides boutons (lecture améliorée) === */
.tt-btn {
  background: transparent !important;        /* plus de fond plein */
  color: #2a6cff;                             /* bleu lisible */
  border: 1px solid #2a6cff;
  box-shadow: 0 10px 24px rgba(16, 42, 67, .30); /* ~30% */
}

.tt-btn:hover,
.tt-btn:focus-visible {
  background: rgba(42, 108, 255, .06);        /* léger voile au survol */
  box-shadow: 0 12px 28px rgba(16, 42, 67, .30);
}

/* Spécifique aux variantes définies plus haut */
.tt-btn--primary,
.tt-btn--outline {
  background: transparent !important;
  color: #2a6cff !important;
  border-color: #2a6cff !important;
}/* --- TimeTonic callout (info box) --- */
.tt-callout {
  background-color: #f5f9ff;
  border: 1px solid #d6e3ff;
  border-radius: 20px;
  padding: 24px;
  margin: 24px 0;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
}

.tt-callout__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.tt-callout__icon {
  font-size: 22px;
  background-color: #e6f0ff;
  color: #1f64ff;
  padding: 10px;
  border-radius: 50%;
}

.tt-callout__title {
  font-size: 1.2em;
  font-weight: 700;
  color: #1f64ff;
}

.tt-callout__grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tt-callout__lead {
  color: #1e293b;
  font-size: 1rem;
  line-height: 1.6;
}

.tt-callout__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

.tt-callout__note {
  border: 1px dashed #d6e3ff;
  border-radius: 12px;
  background-color: #fff;
  padding: 12px 16px;
  margin-top: 16px;
  color: #1e293b;
  font-size: 0.95rem;
}

/* --- Buttons inside the callout --- */
.tt-btn {
  text-decoration: none;
  display: inline-block;
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.tt-btn--primary {
  color: #1f64ff;
  border: 1px solid #1f64ff;
  background-color: transparent;
}

.tt-btn--primary:hover {
  background-color: #1f64ff;
  color: #fff;
}

.tt-btn--outline {
  border: 1px solid #1f64ff;
  color: #1f64ff;
  background-color: #fff;
}

.tt-btn--outline:hover {
  background-color: #f0f5ff;
}
/* ================================== */
/* CARTE VOIR ÉGALEMENT – TIMETONIC */
/* ================================== */

.tt-related-card {
  display: flex !important;
  align-items: center;
  justify-content: space-between;

  margin: 48px 0;
  padding: 28px 32px;

  background: #ffffff;
  border-radius: 18px;

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

/* Texte */
.tt-related-card__content {
  max-width: 55%;
}

/* Voir également */
.tt-related-card__eyebrow {
  color: #ff0000;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Titre */
.tt-related-card__title {
  font-size: 1.9rem;
  font-weight: 700;
  color: #2f3941;
  margin-bottom: 12px;
}

/* Description */
.tt-related-card__description {
  font-size: 1.05rem;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 24px;
}

/* Bouton */
.tt-related-card__button {
  display: inline-block;
  padding: 12px 22px;

  background: #000000;
  color: #ffffff;
  text-decoration: none;
  border-radius: 12px;

  font-weight: 500;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

.tt-related-card__button:hover {
  opacity: 0.9;
}

/* Media */
.tt-related-card__media {
  width: 320px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.tt-related-card__media iframe,
.tt-related-card__media img {
  width: 100%;
  height: 190px;
  border: none;
  display: block;
}

/* Responsive */
@media (max-width: 768px) {
  .tt-related-card {
    flex-direction: column;
    gap: 24px;
  }

  .tt-related-card__content {
    max-width: 100%;
  }

  .tt-related-card__media {
    width: 100%;
  }
}

.related-article__link {
  display: inline-block;
  font-size: 1.05rem;
  font-weight: 500;
  color: #1f73b7;
  text-decoration: none;
  margin-bottom: 24px;
}

.related-article__link:hover {
  text-decoration: underline;
}

.related-article__media {
  max-width: 420px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.related-article__media iframe,
.related-article__media img {
  width: 100%;
  height: 220px;
  border: none;
  display: block;
}
/* ============================= */
/* PROMOTED ARTICLES = 1 colonne */
/* ============================= */
/* ============ PROMOTED ARTICLES (compact, 1 colonne) ============ */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;

  column-count: 1 !important;
  -webkit-column-count: 1 !important;

  grid-template-columns: 1fr !important;
}

/* Empêche toute “demi largeur” des items (cause n°1 des 2 colonnes) */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact > li,
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-item,
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-articles-item{
  width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
}

.quick-articles .articles ul.promoted-articles.promoted-articles--compact > li:last-child{
  border-bottom: 0 !important;
}

/* Lien + texte (titre au-dessus / meta en dessous) */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-link{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  padding: 0 0 0 34px !important; /* place pour l’icône doc du thème */
  position: relative !important;
}

/* Si le thème met l’icône en ::before, on la recale */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-link::before{
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
}

/* Colonne texte */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-text{
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
}

/* Meta comme “activité récente” */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-updated{
  margin: 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.2 !important;
  opacity: 0.7 !important;
}
/* ✅ 1 seule ligne de séparation (comme Activité récente) */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact > li{
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
}

/* On supprime toute autre “ligne” ajoutée par le thème */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-link{
  border: 0 !important;
  box-shadow: none !important;
}

.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-link::before,
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-link::after,
.quick-articles .articles ul.promoted-articles.promoted-articles--compact > li::before,
.quick-articles .articles ul.promoted-articles.promoted-articles--compact > li::after{
  content: none !important;
  display: none !important;
}

/* ✅ Meta EXACTEMENT comme “Activité récente” (petit + gris) */
.quick-articles .articles ul.promoted-articles.promoted-articles--compact .promoted-article-updated{
  margin-top: 2px !important;
  font-size: 0.8125rem !important;   /* proche du rendu “activité récente” */
  line-height: 1.25 !important;
  color: rgba(0,0,0,0.55) !important;
  opacity: 1 !important;            /* on force la couleur plutôt que l’opacité */
}
/* ========================================================= */
/*  TimeTonic – Custom Accordions (Documentation)            */
/*  Ajout spécifique – ne pas modifier le thème Obscu        */
/* ========================================================= */
.tt-acc-btn {
  background-color: #fafafa;
  cursor: pointer;
  padding: 16px 44px 16px 20px;
  width: 100%;
  border: 1px solid #ddd;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 10px;
  margin-top: 12px;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.tt-acc-btn::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.2s ease;
}

.tt-acc-btn.is-open::after {
  transform: translateY(-50%) rotate(-135deg);
}

.tt-acc-panel {
  display: none;
  padding: 14px 18px 18px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
/* === Callout layout horizontal fevrier 2026 === */

.tt-callout{
  width: 100%;
  max-width: 920px;
  margin: 20px auto;
  padding: 20px 24px;
  border: 1px solid #D7E3FF;
  border-radius: 16px;
  background: #F6F9FF;
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

/* Contenu (icône + titre + description) : ne bouge pas */
.tt-callout__content{
  flex: 1 1 auto;
  min-width: 0; /* évite les débordements et garde le texte propre */
}

.tt-callout__head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.tt-callout__icon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #1A5CFF;
  background: #EAF1FF;
  flex: 0 0 auto;
}

.tt-callout__title{
  font-weight: 600;
  font-size: 16px;
  color: #0F172A;
  margin: 0;
}

.tt-callout__lead{
  font-size: 14px;
  line-height: 1.5;
  color: #334155;
  margin: 0;
}

/* Actions : pousse le bouton tout à droite, sans modifier le bloc de gauche */
.tt-callout__actions{
  margin-left: auto; /* clé : bouton à droite */
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

/* Boutons */
.tt-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}

.tt-btn--primary{
  background: #1A5CFF;
  color: #FFFFFF;
}

.tt-btn--primary:hover{
  filter: brightness(0.95);
}

/* Responsive mobile */
@media (max-width: 700px){
  .tt-callout{
    flex-direction: column;
    align-items: flex-start;
  }

  .tt-callout__actions{
    margin-left: 0;
    margin-top: 16px;
    width: 100%;
  }

  .tt-btn{
    width: 100%;
  }
}
/***** TimeTonic v8 : pages de catégorie et de section (ajout du 07-10-2026) *****/
/* Couleurs : docs/charte-graphique.md. Préfixe tt- pour ne rien casser du thème Obscure. */

.tt-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 40px; padding: 32px 0 64px; }
.tt-aside { min-width: 0; }
.tt-side { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; }
.tt-side-title { list-style: none; cursor: default; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; margin: 0 0 10px 8px; }
.tt-side-title::-webkit-details-marker { display: none; }
.tt-tree ul { list-style: none; margin: 0; padding: 0; }
.tt-tree ul ul { padding-left: 14px; display: none; }
.tt-tree .tt-open > ul { display: block; }
.tt-tree .tt-row { display: flex; align-items: flex-start; gap: 2px; }
.tt-tree .tt-tog { flex: 0 0 22px; height: 26px; border: 0; background: none; cursor: pointer; color: #94a3b8; display: grid; place-items: center; border-radius: 4px; padding: 0; }
.tt-tree .tt-tog:hover { background: #F8FAFC; color: #1e293b; }
.tt-tree .tt-tog svg { transition: transform .15s; }
.tt-tree .tt-open > .tt-row > .tt-tog svg { transform: rotate(90deg); }
.tt-tree .tt-tog--none { visibility: hidden; }
.tt-tree a { flex: 1; display: block; padding: 3px 8px; border-radius: 6px; font-size: 14px; line-height: 1.45; color: #1e293b; }
.tt-tree a:hover { background: #F8FAFC; text-decoration: none; }
.tt-tree .tt-lvl-0 > .tt-row > a { font-weight: 600; }
.tt-tree .tt-lvl-1 > .tt-row > a { color: #555; }
.tt-tree .tt-lvl-2 > .tt-row > a { color: #64748b; font-size: 13.5px; }
.tt-tree .tt-current > .tt-row > a { color: #1C2C39; font-weight: 600; }

.tt-page-header { margin-bottom: 28px; }
.tt-page-header h1 { margin: 0; font-size: 30px; line-height: 1.25; color: #1e293b; }
.tt-page-description { margin: 8px 0 0; color: #64748b; }

.tt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.tt-card { background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 10px; padding: 24px 26px 20px; display: flex; flex-direction: column; transition: box-shadow .15s, border-color .15s; }
.tt-card:hover { border-color: #cbd5e1; box-shadow: 0 4px 16px rgba(30, 41, 59, .06); }
.tt-card-title { margin: 0 0 12px; font-size: 18px; line-height: 1.35; font-weight: 700; }
.tt-card-title a { color: #1e293b; }
.tt-card-title a:hover { color: #D34529; text-decoration: none; }
.tt-card-list { list-style: none; margin: 0; padding: 0; }
.tt-card-list li { padding: 4px 0; font-size: 15px; }
.tt-card-list a { color: #1e293b; }
.tt-card-list a:hover { color: #D34529; text-decoration: underline; text-underline-offset: 3px; }
.tt-card .icon-star, .tt-rows .icon-star { color: #f59e0b; margin-left: 4px; vertical-align: baseline; }
.tt-subs { margin-top: 14px; padding-top: 12px; border-top: 1px dashed #e2e8f0; display: flex; flex-direction: column; gap: 6px; }
.tt-sub { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 8px; background: #F8FAFC; border: 1px solid #e2e8f0; font-size: 14px; color: #1e293b; }
.tt-sub svg { color: #64748b; flex: 0 0 auto; }
.tt-sub:hover { border-color: #D34529; text-decoration: none; }
.tt-sub-count { margin-left: auto; color: #64748b; font-size: 13px; white-space: nowrap; }
.tt-card-foot { margin-top: auto; padding-top: 16px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.tt-more { color: #64748b; }
.tt-all { color: #D34529; font-weight: 500; }
.tt-all:hover { color: #C03D22; text-decoration: underline; text-underline-offset: 3px; }

.tt-label { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; margin: 0 0 12px; }
.tt-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; margin-bottom: 36px; }
.tt-tile { display: block; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px; background: #FFFFFF; color: #1e293b; transition: border-color .15s, box-shadow .15s; }
.tt-tile:hover { border-color: #D34529; box-shadow: 0 4px 16px rgba(30, 41, 59, .06); text-decoration: none; }
.tt-tile-icon { width: 36px; height: 36px; border-radius: 8px; background: #F8FAFC; border: 1px solid #e2e8f0; display: grid; place-items: center; color: #64748b; margin-bottom: 12px; }
.tt-tile-name { display: block; font-size: 16px; font-weight: 700; }
.tt-tile-count { color: #64748b; font-size: 13px; }
.tt-rows { list-style: none; margin: 0 0 24px; padding: 0; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
.tt-rows li + li { border-top: 1px solid #e2e8f0; }
.tt-rows a { display: flex; align-items: center; gap: 12px; padding: 14px 18px; color: #1e293b; }
.tt-rows a:hover { background: #F8FAFC; text-decoration: none; }
.tt-rows a:hover .tt-row-title { color: #D34529; }
.tt-row-icon, .tt-row-chev { color: #94a3b8; flex: 0 0 auto; display: grid; }
.tt-row-title { flex: 1; }

@media (max-width: 900px) {
  .tt-layout { grid-template-columns: 1fr; gap: 20px; padding-top: 20px; }
  .tt-side { position: static; max-height: none; border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 14px; }
  .tt-side-title { cursor: pointer; margin: 0; font-size: 15px; text-transform: none; letter-spacing: 0; color: #1e293b; }
  .tt-side[open] .tt-side-title { margin-bottom: 10px; }
  .tt-grid { grid-template-columns: 1fr; }
  .tt-page-header h1 { font-size: 24px; }
}

/***** TimeTonic v8 : page d'article (ajout du 07-10-2026) *****/
.tt-reading { margin: 10px 0 0; font-size: 14px; color: #64748b; }
.tt-toc[hidden] { display: none; }
/* Plus de liste « Articles dans cette section » ni d'articles associés : le fil d'Ariane suffit (Emi, 07-10) */
.tt-article-v8 .article-sidebar > .collapsible-sidebar,
.tt-article-v8 .article-sidebar > .article-relatives { display: none; }
.tt-article-v8 .article-sidebar { border: 0; }
@media (max-width: 1023px) { .tt-article-v8 .article-sidebar { display: none; } }

@media (min-width: 1024px) {
  .tt-has-toc .article-body .tt-body-toc { display: none; }
  .tt-article-v8 .article-footer .article-share { display: none; }
  .tt-article-v8:not(.tt-has-toc) .tt-toc-title { display: none; }
  .tt-article-v8:not(.tt-has-toc) .tt-share--side { border-top: 0; margin-top: 0; padding-top: 0; }

  .tt-toc { position: sticky; top: 24px; padding: 4px 0 0 8px; max-height: calc(100vh - 48px); overflow-y: auto; }
  .tt-toc-title { margin: 0 0 14px; font-size: 18px; font-weight: 700; color: #1e293b; }
  .tt-toc ul { list-style: none; margin: 0; padding: 0; }
  .tt-toc li { margin: 0; }
  .tt-toc a { display: block; padding: 5px 0 5px 12px; border-left: 2px solid #e2e8f0; font-size: 14px; line-height: 1.4; color: #64748b; text-decoration: none; }
  .tt-toc .tt-toc-l2 { display: none; }
  .tt-toc .tt-toc-l2.tt-toc-ouvert { display: block; }
  .tt-toc .tt-toc-l2 a { padding-left: 26px; font-size: 13px; color: #94a3b8; }
  .tt-toc a:hover { color: #1e293b; }
  .tt-toc a.tt-active { color: #D34529; border-left-color: #D34529; font-weight: 600; }
}

/* Bouton Partager cet article */
.tt-share { position: relative; display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.tt-share-title { font-size: 14px; font-weight: 600; color: #1e293b; }
.tt-share-btn { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #e2e8f0; border-radius: 8px; background: #F8FAFC; color: #1e293b; cursor: pointer; }
.tt-share-btn:hover, .tt-share-btn[aria-expanded="true"] { border-color: #D34529; color: #D34529; }
.tt-share-menu { position: absolute; top: 46px; right: 0; z-index: 20; min-width: 180px; padding: 6px; background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 8px 24px rgba(30, 41, 59, .12); }
.tt-share-menu[hidden] { display: none; }
.tt-share-menu button { display: block; width: 100%; padding: 8px 12px; border: 0; border-radius: 6px; background: none; text-align: left; font-size: 14px; color: #1e293b; cursor: pointer; }
.tt-share-menu button:hover { background: #F8FAFC; color: #D34529; }
.tt-share--side { justify-content: space-between; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e2e8f0; }
.tt-share--side .tt-share-title { font-size: 16px; font-weight: 700; }

/* Encart de fin d'article : partager (remplace l'ancien bloc de votes) */
.tt-share-end:empty { display: none; }
.tt-share-end { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: 40px 0 24px; padding: 22px 26px; background: #F8FAFC; border: 1px solid #e2e8f0; border-radius: 12px; }
.tt-share-end-text b { display: block; font-size: 17px; color: #1e293b; }
.tt-share-end-text span { color: #64748b; font-size: 14px; }
.tt-share-end-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.tt-share-end-actions button { border: 1px solid #e2e8f0; background: #FFFFFF; color: #1e293b; border-radius: 999px; padding: 8px 16px; font-size: 14px; font-weight: 500; cursor: pointer; }
.tt-share-end-actions button:hover { border-color: #D34529; color: #D34529; }
.tt-share-end-actions button:first-child { background: #D34529; border-color: #D34529; color: #FFFFFF; }
.tt-share-end-actions button:first-child:hover { background: #C03D22; color: #FFFFFF; }

/***** TimeTonic v8 : bulle de l'assistant TimeTonic GPT (ajout du 07-10-2026) *****/
.tt-gpt { position: fixed; right: 24px; bottom: 24px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; font-size: 15px; }
.tt-gpt-launcher { width: 60px; height: 60px; border-radius: 50%; border: 0; background: #1C2C39; color: #FFFFFF; display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 24px rgba(28, 44, 57, .35); transition: transform .15s, background .15s; }
.tt-gpt-launcher:hover { background: #D34529; transform: translateY(-2px); }
.tt-gpt-teaser { position: relative; max-width: 290px; background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 14px; padding: 16px 18px; box-shadow: 0 10px 30px rgba(30, 41, 59, .15); text-align: right; }
.tt-gpt-teaser[hidden], .tt-gpt-panel[hidden] { display: none; }
.tt-gpt-teaser p { margin: 0 18px 12px 0; text-align: left; color: #1e293b; font-weight: 500; }
.tt-gpt-teaser-close { position: absolute; top: 8px; right: 8px; border: 0; background: none; color: #94a3b8; cursor: pointer; padding: 4px; }
.tt-gpt-teaser-close:hover { color: #1e293b; }
.tt-gpt-cta { border: 1px solid #D34529; background: #FFFFFF; color: #D34529; border-radius: 999px; padding: 8px 18px; font-weight: 600; cursor: pointer; }
.tt-gpt-cta:hover { background: #D34529; color: #FFFFFF; }
.tt-gpt-panel { width: 400px; height: min(640px, calc(100vh - 120px)); background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 16px 48px rgba(30, 41, 59, .25); display: flex; flex-direction: column; overflow: hidden; }
.tt-gpt-head { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; background: #1C2C39; color: #FFFFFF; }
.tt-gpt-close { border: 0; background: none; color: #FFFFFF; cursor: pointer; padding: 4px; opacity: .8; }
.tt-gpt-close:hover { opacity: 1; }
.tt-gpt-note { margin: 0; padding: 8px 16px; font-size: 12px; color: #64748b; background: #F8FAFC; border-bottom: 1px solid #e2e8f0; }
.tt-gpt-frame { flex: 1; }
.tt-gpt-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
@media (max-width: 600px) {
  .tt-gpt { right: 16px; bottom: 16px; left: 16px; }
  .tt-gpt-panel { width: 100%; height: calc(100vh - 110px); }
}

/***** TimeTonic v8 : page d'accueil (ajout du 07-10-2026) *****/
.tt-home-wrap { max-width: 1160px; margin: 0 auto; padding: 0 16px; }
.tt-home-hero { background: linear-gradient(135deg, #1C2C39 0%, #243547 60%, #2E4257 100%); color: #FFFFFF; padding: 56px 0 80px; text-align: center; }
.tt-home-title { margin: 0; font-size: 40px; line-height: 1.15; font-weight: 800; color: #FFFFFF; letter-spacing: -.02em; }
.tt-home-lead { margin: 12px 0 28px; font-size: 17px; color: #cbd5e1; }
.tt-home-search { max-width: 680px; margin: 0 auto; }
.tt-home-search form { position: relative; margin: 0; }
.tt-home-search input[type="search"] { width: 100%; height: 58px; border: 0; border-radius: 14px; padding: 0 20px 0 52px; font-size: 16px; color: #1e293b; background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='7' cy='7' r='5.5' stroke='%2394a3b8' stroke-width='1.5'/%3E%3Cpath d='M11 11l3.5 3.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 20px center; box-shadow: 0 12px 32px rgba(0, 0, 0, .25); }
.tt-home-search input[type="search"]:focus { outline: 2px solid #D34529; outline-offset: 2px; }
.tt-home-chips { margin-top: 20px; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; font-size: 14px; }
.tt-home-chips em { font-style: normal; color: #cbd5e1; margin-right: 4px; align-self: center; }
.tt-home-chips a { border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; padding: 5px 14px; color: #FFFFFF; }
.tt-home-chips a:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .5); text-decoration: none; }

.tt-home-intents { margin-top: -44px; position: relative; }
.tt-home-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tt-intent { display: flex; gap: 16px; align-items: flex-start; background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 14px; padding: 22px; color: #1e293b; box-shadow: 0 6px 20px rgba(30, 41, 59, .06); transition: border-color .15s, transform .15s; }
.tt-intent:hover { border-color: #D34529; transform: translateY(-2px); text-decoration: none; }
.tt-intent-ico { flex: 0 0 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: #fef2f2; color: #D34529; }
.tt-intent b { display: block; font-size: 16px; margin-bottom: 2px; }
.tt-intent span span { color: #64748b; font-size: 14px; }

.tt-home-block { padding: 56px 0 0; }
.tt-home-h { font-size: 22px; margin: 0 0 6px; color: #1e293b; font-weight: 700; }
.tt-home-sub { margin: 0 0 20px; color: #64748b; }

.tt-home-gpt { display: flex; align-items: center; gap: 24px; justify-content: space-between; background: #1C2C39; color: #FFFFFF; border-radius: 16px; padding: 28px 32px; }
.tt-home-gpt b { font-size: 20px; display: block; margin-bottom: 4px; }
.tt-home-gpt span { color: #cbd5e1; }
.tt-home-btn { display: inline-block; background: #D34529; color: #FFFFFF; font-weight: 600; border-radius: 10px; padding: 12px 22px; white-space: nowrap; }
.tt-home-btn:hover { background: #C03D22; color: #FFFFFF; text-decoration: none; }

.tt-home-cats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.tt-home-cat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 160px; padding: 24px 16px; text-align: center; border: 1px solid #e2e8f0; border-radius: 14px; background: #FFFFFF; color: #1e293b; transition: border-color .15s, box-shadow .15s, transform .15s; }
.tt-home-cat:hover { border-color: #D34529; box-shadow: 0 6px 20px rgba(30, 41, 59, .06); transform: translateY(-2px); text-decoration: none; }
.tt-home-cat-ico { width: 60px; height: 60px; border-radius: 16px; background: #F8FAFC; border: 1px solid #e2e8f0; display: grid; place-items: center; color: #2E4257; font-size: 26px; }
.tt-home-cat:hover .tt-home-cat-ico { color: #D34529; background: #fef2f2; border-color: #D34529; }
.tt-home-cat-ico i + i { display: none; }
.tt-home-cat b { display: block; font-size: 16px; line-height: 1.3; }


.tt-home-help { margin-top: 56px; background: #F8FAFC; border-top: 1px solid #e2e8f0; padding: 48px 0 56px; }
.tt-help-card { display: block; background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px; color: #1e293b; }
.tt-help-card:hover { border-color: #D34529; text-decoration: none; }
.tt-help-card b { display: block; margin-bottom: 4px; }
.tt-help-card span { display: block; color: #64748b; font-size: 14px; }
.tt-help-card i { font-style: normal; color: #D34529; font-weight: 600; font-size: 14px; display: inline-block; margin-top: 10px; }

@media (max-width: 960px) { .tt-home-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .tt-home-hero { padding: 40px 0 64px; }
  .tt-home-title { font-size: 28px; }
  .tt-home-grid3 { grid-template-columns: 1fr; }
  .tt-home-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tt-home-gpt { flex-direction: column; align-items: flex-start; }
}

/***** TimeTonic v8 : résultats de recherche (ajout du 07-10-2026) *****/
.search-results { gap: 40px; }
.search-results-subheading { font-size: 20px; font-weight: 700; color: #1e293b; margin: 0 0 16px; padding: 0; border: 0; }

/* Réponse rapide : composant Zendesk fermé, seul son cadre extérieur est stylable */
.tt-quick--on { margin: 0 0 32px; border-radius: 12px; box-shadow: 0 6px 20px rgba(30, 41, 59, .08); overflow: hidden; }

.tt-results { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.tt-results > li { border: 0 !important; padding: 0 !important; margin: 0 !important; }
.tt-result { position: relative; display: block; padding: 18px 48px 18px 22px; border: 1px solid #e2e8f0; border-radius: 12px; background: #FFFFFF; color: #1e293b; transition: border-color .15s, box-shadow .15s; }
.tt-result:hover { border-color: #D34529; box-shadow: 0 4px 16px rgba(30, 41, 59, .06); text-decoration: none; }
.tt-result-path { display: block; margin-bottom: 4px; font-size: 13px; color: #64748b; }
.tt-result-path span:first-child { display: none; }
.tt-result-path span + span:not(:nth-child(2))::before { content: "›"; margin: 0 6px; color: #94a3b8; }
.tt-result-title { display: block; font-size: 17px; font-weight: 700; line-height: 1.35; color: #1e293b; }
.tt-result:hover .tt-result-title { color: #D34529; }
.tt-result-text { display: block; margin-top: 6px; font-size: 14px; color: #555; line-height: 1.55; }
.tt-result-text em { font-style: normal; font-weight: 600; color: #1e293b; background: #fef2f2; border-radius: 3px; padding: 0 2px; }
.tt-result-chev { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #94a3b8; }

.search-results-sidebar .sidenav-title { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.search-results-sidebar .sidenav-item { display: flex; justify-content: space-between; padding: 8px 12px; border-radius: 8px; background: none; color: #1e293b; }
.search-results-sidebar .sidenav-item:hover { background: #F8FAFC; text-decoration: none; }
.search-results-sidebar .sidenav-item.current { background: #FFFFFF; color: #1C2C39; font-weight: 600; }
.search-results-sidebar .doc-count { color: #94a3b8; }
.tt-filter--hidden { display: none !important; }

.tt-noresult-gpt { display: inline-block; margin-top: 8px; background: #D34529; color: #FFFFFF; font-weight: 600; border-radius: 10px; padding: 10px 20px; }
.tt-noresult-gpt:hover { background: #C03D22; color: #FFFFFF; text-decoration: none; }

@media (max-width: 760px) {
  .tt-result { padding: 16px 40px 16px 16px; }
}

/***** TimeTonic v8 : vidéothèque et encart d'accueil (ajout du 07-10-2026) *****/
.tt-vt-hero { background: linear-gradient(135deg, #1C2C39, #243547); color: #FFFFFF; padding: 40px 0 44px; }
.tt-vt-crumbs { font-size: 13px; color: #cbd5e1; margin-bottom: 14px; }
.tt-vt-crumbs a { color: #cbd5e1; }
.tt-vt-crumbs span { margin: 0 6px; }
.tt-vt-hero h1 { margin: 0; font-size: 34px; font-weight: 800; color: #FFFFFF; letter-spacing: -.02em; }
.tt-vt-hero p { margin: 10px 0 0; color: #cbd5e1; font-size: 16px; }
.tt-vt-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 40px; max-width: 1160px; margin: 0 auto; padding: 36px 16px 64px; }
.tt-vt-side { position: sticky; top: 16px; align-self: start; }
.tt-vt-side p { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; margin: 0 0 10px 10px; }
.tt-vt-side a { display: flex; justify-content: space-between; gap: 8px; padding: 6px 10px; border-radius: 8px; font-size: 14px; color: #1e293b; }
.tt-vt-side a:hover { background: #F8FAFC; text-decoration: none; }
.tt-vt-side a.tt-on { color: #1C2C39; font-weight: 600; }
.tt-vt-side a span { color: #94a3b8; }
.tt-vt-theme { margin-bottom: 40px; scroll-margin-top: 16px; }
.tt-vt-theme h2 { font-size: 20px; margin: 0 0 4px; color: #1e293b; }
.tt-vt-n { color: #64748b; font-size: 14px; margin: 0 0 14px; }
.tt-vt-list { list-style: none; margin: 0; padding: 0; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.tt-vt-list li + li { border-top: 1px solid #e2e8f0; }
.tt-vt-row { display: flex; align-items: center; gap: 16px; width: 100%; padding: 12px 18px 12px 12px; background: none; border: 0; text-align: left; font: inherit; color: #1e293b; cursor: pointer; }
.tt-vt-row:hover { background: #F8FAFC; }
.tt-vt-row:hover .tt-vt-t { color: #D34529; }
.tt-vt-thumb { position: relative; flex: 0 0 128px; height: 72px; border-radius: 8px; overflow: hidden; background: #e2e8f0; }
.tt-vt-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tt-vt-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #D34529; display: grid; place-items: center; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); }
.tt-vt-row:hover .tt-vt-play { background: #D34529; color: #FFFFFF; }
@media (max-width: 600px) { .tt-vt-thumb { flex-basis: 96px; height: 54px; } }
.tt-vt-t { flex: 1; font-weight: 500; }
.tt-vt-t small { display: block; font-weight: 400; color: #64748b; font-size: 13px; }
.tt-vt-d { color: #64748b; font-size: 13px; white-space: nowrap; border: 1px solid #e2e8f0; border-radius: 999px; padding: 2px 10px; }
.tt-vt-modal { position: fixed; inset: 0; z-index: 10000; background: rgba(28, 44, 57, .7); display: grid; place-items: center; padding: 16px; }
.tt-vt-modal[hidden] { display: none; }
.tt-vt-box { width: min(880px, 100%); background: #FFFFFF; border-radius: 14px; overflow: hidden; }
.tt-vt-frame { aspect-ratio: 16 / 9; background: #000; }
.tt-vt-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.tt-vt-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 18px; }
.tt-vt-foot b { font-size: 16px; color: #1e293b; }
.tt-vt-foot a { color: #D34529; font-weight: 600; font-size: 14px; margin-right: 16px; }
.tt-vt-foot a[hidden] { display: none; }
.tt-vt-close { border: 0; background: none; font-size: 14px; color: #64748b; cursor: pointer; }

/* Encart d'accueil : invitation vers la vidéothèque */
.tt-home-videos { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; border: 1px solid #e2e8f0; border-radius: 16px; padding: 26px 30px; background: #F8FAFC; }
.tt-home-videos-ico { flex: 0 0 52px; height: 52px; border-radius: 14px; background: #fef2f2; color: #D34529; display: grid; place-items: center; }
.tt-home-videos-text { flex: 1; min-width: 240px; }
.tt-home-videos-text b { display: block; font-size: 20px; color: #1e293b; margin-bottom: 4px; }
.tt-home-videos-text span { color: #64748b; }

@media (max-width: 860px) {
  .tt-vt-layout { grid-template-columns: 1fr; }
  .tt-vt-side { display: none; }
  .tt-vt-hero h1 { font-size: 26px; }
}

/* Lien Signaler une information à corriger (07-10-2026) */
.tt-report { display: none; }
.tt-report--on { display: block; margin: -8px 0 24px; font-size: 14px; color: #64748b; text-align: right; }
.tt-report--on a { color: #1e293b; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.tt-report--on a:hover { color: #D34529; }
.tt-nav-videos a { display: inline-flex; align-items: center; gap: 6px; }

/***** TimeTonic v8 : bandeau bleu unique sur toutes les pages, remonté sous l'en-tête (07-10-2026) *****/
/* --tt-hh = hauteur réelle de l'en-tête, mesurée par script.js (ttHeaderHeight) */
:root { --tt-hh: 100px; }
.hc_header { background: transparent !important; }
.hero, .tt-home-hero, .tt-vt-hero { background: linear-gradient(135deg, #1C2C39 0%, #243547 60%, #2E4257 100%) !important; margin-top: calc(-1 * var(--tt-hh)) !important; }
.hero { padding-top: calc(var(--tt-hh) + 80px) !important; }
.hero.pages--hero { padding-top: calc(var(--tt-hh) + 24px) !important; }
.tt-home-hero { padding-top: calc(var(--tt-hh) + 56px) !important; }
.tt-vt-hero { padding-top: calc(var(--tt-hh) + 40px) !important; }
.hero-image::before { display: none; }

/* Choix de la langue : menu déroulant dans la ligne du menu (07-10-2026) */
.tt-lang { position: relative; list-style: none; }
.tt-lang-dd > summary { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); font-size: 13px; font-weight: 600; letter-spacing: .04em; color: #FFFFFF; cursor: pointer; list-style: none; user-select: none; }
.tt-lang-dd > summary::-webkit-details-marker { display: none; }
.tt-lang-dd > summary:hover, .tt-lang-dd[open] > summary { background: rgba(255, 255, 255, .12); }
.tt-lang-chev { transition: transform .15s; }
.tt-lang-dd[open] .tt-lang-chev { transform: rotate(180deg); }
.tt-lang-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; min-width: 170px; padding: 6px; background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 30px rgba(30, 41, 59, .18); }
.tt-lang-opt { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #1e293b; white-space: nowrap; }
.tt-lang-opt small { font-weight: 400; color: #64748b; font-size: 13px; }
a.tt-lang-opt:hover { background: #F8FAFC; color: #D34529; text-decoration: none; }
.tt-lang-on { background: #F8FAFC; }
.tt-lang-check { margin-left: auto; color: #D34529; }
.tt-flag { display: block; width: 18px; height: 12px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); flex: 0 0 auto; }
.hc_header .tt-lang .tt-lang-menu .tt-lang-opt { display: flex !important; align-items: center; gap: 8px; margin: 0; padding: 8px 10px !important; border: 0 !important; border-radius: 8px; background: transparent; color: #1e293b !important; font-size: 13px !important; font-weight: 600; line-height: 1.3; opacity: 1 !important; }
.hc_header .tt-lang .tt-lang-menu .tt-lang-on { background: #F8FAFC; }
.hc_header .tt-lang .tt-lang-menu a.tt-lang-opt:hover { background: #F8FAFC; color: #D34529 !important; }
.hc_header .tt-lang .tt-lang-menu .tt-lang-opt small { color: #64748b !important; font-weight: 400; }

/***** TimeTonic v8 : suggestions, page sans résultat, badge vidéo (ajout du 07-10-2026) *****/
.tt-suggest[hidden] { display: none; }
.tt-suggest { margin: 0 0 24px; padding: 16px 20px; background: #F8FAFC; border: 1px solid #e2e8f0; border-radius: 12px; }
.tt-suggest-title { margin: 0 0 8px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #64748b; }
.tt-suggest ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tt-suggest li { display: inline-flex; align-items: center; gap: 8px; }
.tt-suggest a { display: inline-block; padding: 7px 14px; border-radius: 999px; background: #FFFFFF; border: 1px solid #e2e8f0; color: #1e293b; font-size: 14px; font-weight: 500; }
.tt-suggest a:hover { border-color: #D34529; color: #D34529; text-decoration: none; }
.tt-badge-video { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; background: #fef2f2; color: #D34529; font-size: 12px; font-weight: 600; white-space: nowrap; vertical-align: middle; }
.tt-badge-video::before { content: ""; width: 0; height: 0; border-left: 7px solid currentColor; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.tt-noresult { padding: 8px 0 24px; }
.tt-noresult-h { font-size: 22px; margin: 0 0 8px; color: #1e293b; }
.tt-noresult-p { margin: 0 0 20px; color: #64748b; }
.tt-noresult-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 8px; }
.tt-noresult-card { display: block; padding: 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #FFFFFF; color: #1e293b; }
.tt-noresult-card:hover { border-color: #D34529; text-decoration: none; }
.tt-noresult-card b { display: block; margin-bottom: 4px; }
.tt-noresult-card span { color: #64748b; font-size: 14px; }
.tt-noresult .no-results { display: none; }
@media (max-width: 760px) { .tt-noresult-grid { grid-template-columns: 1fr; } }

/* T6 (07-10-2026) : le texte du bandeau n'est plus un titre principal ; même apparence */
p.welcome_text { color: #FFFFFF; margin: 0 0 20px; font-weight: 700; font-size: 3em; line-height: 1.1; }

/* Carte d'accueil à plusieurs liens (13-10-2026) */
.tt-intent--multi { cursor: default; }
.tt-intent--multi:hover { transform: none; border-color: #e2e8f0; }
.tt-intent-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.tt-intent-links a { display: inline-block; padding: 4px 11px; border-radius: 999px; border: 1px solid #e2e8f0; background: #F8FAFC; color: #1e293b; font-size: 13px; font-weight: 500; }
.tt-intent-links a:hover { border-color: #D34529; color: #D34529; text-decoration: none; }

/* TimeTonic v8 (13-10-2026) : lien Ouvrir l'application */
.hc_header .tt-nav-app > a { display: inline-flex; align-items: center; gap: 6px; }

/* TimeTonic v8 (13-10-2026) : sur téléphone, pas de message automatique de la bulle (il masquait la première entrée Je veux) */
@media (max-width: 640px) { .tt-gpt-teaser { display: none !important; } }
/* TimeTonic v8 (13-10-2026) : liste déroulante de la barre de recherche (articles mis en avant et suggestions), habillage et six articles visibles sans défilement (Zendesk limite à 406 px) */
zd-autocomplete { background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 16px 40px rgba(28, 44, 57, .18); padding: 6px; margin-top: 8px; max-height: min(72vh, 640px) !important; }
zd-autocomplete-header { display: block; padding: 10px 14px 6px !important; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #64748b; text-align: left !important; }
zd-autocomplete-multibrand, zd-autocomplete-option { display: block; padding: 10px 14px 10px 16px !important; border-radius: 10px; border-left: 3px solid transparent; cursor: pointer; }
zd-autocomplete-multibrand:hover, zd-autocomplete-multibrand[aria-selected="true"], zd-autocomplete-option:hover, zd-autocomplete-option[aria-selected="true"] { background: #F8FAFC; border-left-color: #D34529; }
zd-autocomplete-title-multibrand { display: block; font-size: 14px; font-weight: 600; color: #1C2C39; line-height: 1.35; }
zd-autocomplete-title-multibrand em { font-style: normal; color: #D34529; background: rgba(211, 69, 41, .08); border-radius: 3px; padding: 0 2px; }
zd-autocomplete-breadcrumbs-multibrand { display: block; margin-top: 3px; font-size: 12px; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* TimeTonic v8 (13-10-2026) : partie basse de l'accueil, contraste et mouvement sobres (bandes alternées comme timetonic.com) */
.tt-home-h { font-size: 26px; letter-spacing: -.01em; color: #1C2C39; }
.tt-home-sub { font-size: 16px; }
.tt-eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #D34529; margin-bottom: 10px; }
.tt-arr { transition: transform .2s ease; vertical-align: -3px; margin-left: 6px; }
a:hover .tt-arr { transform: translateX(4px); }
/* Assistant IA */
.tt-home-gpt { position: relative; overflow: hidden; background: #1C2C39; background-image: radial-gradient(60% 120% at 100% 0%, rgba(32, 164, 243, .28), transparent 60%), radial-gradient(40% 90% at 0% 100%, rgba(211, 69, 41, .28), transparent 60%); border-radius: 18px; padding: 32px 36px; }
.tt-home-gpt-text { position: relative; }
.tt-home-gpt b { font-size: 22px; }
.tt-ai-badge { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #FFFFFF; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; padding: 4px 10px 4px 8px; margin-bottom: 10px; }
.tt-ai-badge i { width: 8px; height: 8px; border-radius: 50%; background: #20A4F3; box-shadow: 0 0 0 0 rgba(32, 164, 243, .6); animation: tt-pulse 2.4s ease-out infinite; }
@keyframes tt-pulse { 0% { box-shadow: 0 0 0 0 rgba(32, 164, 243, .6); } 70% { box-shadow: 0 0 0 8px rgba(32, 164, 243, 0); } 100% { box-shadow: 0 0 0 0 rgba(32, 164, 243, 0); } }
.tt-home-btn { display: inline-flex; align-items: center; border-radius: 999px; padding: 13px 24px; font-size: 15px; box-shadow: 0 8px 20px rgba(211, 69, 41, .3); transition: background .18s, transform .18s, box-shadow .18s; }
.tt-home-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(211, 69, 41, .38); }
/* Catégories : bande claire, tuiles contrastées */
.tt-home-band { margin-top: 56px; padding: 56px 0 64px; background: #F8FAFC; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.tt-home-cats { gap: 16px; }
.tt-home-cat { position: relative; align-items: flex-start; justify-content: flex-start; text-align: left; gap: 0; min-height: 0; padding: 22px 22px 24px; border-radius: 16px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tt-home-cat:hover, .tt-home-cat:focus-visible { border-color: #1C2C39; box-shadow: 0 16px 34px rgba(28, 44, 57, .14); transform: translateY(-4px); }
.tt-home-cat-ico { width: 48px; height: 48px; border-radius: 13px; background: #1C2C39; border: 0; color: #FFFFFF; font-size: 21px; margin-bottom: 16px; transition: background .2s ease, transform .2s ease; }
.tt-home-cat:hover .tt-home-cat-ico { background: #D34529; color: #FFFFFF; border-color: #D34529; transform: scale(1.06); }
.tt-home-cat b { font-size: 16px; color: #1C2C39; margin-bottom: 6px; }
.tt-home-cat-d { display: block; font-size: 13.5px; line-height: 1.45; color: #64748b; }
.tt-home-cat .tt-arr { position: absolute; right: 18px; bottom: 18px; color: #D34529; opacity: 0; transform: translateX(-6px); }
.tt-home-cat:hover .tt-arr { opacity: 1; transform: translateX(0); }
/* Vidéothèque : bande sombre */
.tt-home-dark { background: linear-gradient(135deg, #1C2C39 0%, #243547 60%, #2E4257 100%); color: #FFFFFF; padding: 56px 0; }
.tt-home-videos { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; border: 0; border-radius: 0; padding: 0 16px; background: transparent; }
.tt-home-videos-text { flex: 1 1 380px; min-width: 0; }
.tt-home-videos-text b { display: block; font-size: 26px; line-height: 1.2; color: #FFFFFF; letter-spacing: -.01em; margin-bottom: 10px; }
.tt-home-videos-text > span:not(.tt-eyebrow) { display: block; color: #cbd5e1; font-size: 16px; max-width: 48ch; margin-bottom: 22px; }
.tt-vid-strip { display: flex; gap: 12px; flex: 0 1 auto; }
.tt-vid-thumb { position: relative; display: block; width: 160px; max-width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); box-shadow: 0 10px 24px rgba(0, 0, 0, .3); transition: transform .2s ease, border-color .2s ease; }
.tt-vid-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tt-vid-play { position: absolute; inset: 0; display: grid; place-items: center; color: #FFFFFF; background: linear-gradient(to top, rgba(28, 44, 57, .55), transparent 60%); }
.tt-vid-play svg { width: 34px; height: 34px; padding: 8px; border-radius: 50%; background: #D34529; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); transition: transform .2s ease; }
.tt-vid-thumb:hover { transform: translateY(-4px); border-color: rgba(255, 255, 255, .5); }
.tt-vid-thumb:hover .tt-vid-play svg { transform: scale(1.1); }
/* Assistance */
.tt-home-help { margin-top: 0; background: #FFFFFF; border-top: 0; padding: 56px 0 64px; }
.tt-help-card { position: relative; border-radius: 16px; padding: 24px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tt-help-card:hover, .tt-help-card:focus-visible { border-color: #1C2C39; box-shadow: 0 16px 34px rgba(28, 44, 57, .12); transform: translateY(-4px); }
.tt-help-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #F8FAFC; border: 1px solid #e2e8f0; color: #1C2C39; margin-bottom: 14px; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.tt-help-card:hover .tt-help-ico { background: #1C2C39; border-color: #1C2C39; color: #FFFFFF; }
.tt-help-card b { font-size: 16px; color: #1C2C39; }
.tt-help-card i { display: inline-flex; align-items: center; }
/* Apparition au défilement (seulement si le script est actif) */
html.tt-js [data-tt-reveal] > * { opacity: 0; transform: translateY(14px); }
html.tt-js [data-tt-reveal].tt-in > * { opacity: 1; transform: none; transition: opacity .45s ease, transform .45s ease; transition-delay: calc(var(--i, 0) * 55ms); }
html.tt-js [data-tt-reveal].tt-in > *:hover { transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) { html.tt-js [data-tt-reveal] > * { opacity: 1; transform: none; transition: none; } .tt-ai-badge i { animation: none; } .tt-home-cat, .tt-help-card, .tt-vid-thumb, .tt-home-btn, .tt-arr { transition: none; } }
@media (max-width: 600px) { .tt-home-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .tt-home-cat { padding: 18px 16px 20px; } .tt-home-gpt { padding: 26px 22px; } .tt-vid-strip { width: 100%; overflow-x: auto; padding-bottom: 6px; } .tt-vid-thumb { flex: 0 0 150px; } }

/* TimeTonic v8 (13-10-2026) : menu mobile réorganisé (navigation, langue, compte) */
.nav-wrapper-mobile .menu-list-mobile { border-radius: 0 0 16px 16px; box-shadow: 0 20px 40px rgba(28, 44, 57, .18); padding: 6px 0 10px; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-label { padding: 14px 20px 6px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #94a3b8; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-label + .tt-mnav-label { display: none; }
.nav-wrapper-mobile .tt-mnav > li > a { display: flex !important; align-items: center; gap: 14px; min-height: 48px; padding: 10px 20px !important; font-size: 16px; font-weight: 500; color: #1C2C39; border-left: 3px solid transparent; }
.nav-wrapper-mobile .tt-mnav > li > a svg:not(.tt-flag) { flex: 0 0 18px; color: #2E4257; }
.nav-wrapper-mobile .tt-mnav > li > a:hover, .nav-wrapper-mobile .tt-mnav > li > a:focus { background: #F8FAFC; border-left-color: #D34529; color: #1C2C39; }
.nav-wrapper-mobile .tt-mnav .tt-nav-app > a { color: #D34529; font-weight: 600; }
.nav-wrapper-mobile .tt-mnav .tt-nav-app > a svg { color: #D34529; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-lang { display: flex; gap: 8px; padding: 6px 20px 10px; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-pill { display: inline-flex !important; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px !important; border: 1px solid #e2e8f0; border-radius: 999px; font-size: 14px; font-weight: 600; color: #1C2C39; background: #FFFFFF; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-pill.tt-on { background: #1C2C39; border-color: #1C2C39; color: #FFFFFF; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-user .my-profile { display: flex; align-items: center; gap: 12px; padding: 8px 20px; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-user .menu-profile-name > div:first-child { font-weight: 600; color: #1C2C39; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-user .my-profile-tooltip { font-size: 13px; color: #64748b; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-sub a { min-height: 40px; padding: 8px 20px 8px 52px !important; font-size: 14px; font-weight: 400; color: #475569; display: flex; align-items: center; }
.nav-wrapper-mobile .tt-mnav .tt-mnav-out a { color: #94a3b8; }
.nav-wrapper-mobile .tt-mnav .nav-divider { display: none; }

/* TimeTonic v8 (13-10-2026) : continuité avec l'accueil sur les pages catégorie, section, article et vidéothèque */
.tt-page-header h1 { font-size: 32px; font-weight: 800; letter-spacing: -.015em; color: #1C2C39; }
.tt-page-description { color: #64748b; font-size: 16px; }
.tt-side-title { color: #94a3b8; letter-spacing: .1em; font-size: 11px; font-weight: 700; }
/* Catégorie : cartes de sections */
.tt-card { border-radius: 16px; padding: 24px 26px 22px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tt-card:hover { border-color: #1C2C39; box-shadow: 0 16px 34px rgba(28, 44, 57, .12); transform: translateY(-3px); }
.tt-card-title { font-size: 19px; }
.tt-card-title a { color: #1C2C39; }
.tt-card-list li { padding: 5px 0; }
.tt-card-list a { color: #334155; }
.tt-card-foot { border-top: 1px solid #f1f5f9; margin-top: 16px; }
.tt-all { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: #D34529; }
.tt-all::after { content: "\2192"; display: inline-block; transition: transform .2s ease; }
.tt-all:hover { text-decoration: none; }
.tt-all:hover::after { transform: translateX(4px); }
.tt-sub { border-radius: 10px; transition: border-color .2s ease, background .2s ease; }
.tt-sub:hover { background: #FFFFFF; border-color: #1C2C39; }
/* Section : sous-sections et lignes d'articles */
.tt-tile { border-radius: 16px; padding: 20px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tt-tile:hover { border-color: #1C2C39; box-shadow: 0 16px 34px rgba(28, 44, 57, .12); transform: translateY(-3px); }
.tt-tile-icon { width: 44px; height: 44px; border-radius: 12px; background: #1C2C39; border: 0; color: #FFFFFF; transition: background .2s ease; }
.tt-tile:hover .tt-tile-icon { background: #D34529; }
.tt-tile-name { color: #1C2C39; }
.tt-rows li a { border-radius: 10px; border-left: 3px solid transparent; transition: background .15s ease, border-color .15s ease; }
.tt-rows li a:hover { background: #F8FAFC; border-left-color: #D34529; text-decoration: none; }
.tt-rows li a:hover .tt-row-title { color: #1C2C39; }
.tt-rows li a:hover .tt-row-chev { color: #D34529; transform: translateX(3px); }
.tt-row-chev { transition: transform .2s ease, color .2s ease; }
.tt-row-icon { color: #2E4257; }
/* Vidéothèque */
.tt-vt-theme h2 { font-size: 22px; color: #1C2C39; letter-spacing: -.01em; }
.tt-vt-n { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #94a3b8; }
.tt-vt-row { border-radius: 12px; border-left: 3px solid transparent; transition: background .15s ease, border-color .15s ease; }
.tt-vt-row:hover { border-left-color: #D34529; }
.tt-vt-row:hover .tt-vt-t { color: #1C2C39; }
.tt-vt-thumb { border-radius: 8px; overflow: hidden; }
.tt-vt-thumb img { transition: transform .25s ease; }
.tt-vt-row:hover .tt-vt-thumb img { transform: scale(1.05); }
.tt-vt-play { background: #D34529; color: #FFFFFF; box-shadow: 0 4px 12px rgba(0, 0, 0, .25); transition: transform .2s ease; }
.tt-vt-row:hover .tt-vt-play { transform: translate(-50%, -50%) scale(1.1); }
/* Article : partage et sommaire */
.tt-share-btn { border-radius: 10px; transition: border-color .2s ease, color .2s ease, background .2s ease; }
.tt-share-btn:hover, .tt-share-btn[aria-expanded="true"] { background: #1C2C39; border-color: #1C2C39; color: #FFFFFF; }
.tt-share-end { border-radius: 16px; padding: 24px 28px; background: #F8FAFC; }
.tt-share-end-text b { color: #1C2C39; font-size: 18px; }
.tt-share-end-actions button { transition: border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
.tt-share-end-actions button:hover { transform: translateY(-1px); }
.tt-share-end-actions button:first-child { box-shadow: 0 8px 20px rgba(211, 69, 41, .3); padding: 10px 20px; }
.tt-toc a:hover { color: #D34529; text-decoration: none; }
@media (prefers-reduced-motion: reduce) { .tt-card, .tt-tile, .tt-rows li a, .tt-vt-row, .tt-vt-thumb img, .tt-vt-play, .tt-share-btn, .tt-share-end-actions button, .tt-all::after, .tt-row-chev { transition: none; } }

/* TimeTonic v8 (13-10-2026) : fenêtre de l'assistant IA, voile sombre, fenêtre plus grande, ouverture animée, plein écran sur téléphone */
.tt-gpt-backdrop { position: fixed; inset: 0; z-index: 0; background: rgba(28, 44, 57, .55); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); animation: tt-fade .25s ease; }
.tt-gpt-backdrop[hidden] { display: none; }
.tt-gpt-panel, .tt-gpt-launcher, .tt-gpt-teaser { position: relative; z-index: 1; }
.tt-gpt-panel { width: min(520px, calc(100vw - 32px)); height: min(760px, calc(100vh - 110px)); border: 0; border-radius: 20px; box-shadow: 0 30px 80px rgba(0, 0, 0, .45); opacity: 0; transform: translateY(16px) scale(.98); transform-origin: bottom right; transition: opacity .25s ease, transform .25s ease; }
.tt-gpt-panel--in { opacity: 1; transform: none; }
.tt-gpt-head { padding: 16px 20px; }
.tt-gpt-head b { font-size: 16px; }
.tt-gpt-close { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; opacity: 1; background: rgba(255, 255, 255, .1); transition: background .15s; }
.tt-gpt-close:hover { background: #D34529; }
.tt-gpt-note { padding: 10px 20px; }
.tt-gpt--open .tt-gpt-launcher { background: #D34529; }
@keyframes tt-fade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 640px) {
  .tt-gpt--open { inset: 0; right: 0; bottom: 0; align-items: stretch; gap: 0; }
  .tt-gpt--open .tt-gpt-panel { width: 100%; height: 100%; border-radius: 0; }
  .tt-gpt--open .tt-gpt-launcher { display: none; }
}
@media (prefers-reduced-motion: reduce) { .tt-gpt-panel { transition: none; opacity: 1; transform: none; } .tt-gpt-backdrop { animation: none; backdrop-filter: none; } }

/* TimeTonic v8 (13-10-2026) : page Assistant IA (/p/assistant) et lien Pleine page dans la fenêtre */
.tt-ai-hero h1 { max-width: 20ch; }
.tt-ai-hero p { max-width: 62ch; }
.tt-ai-hero .tt-ai-badge { margin-bottom: 14px; }
.tt-ai-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 40px; padding-top: 36px; padding-bottom: 64px; }
.tt-ai-side .tt-side-title { margin: 22px 0 8px; }
.tt-ai-side .tt-side-title:first-child { margin-top: 0; }
.tt-ai-tips, .tt-ai-examples { margin: 0; padding: 0; list-style: none; }
.tt-ai-tips li { position: relative; padding: 4px 0 4px 18px; font-size: 14px; color: #475569; }
.tt-ai-tips li::before { content: ""; position: absolute; left: 0; top: 12px; width: 8px; height: 8px; border-radius: 50%; background: #D34529; }
.tt-ai-examples li { margin: 0 0 8px; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #F8FAFC; font-size: 14px; color: #1C2C39; }
.tt-ai-links a { display: inline-flex; align-items: center; margin: 0 0 8px; font-weight: 600; color: #D34529; }
.tt-ai-links a:hover { text-decoration: none; }
.tt-ai-note { margin-top: 22px; padding-top: 16px; border-top: 1px solid #e2e8f0; font-size: 12px; color: #94a3b8; }
.tt-ai-frame { border-radius: 20px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 20px 50px rgba(28, 44, 57, .12); background: #FFFFFF; }
.tt-ai-frame iframe { display: block; width: 100%; height: min(820px, calc(100vh - 160px)); min-height: 560px; border: 0; }
.tt-gpt-head { gap: 12px; }
.tt-gpt-head b { flex: 1; }
.tt-gpt-full { font-size: 13px; font-weight: 600; color: #FFFFFF; opacity: .85; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
.tt-gpt-full:hover { opacity: 1; background: rgba(255, 255, 255, .12); color: #FFFFFF; text-decoration: none; }
@media (max-width: 900px) { .tt-ai-layout { grid-template-columns: 1fr; gap: 28px; } .tt-ai-side { order: 2; } .tt-ai-frame iframe { height: min(720px, calc(100vh - 120px)); } }

/* TimeTonic v8 (13-10-2026) : liens du menu d'en-tête tous alignés sur la même ligne (icône ou non) */
.hc_header .user-nav-list { display: flex; align-items: center; gap: 4px; }
.hc_header .user-nav-list > li { display: flex; align-items: center; margin: 0; }
.hc_header .user-nav-list > li > a, .hc_header .user-nav-list > li > .tt-lang-dd > summary { display: inline-flex !important; align-items: center; gap: 7px; min-height: 40px; line-height: 1; padding: 0 12px; }
.hc_header .user-nav-list > li > a svg { flex: 0 0 auto; display: block; }

/* TimeTonic v8 (13-10-2026) : menu de compte sur la même ligne que les liens et le sélecteur de langue */
.hc_header .nav-wrapper-desktop { display: flex; align-items: center; gap: 8px; }
.hc_header .user-info { margin: 0 !important; display: flex; align-items: center; }
.hc_header .user-info > button.dropdown-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; margin: 0; padding: 0 12px 0 6px; line-height: 1; }
.hc_header .user-info > button.dropdown-toggle > span { display: inline-flex; align-items: center; gap: 6px; }
.hc_header .user-info .user-avatar { margin: 0; display: block; }

/* TimeTonic v8 (13-10-2026) : bandeau d'accueil aéré */
.tt-home-hero { padding-bottom: 104px; }
.tt-home-title { font-size: 42px; margin-bottom: 4px; }
.tt-home-lead { max-width: 58ch; margin: 14px auto 34px; font-size: 17px; line-height: 1.55; color: #cbd5e1; }
.tt-home-search input[type="search"] { height: 60px; }
.tt-home-chips { margin-top: 26px; gap: 8px 10px; font-size: 13px; }
.tt-home-chips em { font-size: 13px; color: #94a3b8; }
.tt-home-chips a { padding: 5px 13px; border-color: rgba(255, 255, 255, .18); color: #e2e8f0; }
.tt-home-intents { margin-top: -48px; }
.tt-home-intents .tt-home-grid3 { gap: 20px; }
.tt-intent { padding: 24px 24px 26px; box-shadow: 0 10px 30px rgba(28, 44, 57, .12); }
.tt-intent span span { line-height: 1.5; }
.tt-home-block { padding-top: 64px; }
@media (max-width: 600px) { .tt-home-hero { padding-bottom: 88px; } .tt-home-title { font-size: 32px; } .tt-home-lead { font-size: 16px; } .tt-home-intents { margin-top: -40px; } }

/* TimeTonic v8 (13-10-2026) : lien Assistant IA de l'en-tête, icône et pilule discrète */
.hc_header .user-nav-list > li.tt-nav-ai > a { border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; padding: 0 14px; margin: 0 4px; transition: background .15s, border-color .15s; }
.hc_header .user-nav-list > li.tt-nav-ai > a:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .5); text-decoration: none; }
.hc_header .user-nav-list > li.tt-nav-ai > a svg { color: #20A4F3; }

/* TimeTonic v8 (13-10-2026) : cartes « Je veux… » équilibrées */
.tt-intent b { text-wrap: balance; }
.tt-intent > span:last-child { display: block; min-width: 0; }
.tt-intent span span { display: block; min-height: 3em; }

/* TimeTonic v8 (13-10-2026) : ligne assistant dans la liste déroulante, requête reprise et issue de secours sur la page Assistant IA */
zd-autocomplete .tt-ac-ai { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; padding: 11px 14px; border-radius: 10px; background: #1C2C39; color: #FFFFFF; font-size: 14px; }
zd-autocomplete .tt-ac-ai svg { flex: 0 0 auto; color: #20A4F3; }
zd-autocomplete .tt-ac-ai b { font-weight: 700; }
zd-autocomplete .tt-ac-ai:hover { background: #2E4257; color: #FFFFFF; text-decoration: none; }
.tt-ai-query { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 18px; padding: 14px 18px; border: 1px solid #e2e8f0; border-radius: 14px; background: #FFFFFF; box-shadow: 0 6px 20px rgba(28, 44, 57, .06); }
.tt-ai-query[hidden] { display: none; }
.tt-ai-query em { font-style: normal; color: #64748b; font-size: 14px; }
.tt-ai-query b { flex: 1; min-width: 200px; font-size: 15px; color: #1C2C39; }
.tt-ai-query button { border: 1px solid #e2e8f0; background: #F8FAFC; border-radius: 999px; padding: 7px 14px; font: inherit; font-size: 13px; font-weight: 600; color: #1C2C39; cursor: pointer; transition: border-color .15s; }
.tt-ai-query button:hover { border-color: #1C2C39; }
.tt-ai-after { margin-top: 14px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 18px; border: 1px dashed #e2e8f0; border-radius: 14px; font-size: 14px; color: #64748b; }
.tt-ai-after a { display: inline-flex; align-items: center; color: #D34529; font-weight: 600; white-space: nowrap; }
.tt-ai-after a:hover { text-decoration: none; }

/* TimeTonic v8 (13-10-2026) : badge vidéo dans la liste déroulante */
zd-autocomplete-multibrand { position: relative; }
zd-autocomplete .tt-ac-video { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 3px 9px; border-radius: 999px; background: #fef2f2; color: #D34529; font-size: 12px; font-weight: 600; }
zd-autocomplete .tt-ac-video:hover { background: #D34529; color: #FFFFFF; text-decoration: none; }

/* TimeTonic v8 (13-10-2026) : issue de secours à deux liens (communauté, support) */
.tt-ai-after-links { display: inline-flex; gap: 18px; flex-wrap: wrap; }

/* TimeTonic v8 (13-10-2026) : page Assistant IA, refonte : l'agent au centre, carte qui monte dans le bandeau, aides en dessous */
.tt-ai-hero { padding-bottom: 96px; text-align: center; }
.tt-ai-hero h1 { max-width: none; margin: 0 auto; font-size: 38px; }
.tt-ai-hero p { max-width: 60ch; margin: 12px auto 0; }
.tt-ai-hero .tt-ai-badge { margin-bottom: 14px; }
.tt-ai-hero + .breadcrumbs__block { display: none; }
.tt-ai-page { padding-bottom: 72px; }
.tt-ai-card { position: relative; max-width: 900px; margin: -64px auto 0; border-radius: 22px; background: #FFFFFF; box-shadow: 0 30px 70px rgba(28, 44, 57, .22); overflow: hidden; }
.tt-ai-card::before { content: ""; position: absolute; inset: 0; border-radius: 22px; padding: 1px; background: linear-gradient(135deg, rgba(32, 164, 243, .9), rgba(211, 69, 41, .9)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.tt-ai-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 20px; background: #1C2C39; color: #FFFFFF; }
.tt-ai-bar-id { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; }
.tt-ai-dot { width: 10px; height: 10px; border-radius: 50%; background: #20A4F3; box-shadow: 0 0 0 0 rgba(32, 164, 243, .6); animation: tt-pulse 2.4s ease-out infinite; }
.tt-ai-bar-note { font-size: 12.5px; color: #cbd5e1; }
.tt-ai-card .tt-ai-query { margin: 0; border: 0; border-bottom: 1px solid #e2e8f0; border-radius: 0; box-shadow: none; background: #F8FAFC; padding: 12px 20px; }
.tt-ai-card .tt-ai-frame { border: 0; border-radius: 0; box-shadow: none; }
.tt-ai-card .tt-ai-frame iframe { height: min(720px, calc(100vh - 220px)); min-height: 520px; }
.tt-ai-help { margin-top: 28px; }
.tt-ai-tile { display: flex; flex-direction: column; gap: 8px; padding: 22px 24px; background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 16px; color: #1e293b; }
.tt-ai-tile .tt-help-ico { margin-bottom: 4px; }
.tt-ai-tile > b { font-size: 16px; color: #1C2C39; }
.tt-ai-tile > span { font-size: 14px; color: #64748b; }
.tt-ai-tile .tt-ai-tips li { padding: 3px 0 3px 16px; }
.tt-ai-tile .tt-ai-tips li::before { top: 10px; width: 7px; height: 7px; }
.tt-ai-tile .tt-ai-links { margin: 4px 0 0; display: flex; flex-direction: column; gap: 4px; }
.tt-ai-tile .tt-ai-links a { margin: 0; font-size: 14px; }
.tt-ai-page > .tt-ai-note { margin: 22px auto 0; padding: 0; border: 0; text-align: center; max-width: 70ch; }
@media (max-width: 900px) { .tt-ai-hero h1 { font-size: 30px; } .tt-ai-card { margin-top: -48px; border-radius: 18px; } .tt-ai-card::before { border-radius: 18px; } .tt-ai-help.tt-home-grid3 { grid-template-columns: 1fr; } .tt-ai-card .tt-ai-frame iframe { height: min(640px, calc(100vh - 140px)); } }
@media (prefers-reduced-motion: reduce) { .tt-ai-dot { animation: none; } }

/* TimeTonic v8 (13-10-2026) : liste déroulante de recherche, palette sobre (bleu nuit et gris, orange seulement sur la ligne sélectionnée) */
zd-autocomplete-title-multibrand { color: #1C2C39 !important; }
zd-autocomplete-title-multibrand em { color: #1C2C39; background: rgba(28, 44, 57, .09); font-weight: 800; border-radius: 3px; padding: 0 2px; }
zd-autocomplete-multibrand:hover zd-autocomplete-title-multibrand, zd-autocomplete-multibrand[aria-selected="true"] zd-autocomplete-title-multibrand { color: #1C2C39 !important; }
zd-autocomplete .tt-ac-video { background: #FFFFFF; border: 1px solid #e2e8f0; color: #475569; font-weight: 600; }
zd-autocomplete .tt-ac-video svg { color: #1C2C39; }
zd-autocomplete .tt-ac-video:hover { background: #1C2C39; border-color: #1C2C39; color: #FFFFFF; }
zd-autocomplete .tt-ac-video:hover svg { color: #FFFFFF; }
zd-autocomplete .tt-ac-ai svg { color: #FFFFFF; opacity: .9; }
zd-autocomplete .tt-ac-ai { font-weight: 500; }

/* TimeTonic v8 (13-10-2026) : fenêtre de l'assistant alignée sur la page Assistant IA (barre bleu nuit avec point et mention, liseré dégradé) */
.tt-gpt-panel { background: #FFFFFF; }
.tt-gpt-panel::before { content: ""; position: absolute; inset: 0; border-radius: 20px; padding: 1px; background: linear-gradient(135deg, rgba(32, 164, 243, .9), rgba(211, 69, 41, .9)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2; }
.tt-gpt-head { padding: 12px 14px 12px 18px; align-items: center; }
.tt-gpt-head-id { display: inline-flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.tt-gpt-head-txt { display: flex; flex-direction: column; min-width: 0; }
.tt-gpt-head-txt b { font-size: 15px; line-height: 1.25; }
.tt-gpt-head-txt small { font-size: 11.5px; color: #cbd5e1; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tt-gpt-note { display: none; }
@media (max-width: 640px) { .tt-gpt--open .tt-gpt-panel::before { border-radius: 0; } .tt-gpt-head-txt small { white-space: normal; } }

/* TimeTonic v8 (13-10-2026) : vidéothèque, refonte : vignettes en grille, thèmes en pilules, filtre instantané, lecteur sombre */
.tt-vt-hero { padding: 48px 0 56px; }
.tt-vt-hero .tt-ai-badge { margin-bottom: 14px; }
.tt-vt-hero h1 { font-size: 38px; }
.tt-vt-hero p { max-width: 64ch; }
.tt-vt-filter { display: flex; align-items: center; gap: 12px; max-width: 620px; margin: 24px 0 0; padding: 0 16px 0 18px; height: 54px; border-radius: 14px; background: #FFFFFF; color: #94a3b8; box-shadow: 0 12px 32px rgba(0, 0, 0, .25); }
.tt-vt-filter input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; font: inherit; font-size: 16px; color: #1e293b; }
.tt-vt-filter input::placeholder { color: #94a3b8; }
.tt-vt-filter:focus-within { outline: 2px solid #D34529; outline-offset: 2px; }
.tt-vt-filter-n { font-size: 13px; font-weight: 600; color: #1C2C39; background: #F8FAFC; border: 1px solid #e2e8f0; border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.tt-vt-filter-n[hidden] { display: none; }
.tt-vt-layout { grid-template-columns: 232px minmax(0, 1fr); gap: 44px; padding-top: 40px; }
.tt-vt-side { top: 24px; }
.tt-vt-side p { font-size: 11px; letter-spacing: .1em; color: #94a3b8; font-weight: 700; margin-left: 12px; }
.tt-vt-side a { padding: 8px 12px; border-radius: 999px; transition: background .15s, color .15s; }
.tt-vt-side a:hover { background: #F8FAFC; color: #1C2C39; }
.tt-vt-side a.tt-on { background: #1C2C39; color: #FFFFFF; box-shadow: none; }
.tt-vt-side a.tt-on span { color: #cbd5e1; }
.tt-vt-theme { margin-bottom: 48px; }
.tt-vt-theme h2 { font-size: 24px; letter-spacing: -.01em; }
.tt-vt-n { margin-bottom: 18px; }
.tt-vt-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; border: 0; border-radius: 0; overflow: visible; }
.tt-vt-list li + li { border-top: 0; }
.tt-vt-list li { display: flex; }
.tt-vt-row { position: relative; flex-direction: column; align-items: stretch; gap: 0; padding: 0; background: #FFFFFF; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tt-vt-row:hover { background: #FFFFFF; border-color: #1C2C39; box-shadow: 0 16px 34px rgba(28, 44, 57, .14); transform: translateY(-4px); }
.tt-vt-thumb { flex: none; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 0; }
.tt-vt-thumb img { transition: transform .3s ease; }
.tt-vt-row:hover .tt-vt-thumb img { transform: scale(1.05); }
.tt-vt-play { width: 44px; height: 44px; background: #D34529; color: #FFFFFF; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); transition: transform .2s ease; }
.tt-vt-play svg { width: 18px; height: 18px; }
.tt-vt-row:hover .tt-vt-play { transform: translate(-50%, -50%) scale(1.1); }
.tt-vt-t { padding: 14px 16px 16px; font-size: 15px; font-weight: 600; color: #1C2C39; line-height: 1.35; }
.tt-vt-row:hover .tt-vt-t { color: #1C2C39; }
.tt-vt-t small { margin-top: 6px; font-size: 12.5px; }
.tt-vt-d { position: absolute; top: 10px; right: 10px; border: 0; background: rgba(28, 44, 57, .85); color: #FFFFFF; font-size: 12px; font-weight: 600; padding: 3px 9px; }
.tt-vt-modal { background: rgba(28, 44, 57, .82); backdrop-filter: blur(3px); }
.tt-vt-box { width: min(960px, 100%); border-radius: 18px; background: #1C2C39; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); }
.tt-vt-foot { padding: 16px 20px; color: #FFFFFF; }
.tt-vt-foot b { color: #FFFFFF; font-size: 17px; }
.tt-vt-foot a { display: inline-flex; align-items: center; background: #D34529; color: #FFFFFF; border-radius: 999px; padding: 9px 18px; margin-right: 10px; font-size: 14px; }
.tt-vt-foot a:hover { background: #C03D22; text-decoration: none; }
.tt-vt-close { color: #cbd5e1; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; padding: 8px 14px; }
.tt-vt-close:hover { color: #FFFFFF; background: rgba(255, 255, 255, .12); }
.tt-vt-empty { padding: 28px; border: 1px dashed #e2e8f0; border-radius: 16px; color: #64748b; text-align: center; }
.tt-vt-empty[hidden] { display: none; }
@media (max-width: 1100px) { .tt-vt-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .tt-vt-layout { grid-template-columns: 1fr; gap: 20px; } .tt-vt-side { position: static; } .tt-vt-side p { display: none; } .tt-vt-side nav, .tt-vt-side { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; } .tt-vt-side a { flex: 0 0 auto; border: 1px solid #e2e8f0; font-size: 13px; } }
@media (max-width: 600px) { .tt-vt-list { grid-template-columns: 1fr; gap: 14px; } .tt-vt-thumb { flex-basis: auto; height: auto; } .tt-vt-hero h1 { font-size: 30px; } }
@media (prefers-reduced-motion: reduce) { .tt-vt-row, .tt-vt-thumb img, .tt-vt-play { transition: none; } }

/* TimeTonic v8 (13-10-2026) : lecteur de la vidéothèque, description, chapitres, partage */
.tt-vt-box { max-height: 92vh; overflow: auto; }
.tt-vt-actions { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tt-vt-share { display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255, 255, 255, .3); background: none; color: #FFFFFF; border-radius: 999px; padding: 8px 14px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .15s; }
.tt-vt-share:hover { background: rgba(255, 255, 255, .12); }
.tt-vt-foot a.tt-vt-read { margin-right: 0; }
.tt-vt-info { padding: 0 20px 20px; color: #cbd5e1; border-top: 1px solid rgba(255, 255, 255, .1); }
.tt-vt-info[hidden] { display: none; }
.tt-vt-desc { margin: 16px 0 0; font-size: 14px; line-height: 1.55; max-width: 80ch; }
.tt-vt-desc[hidden] { display: none; }
.tt-vt-chap { margin-top: 16px; }
.tt-vt-chap[hidden] { display: none; }
.tt-vt-chap-h { margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #94a3b8; }
.tt-vt-chap-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
.tt-vt-chap-list button { display: flex; align-items: baseline; gap: 10px; width: 100%; padding: 7px 10px; border: 0; border-radius: 8px; background: none; color: #FFFFFF; font: inherit; font-size: 14px; text-align: left; cursor: pointer; transition: background .15s; }
.tt-vt-chap-list button span { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-size: 12.5px; font-weight: 600; color: #D34529; }
.tt-vt-chap-list button:hover { background: rgba(255, 255, 255, .1); }
@media (max-width: 640px) { .tt-vt-chap-list { grid-template-columns: 1fr; } .tt-vt-foot { padding: 14px 16px; } }

/* TimeTonic v8 (13-10-2026) : vidéothèque, présentation en liste (par défaut) ou en vignettes, au choix de l'utilisateur */
.tt-vt-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 22px; padding-bottom: 14px; border-bottom: 1px solid #e2e8f0; }
.tt-vt-toolbar-n { font-size: 14px; color: #64748b; }
.tt-vt-view { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid #e2e8f0; border-radius: 999px; background: #F8FAFC; }
.tt-vt-view button { display: inline-flex; align-items: center; gap: 6px; border: 0; border-radius: 999px; background: none; padding: 6px 12px; font: inherit; font-size: 13px; font-weight: 600; color: #64748b; cursor: pointer; transition: background .15s, color .15s; }
.tt-vt-view button[aria-pressed="true"] { background: #1C2C39; color: #FFFFFF; }
.tt-vt-view button:hover:not([aria-pressed="true"]) { color: #1C2C39; }
/* Liste */
.tt-vt-main[data-view="list"] .tt-vt-list { display: block; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; background: #FFFFFF; }
.tt-vt-main[data-view="list"] .tt-vt-list li { display: block; }
.tt-vt-main[data-view="list"] .tt-vt-list li + li { border-top: 1px solid #f1f5f9; }
.tt-vt-main[data-view="list"] .tt-vt-row { flex-direction: row; align-items: center; gap: 18px; padding: 12px 18px 12px 12px; border: 0; border-left: 3px solid transparent; border-radius: 0; overflow: visible; }
.tt-vt-main[data-view="list"] .tt-vt-row:hover { background: #F8FAFC; border-left-color: #D34529; box-shadow: none; transform: none; }
.tt-vt-main[data-view="list"] .tt-vt-thumb { flex: 0 0 160px; width: 160px; aspect-ratio: 16 / 9; border-radius: 10px; }
.tt-vt-main[data-view="list"] .tt-vt-play { width: 36px; height: 36px; }
.tt-vt-main[data-view="list"] .tt-vt-play svg { width: 14px; height: 14px; }
.tt-vt-main[data-view="list"] .tt-vt-t { flex: 1; padding: 0; }
.tt-vt-main[data-view="list"] .tt-vt-d { position: static; background: #FFFFFF; color: #64748b; border: 1px solid #e2e8f0; font-weight: 500; }
@media (max-width: 600px) { .tt-vt-main[data-view="list"] .tt-vt-thumb { flex-basis: 110px; width: 110px; } .tt-vt-main[data-view="list"] .tt-vt-row { gap: 12px; padding: 10px; } .tt-vt-main[data-view="list"] .tt-vt-d { display: none; } .tt-vt-view button span { display: none; } }

/* TimeTonic v8 (13-10-2026) : vidéothèque, les éléments masqués par le filtre le restent quelle que soit la présentation */
.tt-vt-list li[hidden], .tt-vt-theme[hidden], .tt-vt-side a[hidden] { display: none !important; }

/* TimeTonic v8 (13-10-2026) : bandeau de la page de résultats, plus bas que l'accueil */
.tt-hero--search { padding-bottom: 48px; }
.tt-hero--search .tt-home-title { font-size: 32px; }
.tt-hero--search .tt-home-lead { margin-bottom: 26px; }
.tt-hero--search .tt-home-chips { margin-top: 18px; }

/* TimeTonic v8 (13-10-2026) : barre sous le titre de l'article (lecture, date, partage) */
.tt-art-meta { flex-basis: 100%; display: flex; justify-content: space-between; align-items: center; gap: 12px 20px; flex-wrap: wrap; margin-top: 12px; }
.tt-art-meta-l { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 0; font-size: 14px; color: #64748b; }
.tt-art-meta-l > span + span::before { content: "\00B7"; margin: 0 10px; color: #cbd5e1; }
.tt-reading { margin: 0; }
.tt-art-meta-r .tt-share { margin: 0; }
.tt-share-btn { width: auto; height: 38px; padding: 0 16px 0 12px; display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; font-size: 14px; font-weight: 600; color: #1C2C39; }
.tt-share-btn svg { width: 16px; height: 16px; }
.tt-share-menu { top: 44px; }
.tt-share-title { display: none; }
@media (max-width: 600px) { .tt-art-meta { margin-top: 8px; } .tt-share-btn { height: 36px; } }

/* TimeTonic v8 (19-10-2026) : corrections d'interface. Survols sobres (fond gris ou ombre douce, 200 ms), plus de liseré rouge sur le côté, anneaux de saisie gris foncé, rayons unifiés. */
:root { --tt-r: 16px; --tt-r-in: 12px; --tt-hover: #F1F5F9; --tt-ease: .2s ease; --tt-ring: #475569; --tt-shadow-soft: 0 6px 18px rgba(28, 44, 57, .08); }

/* Barres de recherche : anneau de saisie gris foncé, tracé à l'intérieur du champ blanc */
.tt-home-search input[type="search"]:focus, .search input[type="search"]:focus { outline: 2px solid var(--tt-ring); outline-offset: -2px; }
.tt-vt-filter:focus-within { outline: 2px solid var(--tt-ring); outline-offset: -2px; }

/* Liste déroulante de recherche : surbrillance grise, sans liseré */
zd-autocomplete-multibrand, zd-autocomplete-option { border-left: 0; transition: background-color var(--tt-ease); }
zd-autocomplete-multibrand:hover, zd-autocomplete-multibrand[aria-selected="true"], zd-autocomplete-option:hover, zd-autocomplete-option[aria-selected="true"] { background: var(--tt-hover); border-left-color: transparent; }
zd-autocomplete .tt-ac-ai { transition: background-color var(--tt-ease); }

/* Résultats de recherche : plus de cadre rouge, ombre douce au survol */
.tt-quick--on { border-left: 0; border-radius: var(--tt-r); }
.tt-result { border-radius: var(--tt-r); transition: border-color var(--tt-ease), box-shadow var(--tt-ease), background-color var(--tt-ease); }
.tt-result:hover { border-color: #cbd5e1; box-shadow: var(--tt-shadow-soft); }
.tt-result:hover .tt-result-title { color: #1C2C39; }
.search-results-sidebar .sidenav-item { transition: background-color var(--tt-ease); }
.search-results-sidebar .sidenav-item.current { background: #E2E8F0; color: #1C2C39; box-shadow: none; font-weight: 700; }
.tt-suggest a, .tt-noresult-card, .tt-intent-links a { transition: border-color var(--tt-ease), box-shadow var(--tt-ease), background-color var(--tt-ease); }
.tt-suggest a:hover, .tt-intent-links a:hover { border-color: #cbd5e1; color: #1C2C39; box-shadow: var(--tt-shadow-soft); }
.tt-noresult-card { border-radius: var(--tt-r); }
.tt-noresult-card:hover { border-color: #cbd5e1; box-shadow: var(--tt-shadow-soft); }

/* Rubriques (colonne de gauche) : la rubrique active est une pastille grise appuyée, plus de crochet rouge */
.tt-tree a { transition: background-color var(--tt-ease); }
.tt-tree .tt-current > .tt-row > a { background: #E2E8F0; color: #1C2C39; box-shadow: none; font-weight: 700; }
.tt-tree .tt-current > .tt-row > a:hover { background: #E2E8F0; }
.tt-rows li a { border-left: 0; transition: background-color var(--tt-ease); }
.tt-rows li a:hover { background: var(--tt-hover); border-left-color: transparent; }
.tt-rows li a:hover .tt-row-chev { color: #1C2C39; }
.nav-wrapper-mobile .tt-mnav > li > a { transition: background-color var(--tt-ease); }
.nav-wrapper-mobile .tt-mnav > li > a:hover, .nav-wrapper-mobile .tt-mnav > li > a:focus { background: var(--tt-hover); border-left-color: transparent; }

/* Accueil : bascule Utilisateur / Administrateur, un code couleur par profil (bleu, orange de la charte) */
.tt-prof-bar { display: none; align-items: center; gap: 4px; width: fit-content; max-width: 100%; margin: 0 auto 22px; padding: 6px; background: #FFFFFF; border-radius: var(--tt-r); box-shadow: 0 10px 30px rgba(28, 44, 57, .18); }
html.tt-prof-js .tt-prof-bar { display: flex; }
.tt-prof-lab { padding: 0 12px 0 14px; font-size: 14px; color: #64748b; white-space: nowrap; }
.tt-prof-btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border: 0; border-radius: var(--tt-r-in); background: none; font: inherit; font-size: 15px; font-weight: 600; color: #475569; cursor: pointer; transition: background-color var(--tt-ease), color var(--tt-ease); }
.tt-prof-btn:hover { background: var(--tt-hover); color: #1C2C39; }
.tt-prof-btn:focus-visible { outline: 2px solid var(--tt-ring); outline-offset: 2px; }
.tt-prof-btn[aria-checked="true"][data-tt-profile="user"] { background: #60a5fa; color: #1C2C39; }
.tt-prof-btn[aria-checked="true"][data-tt-profile="admin"] { background: #D34529; color: #FFFFFF; }
.tt-prof-panel[data-profile="user"] { --tt-p: #60a5fa; --tt-p-ink: #1C2C39; }
.tt-prof-panel[data-profile="admin"] { --tt-p: #D34529; --tt-p-ink: #FFFFFF; }
.tt-prof-panel .tt-intent-ico { background: var(--tt-p); color: var(--tt-p-ink); }
html:not(.tt-prof-js) .tt-prof-panel + .tt-prof-panel { margin-top: 20px; }
html.tt-prof-js .tt-prof-panel:not(.tt-on) { display: none; }
html.tt-prof-js .tt-prof-panel.tt-on { animation: tt-prof-in .22s ease; }
@keyframes tt-prof-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.tt-intent { border-radius: var(--tt-r); transition: border-color var(--tt-ease), box-shadow var(--tt-ease); }
.tt-intent:hover { border-color: #cbd5e1; box-shadow: 0 14px 34px rgba(28, 44, 57, .16); transform: none; }
@media (max-width: 560px) { .tt-prof-bar { width: 100%; } .tt-prof-lab { display: none; } .tt-prof-btn { flex: 1; justify-content: center; padding: 0 10px; } }

/* Vidéothèque : rayons unifiés (16 px, 12 px pour ce qui est imbriqué), survol par surbrillance grise */
.tt-vt-filter { border-radius: var(--tt-r); }
.tt-vt-filter-n { border-radius: 10px; }
.tt-vt-side a { border-radius: var(--tt-r); transition: background-color var(--tt-ease), color var(--tt-ease); }
.tt-vt-view { padding: 4px; border-radius: var(--tt-r); }
.tt-vt-view button { border-radius: var(--tt-r-in); transition: background-color var(--tt-ease), color var(--tt-ease); }
.tt-vt-row { border-radius: var(--tt-r); transition: background-color var(--tt-ease), border-color var(--tt-ease), box-shadow var(--tt-ease); }
.tt-vt-row:hover { background: var(--tt-hover); border-color: #cbd5e1; box-shadow: var(--tt-shadow-soft); transform: none; }
.tt-vt-d { border-radius: 10px; }
.tt-vt-main[data-view="list"] .tt-vt-list { display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: 20px; }
.tt-vt-main[data-view="list"] .tt-vt-list li + li { border-top: 0; }
.tt-vt-main[data-view="list"] .tt-vt-row { border: 0; border-radius: 14px; padding: 10px 14px 10px 10px; }
.tt-vt-main[data-view="list"] .tt-vt-row:hover { background: var(--tt-hover); border-left-color: transparent; box-shadow: none; transform: none; }
.tt-vt-main[data-view="list"] .tt-vt-thumb { border-radius: var(--tt-r-in); }
.tt-vt-empty { border-radius: var(--tt-r); }
.tt-vt-box { border-radius: 20px; }
.tt-vt-foot a, .tt-vt-share, .tt-vt-close { border-radius: var(--tt-r-in); }
.tt-vt-chap-list button { border-radius: var(--tt-r-in); }

/* Vidéothèque : bandeau en deux colonnes, diaporama des vidéos en vedette à droite */
.tt-vt-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 48px; align-items: center; }
.tt-vt-hero-text { min-width: 0; }
.tt-vt-feat { min-width: 0; }
.tt-vt-feat-view { overflow: hidden; aspect-ratio: 16 / 9; border-radius: 20px; background: #0F1A24; box-shadow: 0 20px 50px rgba(0, 0, 0, .35); }
.tt-vt-feat-track { display: flex; height: 100%; transition: transform .45s cubic-bezier(.22, 1, .36, 1); }
.tt-vt-slide { position: relative; flex: 0 0 100%; height: 100%; padding: 0; border: 0; background: none; font: inherit; color: #FFFFFF; text-align: left; cursor: pointer; overflow: hidden; }
.tt-vt-slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tt-vt-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(15, 26, 36, .9) 0%, rgba(15, 26, 36, .25) 55%, transparent 100%); }
.tt-vt-slide:focus-visible { outline: 2px solid #FFFFFF; outline-offset: -4px; }
.tt-vt-slide-play { position: absolute; z-index: 1; left: 50%; top: 44%; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: #D34529; color: #FFFFFF; box-shadow: 0 6px 16px rgba(0, 0, 0, .3); transform: translate(-50%, -50%); transition: transform .2s ease; }
.tt-vt-slide-play svg { width: 20px; height: 20px; }
.tt-vt-slide:hover .tt-vt-slide-play { transform: translate(-50%, -50%) scale(1.08); }
.tt-vt-slide-cap { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 16px 18px; }
.tt-vt-slide-t { font-size: 17px; font-weight: 700; line-height: 1.3; text-wrap: balance; }
.tt-vt-slide-d { flex: 0 0 auto; padding: 3px 9px; border-radius: 10px; background: rgba(28, 44, 57, .85); font-size: 12px; font-weight: 600; }
.tt-vt-feat-bar { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 14px; }
.tt-vt-feat.tt-single .tt-vt-feat-bar { display: none; }
.tt-vt-feat-nav { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, .25); border-radius: var(--tt-r-in); background: none; color: #FFFFFF; cursor: pointer; transition: background-color var(--tt-ease); }
.tt-vt-feat-nav:hover { background: rgba(255, 255, 255, .12); }
.tt-vt-feat-nav:focus-visible, .tt-vt-feat-dot:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
.tt-vt-feat-dots { display: flex; gap: 2px; }
.tt-vt-feat-dot { position: relative; width: 28px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; }
.tt-vt-feat-dot::after { content: ""; position: absolute; left: 3px; right: 3px; top: 10px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .3); transition: background-color var(--tt-ease); }
.tt-vt-feat-dot[aria-current="true"]::after { background: #FFFFFF; }
@media (max-width: 960px) { .tt-vt-hero-grid { grid-template-columns: 1fr; gap: 32px; } .tt-vt-feat { max-width: 560px; } }

/* Article : l'ancre #tt-video tient compte de l'en-tête */
.tt-video-anchor { display: block; scroll-margin-top: calc(var(--tt-hh, 100px) + 12px); }

@media (prefers-reduced-motion: reduce) { .tt-vt-feat-track, .tt-vt-slide-play, .tt-prof-btn, .tt-intent, .tt-result, .tt-vt-row, zd-autocomplete-multibrand, .tt-tree a, .tt-rows li a { transition: none; } html.tt-prof-js .tt-prof-panel.tt-on { animation: none; } }

/* TimeTonic v8 (19-10-2026) : icônes des cartes d'assistance, la règle « .tt-help-card span » écrasait l'affichage en grille et la couleur (icône collée en haut à gauche, grise) */
.tt-help-card .tt-help-ico, .tt-ai-tile .tt-help-ico { display: grid; place-items: center; color: #1C2C39; font-size: inherit; }
.tt-help-card:hover .tt-help-ico { color: #FFFFFF; }
.tt-help-ico svg { display: block; width: 22px; height: 22px; }

/* TimeTonic v8 (19-10-2026) : page Assistant IA, le bandeau reprenait le réglage de la vidéothèque (56 px en bas) et la carte, remontée de 64 px, mordait sur le texte */
.tt-vt-hero.tt-ai-hero { padding-bottom: 112px; }
@media (max-width: 900px) { .tt-vt-hero.tt-ai-hero { padding-bottom: 92px; } }

/* TimeTonic v8 (19-10-2026) : page Assistant IA, fil d'Ariane dans le bandeau (la carte remontée aurait recouvert un fil placé dessous) ; pastilles « Assistant IA » et « Vidéothèque » retirées */
.tt-ai-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 22px; text-align: left; font-size: 14px; color: #cbd5e1; }
.tt-ai-crumbs a { color: #e2e8f0; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(226, 232, 240, .4); transition: text-decoration-color .2s ease, color .2s ease; }
.tt-ai-crumbs a:hover { color: #FFFFFF; text-decoration-color: #FFFFFF; }
.tt-ai-crumbs a:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; border-radius: 4px; }
.tt-ai-crumbs [aria-current="page"] { color: #FFFFFF; }
.tt-vt-hero h1 { margin-top: 0; }

/* TimeTonic v8 (21-10-2026) : surbrillance de survol plus marquée (colonne Rubriques et autres listes), rubrique active plus appuyée encore */
:root { --tt-hover: #E3E9F0; }
.tt-tree a:hover, .search-results-sidebar .sidenav-item:hover, .tt-vt-side a:hover { background: #DCE3EC; color: #1C2C39; }
.tt-tree .tt-current > .tt-row > a, .tt-tree .tt-current > .tt-row > a:hover { background: #C9D3DF; color: #1C2C39; }
.search-results-sidebar .sidenav-item.current, .search-results-sidebar .sidenav-item.current:hover { background: #C9D3DF; }
.tt-tree .tt-tog:hover { background: #DCE3EC; }

/* TimeTonic v8 (28-10-2026) : pied de page, renvoi vers le site TimeTonic. Les couleurs viennent des réglages du pied de page (currentColor). */
.tt-site-bar { padding: 40px 0 0; text-align: center; }
.tt-site-bar p { margin: 0 0 14px; font-size: 17px; font-weight: 600; color: inherit; }
.tt-site-bar ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; margin: 0; padding: 0; list-style: none; }
.tt-site-bar a { color: inherit; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: currentColor; transition: opacity .2s ease; }
.tt-site-bar a:hover { opacity: .75; }
.tt-site-bar a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
.tt-site-bar + .row ._col_4 { padding-top: 32px; }