@charset "UTF-8";
html, body {
  background-color: #fff;
  overflow-x: hidden;
  /* clip (unlike hidden) doesn't turn html/body into nested scroll boxes, which breaks sticky sidebars and page scrolling */
  overflow-x: clip;
}
main {
  display: flex;
  flex-direction: column;
}
.avatar.comment-avatar {
  display: block;
  height: 40px;
  position: relative;
  width: 40px;
}
.user-avatar {
  display: inline-block;
  border-radius: 50% !important;
  height: 40px !important;
  object-fit: cover;
  width: 40px !important;
}
.avatar.comment-avatar .icon-agent {
  display: block;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #002652;
  height: 17px;
  left: 25px;
  position: absolute;
  top: 27px;
  width: 17px;
  z-index: 1;
}
[title] {
  pointer-events: auto !important;
}
[data-tooltip]::before, [data-tooltip]::after, .tooltip {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
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;
  overflow: auto;
}
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 {
  display: table;
  box-sizing: border-box;
  color: inherit;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[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;
}
* {
  box-sizing: border-box;
}
body {
  display: flex;
  background-color: #FFFFFF;
  color: rgba(31, 33, 34, 1);
  flex-direction: column;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  min-height: 100vh;
}
body>main {
  flex: 1 0 auto;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', 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 {
  background-color: transparent;
  color: rgba(91, 173, 44, 1);
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
input, textarea, .search input, .search textarea {
  color: rgba(31, 33, 34, 1);
  font-size: 14px;
}
input, .search input {
  box-sizing: border-box;
  max-width: 100%;
  transition: border 0.12s ease-in-out;
}
input:not([type="checkbox"]), .search input:where(:not([type="checkbox"])) {
  outline: none;
}
input[disabled], .search input[disabled] {
  background-color: #ddd;
}
select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid rgba(91, 173, 44, 1);
  border-radius: 4px;
  color: #555;
  outline: none;
  padding: 8px 30px 8px 10px;
  width: 100%;
}
select:focus, .search select:focus {
  border: 1px solid rgba(123, 209, 93, 1);
}
select::-ms-expand, .search select::-ms-expand {
  display: none;
}
textarea, .search textarea {
  border: 1px solid rgba(91, 173, 44, 1);
  border-radius: 15px;
  outline: none;
  padding: 10px;
  resize: vertical;
  width: 100%;
}
textarea:focus, .search textarea:focus {
  border: 1px solid rgba(123, 209, 93, 1);
}
.container {
  box-sizing: border-box !important;
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 5%;
  width: 100%;
}
@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}
.text-center {
  text-align: center;
}
.colored-header {
  background: rgba(40, 99, 48, 1);
}
.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 80px 5%;
}
.error-page h1 {
  font-size: 5em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 40px;
}
.error-page h2 {
  font-weight: 600;
}
.error-page h3 {
  font-size: 10em;
  color: rgba(123, 209, 93, 1);
  margin: 0;
}
@media (min-width: 1160px) {
  .error-page {
    padding: 80px 0;
    width: 90%;
  }
}
.hc__btn {
  background-color: rgba(123, 209, 93, 1);
  border: 1px solid rgba(123, 209, 93, 1);
  border-radius: 15px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.34;
  margin: 20px 0;
  padding: 0 30px;
  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: auto;
  -webkit-touch-callout: none;
  text-decoration: none;
}
.hc__btn:hover, .hc__btn:active, .hc__btn:focus {
  background-color: #499c2c;
  color: #ffffff !important;
  text-decoration: none;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
input[type="submit"] {
  background-color: rgba(123, 209, 93, 1);
  border: 0;
  border-radius: 15px;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) {
  input[type="submit"] {
    width: auto;
  }
}
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #499c2c;
}
input[type="submit"][disabled] {
  background-color: #ddd;
}
.form {
  margin-bottom: 50px;
}
.form p {
  text-align: left;
}
.form .rPCMa span.kXVLDw, .form .hMopEg span.kXVLDw {
  color: red;
  padding-left: 5px;
}
.form-field.required>label::after {
  content: "*";
  color: #fc8181;
  margin-left: 2px;
}
.form input {
  border: 1px solid rgba(91, 173, 44, 1);
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form div[role="button"] {
  border: 1px solid rgba(91, 173, 44, 1);
}
.form div[role="button"] {
  background-color: #fff;
  border: 1px dashed rgba(91, 173, 44, 1);
}
.form button[type="submit"] {
  border-radius: 15px;
  color: #ffffff !important;
  min-width: 190px;
}
.form footer {
  margin-top: 0;
  padding-top: 30px;
  text-align: right;
}
.form footer a {
  color: #505557;
  cursor: pointer;
  margin-right: 15px;
}
.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 {
  border-color: rgba(91, 173, 44, 1) !important;
  box-shadow: none !important;
}
.hc_header {
  background: transparent;
  position: relative;
  z-index: 9;
}
.header {
  display: flex;
  align-items: center;
  height: 100px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 5%;
  position: relative;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}
.logo img {
  margin-top: 30px;
  max-height: 70px;
}
/* Pages without a hero (requests, request, profile, approvals, error...) get a solid header bar: size it to the
   logos instead of the fixed 100px, and drop the top margins that push the logos down over the hero elsewhere */
.hc_header.colored-header .header {
  height: auto;
  min-height: 100px;
  padding-bottom: 18px;
  padding-top: 18px;
}
.hc_header.colored-header .logo img,
.hc_header.colored-header .logo .hc-switch-link {
  margin-top: 0;
}
.my-activities-header {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .form button[type="submit"] {
    float: right;
    margin-bottom: 10px;
  }
}
.logo span {
  display: inline-block;
  color: #FFFFFF;
  height: 70px;
  margin-left: 5px;
  vertical-align: bottom;
}
.nav-wrapper .menu-button .icon-menu {
  height: 17px;
  vertical-align: middle;
  width: 17px;
}
@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 {
  display: none;
  border: 0;
  color: #FFFFFF;
  font-size: 16px;
  padding: 0 10px 0 10px;
  width: auto;
}
@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}
.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;
  cursor: pointer;
  padding: 0;
  width: auto;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  background: rgba(91, 173, 44, 1);
  border-radius: 50%;
  color: #fff;
  height: 35px;
  padding: 7px;
  vertical-align: middle;
  width: 35px;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded="true"] .icon-menu {
  background: rgba(123, 209, 93, 1);
}
.nav-wrapper-mobile .menu-list-mobile {
  background-color: #fff;
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
  box-shadow: 0 10px 10px 0 #00000026;
  left: 0;
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded="false"], .nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider), .nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  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 .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  color: rgba(31, 33, 34, 1);
  cursor: pointer;
  height: 100%;
  padding: 8px 24px;
  text-align: start;
  width: 100%;
}
.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;
  color: rgba(31, 33, 34, 1);
  height: 100%;
  padding: 8px 24px;
  width: 100%;
}
.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 {
  color: #68737d;
  font-size: 12px;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  display: inline-block;
  border-radius: 50%;
  height: 40px;
  margin-right: 8px;
  margin-top: 1px;
  width: 40px;
}
.skip-navigation {
  display: flex;
  align-items: center;
  background-color: black;
  color: white;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  top: auto;
  z-index: -999;
}
.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}
#zd-modal-container~.skip-navigation, .search .clear-button {
  display: none;
}
#user #user-name {
  display: none;
  font-size: 14px;
}
@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}
#user #user-name:hover {
  text-decoration: underline;
}
.breadcrumbs {
  margin: 0;
  padding: 0;
}
.breadcrumbs li {
  display: inline;
  font-size: 14px;
  max-width: 450px;
  overflow-wrap: anywhere; /* long breadcrumbs wrap instead of truncating (as Copenhagen 4.52.1) */
}
.breadcrumbs__block .breadcrumbs li:first-child a:before {
  content: "\e176" / ""; /* decorative: hidden from screen readers (as Copenhagen 4.51.2) */
  font-family: "lineicons-free";
  font-size: 15px;
  padding-right: 8px;
  position: relative;
  top: 3px;
}
.breadcrumbs li+li::before {
  content: "\e039" / ""; /* decorative separator: hidden from screen readers (Copenhagen 4.51.2) */
  font-family: "lineicons-free";
  font-size: 10px;
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: #333;
}
.breadcrumbs__block .search-icon {
  transform: translateY(-7px);
}
.breadcrumbs__block .search-icon {
  transform: translateY(-7px);
}
.breadcrumbs__block {
  border-bottom: 1px solid rgba(91, 173, 44, 1);
  margin-bottom: 30px;
  padding: 20px 0;
}
.hero .welcome_text {
  margin-top: 30px !important;
}
.welcome_text {
  color: #ffffff;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0;
}
.help-center-details {
  color: #ffffff;
  font-size: 1.2em;
  font-weight: 300;
  margin-bottom: 0;
}
.hero {
  background-color: rgba(40, 99, 48, 1);
  margin-top: -100px;
  overflow: hidden;
  /* clip (unlike hidden) can't be scrolled, so opening the search suggestions doesn't slide the banner up under the header */
  overflow: clip;
  padding: 90px 0 20px 0;
  width: 100%;
}
.colored-header {
  background: rgba(40, 99, 48, 1);
}
.hero-image {
  background-image: url(/hc/theming_assets/01M40X2TTGEEKHAP3H2JR2SVJ7);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  overflow: clip;
  position: relative;
  z-index: 1;
}
.hero-image::before {
  content: "";
  background: rgba(40, 99, 48, 1);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.hero-inner {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.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: #747c7f;
  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;
  left: -5px;
  position: relative;
  vertical-align: baseline;
  width: 20px;
}
.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;
  min-height: inherit;
  padding-bottom: 0;
}
@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-list, ._grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
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;
  }
}
.blocks-item {
  display: flex !important;
  background-color: #ffffff !important;
  border: 1px solid #00000014 !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 15px #0000000d !important;
  box-sizing: border-box !important;
  flex: 1 0 340px;
  margin-bottom: 40px !important;
  max-width: 100%;
  overflow: hidden !important;
  padding: 20px !important;
  transition: all 0.3s ease;
}
.blocks-item:hover {
  border-color: rgba(91, 173, 44, 1);
  transform: scale(1.025);
}
.blocks-item-internal .icon-lock {
  bottom: 5px;
  height: 15px;
  position: relative;
  width: 15px;
}
.blocks-item-link {
  display: flex;
  background: #fff;
  border-radius: inherit;
  color: rgba(31, 33, 34, 1);
  flex: 1;
  flex-direction: column;
  padding: 0px;
  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 {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.blocks-item-title {
  font-family: 'Inter', sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 0;
}
.blocks-item-description {
  color: #747c7f;
  font-size: 1em;
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}
.home__categories {
  background: rgba(222, 244, 214, 1);
  padding: 20px 0;
}
body.home-page-bg main {
  background-color: rgba(222, 244, 214, 1);
}
.contact--blocks {
  display: flex;
  background: rgba(222, 244, 214, 1);
  flex: 1;
  flex-direction: column;
  justify-content: flex-start !important;
  padding: 20px 0;
}
.contact--blocks .blocks-list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact--blocks .blocks-item {
  display: flex !important;
  flex: 1 1 350px !important;
  flex-direction: column;
  margin: 0 !important;
  max-width: none !important;
  min-height: 180px !important;
  width: auto !important;
}
.contact--blocks .blocks-item-link {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  padding: 0 !important;
}
.category-icon i {
  display: none;
}
.blocks-item span.category-icon, .category-icon i:last-child {
  display: block;
}
.category-icon img {
  margin-bottom: 10px;
  max-width: 45px;
}
.blocks-item .category-icon i {
  color: rgba(91, 173, 44, 1);
  font-size: 2.5em;
  font-weight: 900;
  margin-bottom: 15px;
}
.article-relatives li a {
  color: #333;
}
.article-relatives h2 {
  margin-bottom: 15px;
}
.article-list li:last-child {
  border-bottom: 0;
}
.custom-article-relatives-card:empty, .custom-article-relatives-card:not(:has(li)) {
  display: none !important;
}
.article-list li, .article-sidebar ul li, .collapsible-sidebar li, .section-lists li {
  color: #333;
  margin-bottom: 12px;
  padding-left: 28px !important;
  position: relative;
}
.article-list li:before, .article-sidebar ul li:before, .article-list li::before, .article-sidebar ul li::before, .collapsible-sidebar li:before, .section-lists li:before {
  content: "\f15c" !important;
  color: rgba(123, 209, 93, 1) !important;
  font-family: "Font Awesome 7 Free" !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  left: 0 !important;
  position: absolute !important;
  top: -2px !important;
}
ul.section-lists li.article-list-item::before {
  top: 14px !important;
}
.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}
.new-request-title {
  margin-bottom: 30px;
}
.article-list-item {
  font-size: 16px;
  padding: 10px 0;
}
.article-list-item a {
  color: #333;
}
.section-container {
  display: flex;
  justify-content: flex-end;
}
.section-container ul.article-list, .section-container .section-lists {
  background: rgba(238, 243, 246, 1);
  border-radius: 3px;
  padding: 25px;
}
.section-container .section-lists {
  margin-top: 10px;
}
.section-content {
  flex: 1;
}
@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 100%;
  }
}
.article {
  box-sizing: border-box;
  flex: 1 0 auto;
  max-width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 0 75%;
    max-width: 75%;
    min-width: 640px;
    padding: 0 40px 0 0;
  }
}
.article-container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row-reverse;
  }
}
.article-header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px !important;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.article-content {
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-author {
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 0;
}
.article-avatar {
  margin-right: 15px;
  flex-shrink: 0;
  position: relative;
  display: inline-block;
}
.article-avatar .icon-agent {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #002652;
  height: 18px;
  width: 18px;
  position: absolute;
  bottom: -2px;
  right: -2px;
  z-index: 1;
  display: block;
}
.article-avatar img {
  width: 40px !important;
  height: 40px !important;
}
.article-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.author-name {
  color: #666 !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  line-height: 1.2;
}
.meta-group {
  display: flex;
  gap: 0;
  margin: 4px 0 0 0;
  padding: 0;
  list-style: none;
  line-height: 1.2;
}
.meta-data {
  color: #666;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 8px;
  color: #999;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    font-weight: 600;
  }
}
.article-title .icon-lock {
  left: -5px;
  position: relative;
  vertical-align: baseline;
}
.article [role="button"] {
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .article [role="button"] {
    width: auto;
  }
}
.article-info {
  font-size: 16px;
  max-width: 100%;
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body iframe, .article-body img {
  box-shadow:
    0 20px 25px -5px #0000000d,
    0 10px 10px -5px #0000000a;
}
.article-body iframe, .article-body a img {
  border-radius: 5px;
}
.article-body iframe {
  margin-bottom: 40px;
}
.article-body ul, .article-body ol, #service-catalog-item ul, #service-catalog-item ol {
  list-style-position: outside;
  margin: 20px 0 20px 20px;
  padding-left: 20px;
}
.article-body ul>li, .article-body ol>li, #service-catalog-item ul>li, #service-catalog-item ol>li {
  margin-bottom: 0.55rem;
  margin-top: 0.55rem;
}
.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(91, 173, 44, 1);
}
.article-body a {
  text-decoration: underline;
  text-underline-position: under;
}
.article-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 0 2px;
  padding: 0 5px;
}
.article-body pre {
  background: rgba(238, 243, 246, 1);
  border: 1px solid #dde7ed;
  border-radius: 3px;
  overflow: auto;
  padding: 10px 15px;
  white-space: pre;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #505557;
  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-sidebar {
  display: none;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
.article-sidebar .article-sidebar-item {
  display: inline-block;
  font-weight: 700;
  margin-top: 15px;
}
.article-sidebar .article-sidebar-item i {
  position: relative;
  top: 1px;
}
.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);
}
.article-body p>img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p>img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p>img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p>img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image>img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  background-color: #f2f2f2;
  font-size: 12px;
  padding: 10px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .article-sidebar {
    display: block;
    border: 0;
    flex: 0 0 25%;
    height: auto;
  }
  .article-sidebar {
    align-self: start;
    position: sticky;
    top: 15px;
  }
}
.article-sidebar ul {
  margin-bottom: 25px;
}
.article-relatives>*:last-child {
  padding: 0;
}
.sidenav-title {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  position: relative;
}
.sidenav-item {
  display: block;
  color: rgba(31, 33, 34, 1);
}
.sidenav-item.current-article, .sidenav-item:hover, .article-sidebar li a:hover {
  color: rgba(123, 209, 93, 1);
}
.related-articles li, .article-sidebar ul>li {
  margin-bottom: 12px;
  position: relative;
}
.article-content .attachments .attachment-item {
  display: flex !important;
  align-items: center !important;
  background: #f8fbff !important;
  border: 1px solid #e1e8ed !important;
  border-radius: 12px !important;
  gap: 15px !important;
  margin-bottom: 0 !important;
  margin-top: 15px !important;
  padding: 12px 18px !important;
  transition: all 0.2s ease-in-out !important;
}
.article-content .attachments .attachment-item:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 15px rgba(0, 38, 82, 0.08) !important;
  transform: translateY(-1px) !important;
}
.article-content .attachments .attachment-item .attachment-icon {
  display: flex !important;
  align-items: center !important;
  background: #002652 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  flex-shrink: 0 !important;
  height: 34px !important;
  justify-content: center !important;
  order: 1 !important;
  padding: 8px !important;
  position: static !important;
  width: 34px !important;
}
.article-content .attachments .attachment-item .meta-group {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  order: 2 !important;
}
.article-content .attachments .attachment-item .meta-data {
  background: #eef3f6 !important;
  border-radius: 20px !important;
  color: #002652 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 4px 10px !important;
  white-space: nowrap !important;
}
.article-content .attachments .attachment-item .meta-data::after {
  content: none !important;
}
.article-content .attachments .attachment-item a.meta-data {
  display: none !important;
}
.article-content .attachments .attachment-item > a {
  color: #002652 !important;
  flex: 1 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  order: 3 !important;
  text-decoration: none !important;
}
.article-content .attachments .attachment-item:last-child {
  margin-bottom: 0;
}
.related-articles-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 0;
}
#hc-wysiwyg {
  border-color: rgba(91, 173, 44, 1);
}
.mb-20 {
  margin-bottom: 20px;
}
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}
.collapsible-nav-toggle {
  background: none;
  border: 0;
  border-radius: 50%;
  height: 25px;
  padding: 0;
  position: absolute;
  right: 0;
  top: calc(45px / 2);
  transform: translateY(-50%);
  width: 25px;
}
@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}
.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 {
  border: 1px solid rgba(123, 209, 93, 1);
  outline: none;
}
.collapsible-nav.expanded li:not([aria-selected="true"]), .collapsible-nav.expanded li:not(.current) {
  display: block;
}
.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(238, 243, 246, 1);
    border-radius: 3px;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 30px;
  }
}
.collapsible-sidebar-title {
  margin-top: 0;
}
.collapsible-sidebar-toggle {
  background: none;
  border: 0;
  border-radius: 50%;
  height: 25px;
  padding: 0;
  position: absolute;
  right: 0;
  top: calc(45px / 2);
  transform: translateY(-50%);
  width: 25px;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}
.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 {
  border: 1px solid rgba(123, 209, 93, 1);
  outline: none;
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}
.collapsible-sidebar.expanded {
  max-height: none;
}
.collapsible-sidebar.expanded .collapsible-sidebar-body {
  display: block;
}
.my-activities-nav {
  background-color: rgba(238, 243, 246, 1);
  margin-bottom: 20px;
}
.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}
.requests .requests-table .requests-link {
  position: relative;
}
.pagination {
  margin: 20px 0;
  text-align: center;
}
.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}
.search-results-sidebar .sidenav-item {
  background: rgba(238, 243, 246, 1);
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 10px;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: rgba(123, 209, 93, 1);
  color: #fff;
  text-decoration: none;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
    display: block;
  }
}
.dropdown {
  display: inline-block;
  position: relative;
}
.hc_header .dropdown-menu[aria-expanded="true"] {
  left: inherit;
  right: 0;
}
@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: 768px) {
  ._grid ._col_4 {
    width: 50%;
  }
}
@media (max-width: 464px) {
  .hero-inner .search-icon {
    top: 65%;
  }
}
.alert {
  border: 2px solid transparent;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
}
body .note--message, body .warning--message, body .quote--message, body .support--message {
  border-radius: 2px !important;
  font-size: 16px !important;
  margin-bottom: 20px !important;
  margin-top: 40px !important;
  padding: 30px 15px 15px 15px !important;
  position: relative !important;
}
body .note--message::before, body .warning--message::before, body .quote--message::before, body .support--message::before {
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
  border-radius: 100% !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  font-family: "Font Awesome 7 Free" !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  height: 45px !important;
  justify-content: center !important;
  left: 15px !important;
  line-height: 45px !important;
  margin-top: -25px !important;
  position: absolute !important;
  text-align: center !important;
  top: 0 !important;
  width: 45px !important;
}
body .note--message::before {
  content: "\f05a" !important;
}
body .warning--message::before {
  content: "\f071" !important;
}
body .quote--message::before {
  content: "\f10d" !important;
}
body .support--message::before {
  content: "\f1cd" !important;
}
body .note--message {
  background: #bce8f1 !important;
  border: 2px solid #91d7e6 !important;
}
body .support--message {
  background: rgba(123, 209, 93, 1) !important;
  border: 2px solid rgba(123, 209, 93, 1) !important;
  color: #fff !important;
}
body .note--message::before {
  border: 2px solid #91d7e6 !important;
  color: #91d7e6 !important;
}
body .support--message::before {
  border: 2px solid rgba(123, 209, 93, 1) !important;
  color: rgba(123, 209, 93, 1) !important;
}
body .warning--message {
  background: #e5415e !important;
  border: 2px solid #e5415e !important;
  color: #fff !important;
}
body .warning--message::before {
  border: 2px solid #e5415e !important;
  color: #e5415e !important;
}
body .quote--message {
  background: #d5ccc9 !important;
  border: 2px solid #a89a95 !important;
}
body .quote--message::before {
  border: 2px solid #a89a95 !important;
  color: #a89a95 !important;
}
.colored-list, .number--list {
  counter-reset: li-counter !important;
  list-style-type: none !important;
  margin-bottom: 20px !important;
  margin-top: 15px !important;
  padding: 0 !important;
}
.colored-list>li, .number--list>li {
  list-style-type: none !important;
  margin-bottom: 12px !important;
  min-height: 0 !important;
  padding-left: 35px !important;
  position: relative !important;
}
.colored-list>li:before, .number--list>li:before {
  content: counter(li-counter) !important;
  background-color: rgba(123, 209, 93, 1) !important;
  border-radius: 100% !important;
  color: #fff !important;
  counter-increment: li-counter !important;
  font-size: 12px !important;
  height: 25px !important;
  left: 0 !important;
  line-height: 25px !important;
  position: absolute !important;
  text-align: center !important;
  top: 2px !important;
  width: 25px !important;
}
.number--list {
  margin-top: 25px !important;
}
.number--list>li:before {
  top: 2px !important;
}
.check-list-bullet li, .check--list li {
  list-style-type: none !important;
  margin-bottom: 15px !important;
  padding-left: 30px !important;
  position: relative !important;
}
.check-list-bullet li:before {
  content: "\f058" !important;
  color: rgba(123, 209, 93, 1) !important;
  font-family: "Font Awesome 7 Free" !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  left: 0 !important;
  position: absolute !important;
  top: -8px !important;
}
.check--list li:before {
  content: "\e09c" !important;
  color: rgba(123, 209, 93, 1) !important;
  font-family: "lineicons-free" !important;
  font-size: 22px !important;
  left: -30px !important;
  position: absolute !important;
  top: -12px !important;
}
.alert-download {
  background: #bce8f1 !important;
  border: 2px solid #9adeec !important;
  border-radius: 4px !important;
  padding: 15px !important;
}
.alert-quote {
  background: #79554842 !important;
  border: 2px solid #674d4442 !important;
  border-radius: 4px !important;
  padding: 15px !important;
}
.alert-pdf {
  background: #e5415e !important;
  border: 2px solid #e5415e !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 15px !important;
}
.accordion {
  margin-bottom: 30px !important;
}
.accordion_title {
  background: #ffffff !important;
  border: 2px solid #dddddd !important;
  border-radius: 2px !important;
  color: rgba(31, 33, 34, 1) !important;
  cursor: pointer !important;
  margin-bottom: 5px !important;
  padding: 15px 45px 15px 15px !important;
  position: relative !important;
}
.accordion_title::after {
  content: "\e039" !important;
  font-family: "lineicons-free" !important;
  font-size: 16px !important;
  margin-top: -12px !important;
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transition: all 0.2s ease-in !important;
}
.accordion_title.open {
  background: rgba(123, 209, 93, 1) !important;
  border: 2px solid rgba(123, 209, 93, 1) !important;
  color: #fff !important;
}
.accordion_title.open::after {
  transform: rotate(90deg) !important;
}
.accordion_content {
  display: none;
  padding: 10px !important;
}
.form .jpeIfh {
  background: #fff;
}
.article-container .table > thead > tr > th {
  border-bottom: 3px solid #ddd;
}
.article-container .table > tbody > tr > td {
  border-top: 1px solid #ddd;
  font-size: 10px;
  padding: 4px;
}
.article-body table {
  border: 1px solid #E5E7EB;
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}
.article-body table td, .article-body table th {
  border: 1px solid #E5E7EB;
  font-size: 15px;
  padding: 14px;
}
.article-body table[border="0"], .article-body table[border="0"] td, .article-body table[border="0"] th, .article-body table[style*="border-style: none"], .article-body table[style*="border-style: none"] td, .article-body table[style*="border-style: none"] th, .article-body table[style*="border: none"], .article-body table[style*="border: none"] td, .article-body table[style*="border: none"] th {
  border: none !important;
}
.article-body table thead th, .article-body table th {
  background-color: #f4f6f8;
  font-weight: 600;
}
.article-body figure.wysiwyg-table {
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.table-article-info, .table-article-changelog {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0px;
  margin-bottom: 20px;
  width: 100%;
}
.article-body .table-article-info td, .article-body .table-article-changelog td, .article-body .table-article-changelog th, .table-article-info td, .table-article-changelog td, .table-article-changelog th {
  border: 1px solid #E5E7EB;
  color: #333333;
  font-family: 'Inter', sans-serif;
  font-size: 10px !important;
  line-height: 1.5;
  padding: 4px !important;
  text-align: left !important;
}
.table-article-info td:first-child, .table-article-changelog th {
  background-color: #F4F6F8;
  font-weight: 600;
  width: 20%;
}
.table-article-changelog th {
  width: auto;
}
.table-article-changelog th:nth-child(1) {
  width: 10%;
}
.table-article-changelog th:nth-child(2) {
  width: 45%;
}
.table-article-changelog th:nth-child(3) {
  width: 25%;
}
.table-article-changelog th:nth-child(4) {
  width: 20%;
}
#service-catalog-item li {
  list-style-type: none;
  position: relative;
}
#service-catalog-item ul>li:before {
  content: "\e09c";
  color: rgba(123, 209, 93, 1);
  font-family: "lineicons-free";
  font-size: 22px;
  left: -30px;
  margin-top: -4px;
  position: absolute;
  top: 0;
}
.tabs {
  background-color: rgba(123, 209, 93, 1) !important;
  border-radius: 5px !important;
  width: 100% !important;
}
ul#tabs-nav {
  list-style: none !important;
  margin: 0 !important;
  overflow: auto !important;
  padding: 5px !important;
}
ul#tabs-nav>li {
  border-radius: 5px !important;
  cursor: pointer !important;
  float: left !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  margin-right: 2px !important;
  padding: 8px 10px !important;
}
ul#tabs-nav>li:hover, ul#tabs-nav>li.active {
  background-color: #5cc338 !important;
}
#tabs-nav>li>a {
  color: #ffffff !important;
  text-decoration: none !important;
}
#tabs-content {
  background: #ffffff !important;
}
.tab-content {
  background-color: #ffffff !important;
  border: 2px solid rgba(123, 209, 93, 1) !important;
  padding: 10px !important;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.hero-image::after {
  content: "";
  animation: spin 40s linear infinite;
  background-image: url(/hc/theming_assets/01M40X2TTGEEKHAP3H2JR2SVJ7);
  background-position: center;
  background-size: cover;
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
  z-index: -2;
}
.search {
  display: block !important;
  backdrop-filter: blur(15px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(15px) saturate(160%) !important;
  background: #ffffff33 !important;
  border: 1px solid #ffffff40 !important;
  border-radius: 100px !important;
  box-shadow: 0 10px 30px #00000026 !important;
  height: 64px !important;
  margin: 35px 0 0;
  max-width: 100%;
  overflow: hidden !important;
  position: relative !important;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease !important;
}
.search:focus-within {
  background: #ffffff59 !important;
  border-color: #ffffff99 !important;
  box-shadow: 0 15px 40px #00000040 !important;
}
.search input[type="search"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 18px !important;
  height: 64px !important;
  margin: 0 !important;
  outline: none !important;
  padding: 0 175px 0 65px !important;
  text-shadow: 0 1px 3px #00000066 !important;
  width: 100% !important;
}
.search input[type="search"]::placeholder {
  color: #ffffffe6 !important;
}
.search::before, .search [class*="icon-search"] {
  content: "" !important;
  display: block !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') no-repeat center !important;
  background-size: contain !important;
  height: 20px !important;
  left: 24px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  z-index: 20 !important;
}
.search .clear-button, .search [class*="clear"], .search [class*="close"] {
  display: block !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>') no-repeat center !important;
  background-color: transparent !important;
  background-size: contain !important;
  border: none !important;
  box-shadow: none !important;
  color: transparent !important;
  cursor: pointer !important;
  height: 18px !important;
  outline: none !important;
  position: absolute !important;
  right: 145px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  z-index: 30 !important;
}
.search .clear-button::before, .search .clear-button::after, .search [class*="clear"]::before, .search [class*="close"]::before {
  content: none !important;
  display: none !important;
  background: none !important;
}
input[type="search"]::-webkit-search-cancel-button {
  display: none !important;
  -webkit-appearance: none !important;
}
.search input[type="search"]:placeholder-shown~.clear-button, .search input[type="search"]:placeholder-shown~[class*="clear"] {
  display: none !important;
}
.search input[type="submit"] {
  background-color: rgba(123, 209, 93, 1) !important;
  border: none !important;
  border-radius: 0 100px 100px 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  height: 64px !important;
  margin: 0 !important;
  min-width: auto !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 130px !important;
  z-index: 5 !important;
}
.blocks-item {
  background-color: #fff !important;
  border-radius: 20px !important;
}
.search-results {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  margin: 0 auto !important;
  margin-top: 10px !important;
  max-width: 1200px !important;
  padding: 0 20px !important;
}
.search-results-column {
  flex: 0 0 100% !important;
  margin: 0 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}
.search-results-subheading {
  border-bottom: none !important;
  color: #1f2122 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  margin-bottom: 25px !important;
  margin-top: 0 !important;
  padding-bottom: 15px !important;
}
.search-results-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 25px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.search-results-list > li {
  background: #ffffff !important;
  border: 1px solid #eeeeee !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
  overflow: hidden !important;
  padding: 30px !important;
  position: relative !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.search-results-list > li:hover {
  border-color: rgba(123, 209, 93, 1) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,0.06) !important;
  transform: translateY(-4px) !important;
}
.search-results-list > li::before {
  content: "" !important;
  background: rgba(123, 209, 93, 1) !important;
  bottom: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  top: 0 !important;
  transition: opacity 0.3s ease !important;
  width: 4px !important;
}
.search-results-list > li:hover::before {
  opacity: 1 !important;
}
.search-result-title {
  display: block !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-bottom: 12px !important;
}
.search-result-title a {
  color: #1f2122 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.search-result-title a::after {
  content: "" !important;
  bottom: 0 !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 1 !important;
}
.search-results-list > li:hover .search-result-title a {
  color: rgba(123, 209, 93, 1) !important;
}
.search-results-description {
  color: #555555 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-top: 12px !important;
}
.search-results-description em {
  background: rgba(91, 162, 218, 0.12) !important;
  border-radius: 4px !important;
  color: rgba(123, 209, 93, 1) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  padding: 1px 4px !important;
}
.search-result-meta-container {
  display: flex !important;
  align-items: center !important;
  border-top: 1px solid #f5f5f5 !important;
  color: #888888 !important;
  flex-wrap: wrap !important;
  font-size: 13px !important;
  gap: 15px !important;
  margin-top: 20px !important;
  padding-top: 15px !important;
}
.search-result-breadcrumbs {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.search-result-breadcrumbs li a {
  color: #999999 !important;
  text-decoration: none !important;
}
.search-result-breadcrumbs li a:hover {
  color: rgba(123, 209, 93, 1) !important;
}
.search-result-breadcrumbs li:not(:last-child)::after {
  content: "\f105" / "" !important; /* decorative separator: hidden from screen readers */
  color: #dddddd !important;
  font-family: "Font Awesome 7 Free" !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  margin-left: 6px !important;
}
.pagination {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 40px !important;
  margin-top: 40px !important;
  width: 100% !important;
}
.pagination-list {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pagination-list li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pagination-first-link, .pagination-prev-link, .pagination-next-link, .pagination-last-link {
  display: inline-flex !important;
  align-items: center !important;
  background-color: #ffffff !important;
  border: 1px solid #eeeeee !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  color: #1f2122 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  gap: 8px !important;
  height: 44px !important;
  justify-content: center !important;
  min-width: 44px !important;
  padding: 0 16px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.pagination-first-link:hover, .pagination-prev-link:hover, .pagination-next-link:hover, .pagination-last-link:hover {
  background-color: rgba(123, 209, 93, 1) !important;
  border-color: rgba(123, 209, 93, 1) !important;
  box-shadow: 0 8px 16px rgba(123, 209, 93, 0.2) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}
.pagination-first-link span[class*="icon"], .pagination-prev-link span[class*="icon"], .pagination-next-link span[class*="icon"], .pagination-last-link span[class*="icon"], .pagination-first-link span:first-child, .pagination-prev-link span:first-child, .pagination-next-link span:last-child, .pagination-last-link span:last-child {
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}
@media (max-width: 600px) {
  .pagination-list {
    gap: 8px !important;
  }
  .pagination-first-link span[class*="text"], .pagination-last-link span[class*="text"], .pagination-prev-link span[class*="text"], .pagination-next-link span[class*="text"], .pagination-first-link span:last-child, .pagination-last-link span:first-child, .pagination-prev-link span:last-child, .pagination-next-link span:first-child {
    display: none !important;
  }
  .pagination-first-link, .pagination-prev-link, .pagination-next-link, .pagination-last-link {
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    width: 40px !important;
  }
}
.blocks-item {
  background-color: #fff !important;
  border-radius: 20px !important;
}
.custom-article-relatives-card, .article-container .collapsible-sidebar, .form {
  display: block !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #eeeeee !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
  margin-bottom: 25px !important;
  max-width: 100% !important;
  padding: 25px !important;
}
.custom-article-relatives-card {
  margin-top: 20px;
}
.custom-article-relatives-card h2, .custom-article-relatives-card h3 {
  color: #1f2122 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
  margin-top: 0 !important;
}
.custom-article-relatives-card ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.custom-article-relatives-card li {
  margin-bottom: 12px !important;
  padding-left: 25px !important;
  position: relative !important;
}
.custom-article-relatives-card li:before {
  content: "\f15c" !important;
  color: rgba(123, 209, 93, 1) !important;
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900 !important;
  left: 0 !important;
  position: absolute !important;
  top: 2px !important;
}
.custom-article-relatives-card li a, .custom-article-relatives-card ul li a, .custom-article-relatives-card .article-list-item a {
  display: inline-block !important;
  color: #1f2122 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.custom-article-relatives-card li a:hover, .custom-article-relatives-card ul li a:hover, .custom-article-relatives-card .article-list-item a:hover {
  color: rgba(123, 209, 93, 1) !important;
  text-decoration: underline !important;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #4a914c;
  border-radius: 10px;
}
.recent-activity {
  background-color: #ffffff !important;
  border: 1px solid #00000014 !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 15px #0000000d !important;
  margin-bottom: 40px !important;
  overflow: hidden !important;
  padding: 20px !important;
}
.section-container ul.article-list, .section-container .section-lists {
  padding: 30px !important;
}
.article-list li:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.article-list li::before {
  color: rgba(123, 209, 93, 1) !important;
  font-size: 16px !important;
  left: 0 !important;
  margin-top: 0 !important;
  top: 0 !important;
}
a, .article-list a, .blocks-item-title, .article-sidebar li a {
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.article-list a {
  color: rgba(123, 209, 93, 1) !important;
  font-weight: 500 !important;
}
.article-list a:hover, .article-sidebar li a:hover {
  color: rgba(123, 209, 93, 1) !important;
  text-decoration: none !important;
}
.recent-activity-controls > a, .section-container .see-all-articles, [class*="section"] a[class*="see-all"] {
  display: inline-flex !important;
  align-items: center;
  background-color: rgba(123, 209, 93, 1) !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(rgba(123, 209, 93, 1), 0.2) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  justify-content: center;
  letter-spacing: 0.5px !important;
  margin-top: 15px !important;
  padding: 12px 28px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
}
.recent-activity-controls > a:hover, .section-container .see-all-articles:hover, [class*="section"] a[class*="see-all"]:hover {
  background-color: #5cc338 !important;
  box-shadow: 0 6px 15px rgba(rgba(123, 209, 93, 1), 0.4) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
}
[class*="user-nav"] img, .header .user-nav .dropdown-toggle img {
  display: none !important;
}
.article-list li .icon-lock, .section-lists li .icon-lock, .blocks-item-internal .icon-lock {
  color: rgba(123, 209, 93, 1) !important;
  fill: rgba(123, 209, 93, 1) !important;
  height: 12px !important;
  margin-left: 4px !important;
  vertical-align: middle !important;
  width: 12px !important;
}
#scroll-to-top {
  display: flex;
  align-items: center;
  background: rgba(123, 209, 93, 1);
  border: none;
  border-radius: 50%;
  bottom: 32px;
  box-shadow: 0 4px 12px #00000033;
  color: #fff;
  cursor: pointer;
  height: 44px;
  justify-content: center;
  left: 32px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.2s ease;
  width: 44px;
  z-index: 9999;
}
#scroll-to-top:hover {
  box-shadow: 0 6px 20px #00000047;
  transform: translateY(-2px);
}
#scroll-to-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
#scroll-to-top svg {
  transform: none;
}
.nav-wrapper-desktop .hdr-actions a {
  display: inline-flex;
  font-size: inherit;
  padding: inherit;
  width: auto;
}
.hdr-brand-icon {
  border-radius: 2px;
  filter: none !important;
  flex-shrink: 0;
  height: 15px;
  margin-left: 1px;
  margin-top: -1px;
  object-fit: contain;
  width: 15px;
}
.glass-nav {
  display: flex;
  align-items: center;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background: #ffffff1f;
  border: 1px solid #ffffff2e;
  border-radius: 50px;
  box-shadow: 0 4px 24px #00000026;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 5px 8px;
}
.glass-nav__item {
  position: relative;
}
.glass-nav__label {
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 50px;
  color: #ffffffe6;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.92rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  gap: 6px;
  letter-spacing: 0.01em;
  padding: 7px 14px;
  transition:
    background 0.2s ease,
    color 0.2s ease;
  white-space: nowrap;
}
.glass-nav__label:hover, .glass-nav__item.is-open .glass-nav__label {
  background: #1e3c648c;
  color: #fff;
}
.glass-nav__chevron {
  opacity: 0.7;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.glass-nav__item.is-open .glass-nav__chevron {
  opacity: 1;
  transform: rotate(180deg);
}
.glass-nav__username {
  overflow: visible;
  white-space: nowrap;
}
.glass-nav__sub {
  font-size: 0.8em;
  opacity: 0.6;
}
.glass-nav__dropdown {
  display: flex;
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  background: #121218b8;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  box-shadow: 0 8px 32px #00000066;
  flex-direction: column;
  gap: 2px;
  min-width: 200px;
  opacity: 0;
  padding: 6px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  transform: scale(0.96) translateY(-6px);
  transform-origin: top right;
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
  visibility: hidden;
  z-index: 9999;
}
.glass-nav__item.is-open .glass-nav__dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0s;
  visibility: visible;
}
@keyframes glassDropIn {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.glass-nav__drop-item {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 9px;
  color: #ffffffd9;
  cursor: pointer;
  font-size: 0.76rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 450;
  gap: 14px;
  padding: 9px 13px;
  text-align: left;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
  width: 100%;
}
.glass-nav__drop-item:hover {
  background: rgba(123, 209, 93, 1);
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}
/* Signed-in email at the top of the account menu (not a menu item, so no hover) */
.glass-nav__drop-account {
  border-bottom: 1px solid #ffffff1f;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 4px;
  max-width: 280px;
  padding: 8px 13px 10px;
}
.glass-nav__drop-account[hidden] {
  display: none;
}
.glass-nav__drop-account-label {
  color: #ffffff8c;
  font-size: 0.68rem;
}
.glass-nav__drop-account-email {
  color: #ffffffd9;
  font-size: 0.76rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glass-nav__drop-item:hover .hdr-brand-icon {
  filter: brightness(1.2) !important;
}
.glass-nav__drop-item svg {
  flex-shrink: 0;
  opacity: 0.75;
}
.glass-nav__drop-item:hover svg {
  opacity: 1;
}
.glass-nav__label>i {
  flex-shrink: 0;
  font-size: 14px;
  text-align: center;
  width: 16px;
}
.glass-nav__label>i.glass-nav__chevron {
  font-size: 11px;
  opacity: 0.7;
  transition: transform 0.2s ease, opacity 0.2s ease;
  width: 12px;
}
.glass-nav__item.is-open .glass-nav__label>i.glass-nav__chevron {
  opacity: 1;
  transform: rotate(180deg);
}
.glass-nav__drop-item>i {
  flex-shrink: 0;
  font-size: 13px;
  opacity: 0.75;
  text-align: center;
  width: 16px;
}
.glass-nav__drop-item:hover>i {
  opacity: 1;
}
[data-tooltip] {
  position: relative;
}
.category-directory {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .category-directory {
    grid-template-columns: 1fr;
  }
}
.section-container .article-list {
  display: grid;
  gap: 2px 30px !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.article-list-item {
  display: flex !important;
  align-items: flex-start !important;
  line-height: 1.4;
}
.table-responsive {
  display: block;
  margin-bottom: 20px;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  width: 100%;
}
.article-body iframe, .article-body video, .article-body embed {
  max-width: 100% !important;
}
.article-body img {
  box-sizing: border-box;
  height: auto !important;
  max-width: 100% !important;
}
.article-body pre {
  box-sizing: border-box;
  max-width: 100% !important;
  overflow-x: auto !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}
#noc-loading-overlay {
  display: flex;
  align-items: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: #fffffff2;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  width: 100%;
  z-index: 10000;
}
#noc-loading-overlay.fade-out {
  opacity: 0;
  visibility: hidden;
}
.noc-loader-pill {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #0026520d;
  border-radius: 9999px;
  box-shadow: 0 10px 40px #0000001a;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 160px;
}
.noc-loader-bar {
  animation: noc-pill-sweep 2s infinite ease-in-out;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(123, 209, 93, 0.2),
      transparent
    );
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.noc-loader-logo {
  height: 24px;
  opacity: 0.8;
  z-index: 1;
}
.noc-loader-text {
  color: #002652;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-top: 20px;
  opacity: 0.6;
  text-transform: uppercase;
}
@keyframes noc-pill-sweep {
  0% {
    left: -100%;
  }
  50% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
:root {
  --noc-dark-green: #1e4620;
  --noc-hover-green: #f8fcf6;
  --noc-light-green: #e3f2dc;
  --noc-primary-green: #4a914c;
  --noc-shadow: 0 15px 40px -15px rgba(30, 70, 32, 0.08);
}
.category-section {
  margin-bottom: 25px;
  margin-top: 35px;
  position: relative;
}
.category-tab {
  background: #fff;
  border-left: 1px solid #fff;
  border-radius: 12px 12px 0 0;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  box-shadow: -2px -4px 12px -6px rgba(0, 0, 0, 0.06);
  left: 0;
  padding: 10px 28px;
  position: absolute;
  top: -42px;
  z-index: 2;
}
.category-tab-text {
  color: var(--noc-dark-green);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.category-content-box {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 0 16px 16px 16px;
  box-shadow: var(--noc-shadow);
  padding: 16px 32px 16px 32px;
}
@media (min-width: 768px) {
  .category-content-box {
    padding: 24px 48px 24px 48px;
  }
}
.noc-section {
  margin-bottom: 24px;
}
.noc-section:last-child {
  margin-bottom: 0;
}
.section-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding: 0 4px;
}
.section-vertical-bar {
  background: var(--noc-primary-green);
  border-radius: 9999px;
  height: 28px;
  width: 6px;
}
.section-title {
  color: var(--noc-dark-green) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em;
  margin: 0 !important;
}
.section-title a {
  color: inherit !important;
}
.section-line {
  background:
    linear-gradient(
      to right,
      #f1f5f9,
      transparent
    );
  flex: 1;
  height: 1px;
  margin-left: 12px;
}
.article-grid {
  display: grid;
  column-gap: 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .article-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .article-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.article-item-wrapper {
  border-bottom: 1px solid #f8fafc;
}
@media (min-width: 1024px) {
  .article-item-wrapper:nth-last-child(-n+3) {
    border-bottom: 0;
  }
}
.article-item-new {
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  cursor: pointer;
  gap: 12px;
  padding: 14px 12px;
  position: relative;
  text-decoration: none !important;
  transition: all 0.15s ease;
}
.article-item-new:hover {
  background-color: #f1f5f9;
}
.article-icon-container {
  display: flex;
  align-items: center;
  background-color: #f1f5f9;
  border-radius: 6px;
  color: var(--noc-primary-green);
  justify-content: center;
  padding: 6px;
  transition: all 0.2s ease;
}
.article-item-new:hover .article-icon-container {
  background-color: var(--noc-primary-green);
  color: #fff;
}
.article-icon-container i {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.article-info {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
  justify-content: space-between;
}
.article-title-text {
  color: var(--noc-primary-green);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.4;
  transition: color 0.2s ease;
}
.article-item-new:hover .article-title-text {
  color: #2d5a2e;
}
.article-arrow {
  color: var(--noc-primary-green);
  height: 14px;
  opacity: 0;
  transform: translateY(2px);
  transition: all 0.2s ease;
  width: 14px;
}
.article-item-new:hover .article-arrow {
  opacity: 0.3;
  transform: translateY(0);
}
.noc-empty-placeholder {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
.noc-empty-icon {
  color: #5bad2c;
  font-size: 48px;
  margin-bottom: 20px;
}
.noc-empty-title {
  color: #1f2122;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.noc-empty-text {
  color: #666;
  font-size: 15px;
  margin: 0 auto;
  max-width: 400px;
}
.hero.pages--hero {
  margin-top: -100px !important;
  padding: 90px 0 20px 0 !important;
}
.section-tree {
  display: grid !important;
  gap: 30px !important;
  grid-template-columns: 1fr !important;
  list-style: none !important;
  margin-top: 30px !important;
}
@media (min-width: 768px) {
  .section-tree {
    grid-template-columns: 1fr 1fr !important;
  }
}
.section-tree .section {
  display: flex !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  flex-direction: column !important;
  margin: 0 !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.section-tree .section:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-5px) !important;
}
.section-tree .section-tree-title {
  display: flex !important;
  align-items: center !important;
  background-color: rgba(123, 209, 93, 1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0 !important;
  min-height: 60px !important;
  padding: 15px 25px !important;
}
.section-tree .section-tree-title a {
  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.section-tree .article-list {
  display: flex !important;
  background: transparent !important;
  flex-direction: column !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 15px 25px !important;
}
.section-tree .article-list-item {
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  padding-left: 28px !important;
  position: relative !important;
}
.section-tree .article-list-item:last-child {
  border-bottom: none !important;
}
.section-tree .article-list-item::before {
  content: "\f15c" !important;
  color: rgba(123, 209, 93, 1) !important;
  font-family: "Font Awesome 7 Free" !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  left: 0 !important;
  position: absolute !important;
}
.section-tree .article-list-link {
  color: #1f2122 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}
.section-tree .article-list-item:hover .article-list-link {
  color: rgba(123, 209, 93, 1) !important;
  text-decoration: none !important;
}
.section-tree .see-all-articles {
  display: inline-flex !important;
  align-items: center !important;
  color: rgba(123, 209, 93, 1) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  letter-spacing: 0.5px !important;
  margin: 10px 25px 25px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.section-tree .see-all-articles:hover {
  text-decoration: underline !important;
}
.section-tree .section-lists {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 15px 25px 25px !important;
}
.section-tree .section-lists-item a {
  color: rgba(123, 209, 93, 1) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.section-tree .section-lists-item a:hover {
  text-decoration: underline !important;
}
.category-container, .section-container {
  margin: 0 auto;
  max-width: 1400px;
  padding: 40px 5%;
}
@media (min-width: 1160px) {
  .category-container, .section-container {
    padding: 40px 0;
    width: 90%;
  }
}
.category-content, .section-content {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;
  padding: 40px !important;
}
.section-content .article-list {
  display: grid !important;
  gap: 5px 30px !important;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)) !important;
  list-style: none !important;
  margin: 30px 0 !important;
  padding: 0 !important;
}
.section-content .article-list-item {
  display: flex !important;
  align-items: flex-start !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 15px 0 !important;
  padding-left: 32px !important;
  position: relative !important;
}
.section-content .article-list-item::before {
  content: "\f15c" !important;
  color: rgba(123, 209, 93, 1) !important;
  font-family: "Font Awesome 7 Free" !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  left: 0 !important;
  position: absolute !important;
  top: 17px !important;
}
.section-content .article-list-link {
  color: #1f2122 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}
.section-content .article-list-item:hover .article-list-link {
  color: rgba(123, 209, 93, 1) !important;
}
.see-all-articles {
  display: inline-flex !important;
  align-items: center !important;
  background-color: transparent !important;
  color: rgba(123, 209, 93, 1) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  letter-spacing: 0.8px !important;
  margin: 10px 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease !important;
}
.see-all-articles:hover {
  color: rgba(123, 209, 93, 1) !important;
  opacity: 0.8;
  text-decoration: underline !important;
}
body .custom-article-relatives-card li {
  position: relative !important;
}
body .custom-article-relatives-card li::before {
  font-weight: 900 !important;
  top: 0 !important;
}
body .sidenav-item, body .custom-article-relatives-card li a, body .custom-article-relatives-card .article-list a {
  color: #5bad2c !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
body .sidenav-item.current-article, body .custom-article-relatives-card li a.is-active {
  color: #1f2122 !important;
}
body .sidenav-item:hover, body .custom-article-relatives-card li a:hover, body .custom-article-relatives-card .article-list a:hover {
  color: rgba(123, 209, 93, 1) !important;
  text-decoration: none !important;
}
.is-archived, .is-archived *, .is-archived a, .is-archived .dashboard-article-title, .is-archived .article-list-link, .is-archived .dashboard-article-arrow {
  color: #888888 !important;
}
.is-archived, .is-archived a, .is-archived *, .is-archived *:before, .is-archived *:after, .is-archived:before, .is-archived:after {
  color: #888888 !important;
  fill: #888888 !important;
}
.article-list li.is-archived:before, .article-list-item.is-archived:before, .dashboard-article-item.is-archived i, .is-archived .dashboard-article-icon i {
  color: #888888 !important;
}
.dashboard-article-item.is-archived:hover {
  background-color: #f5f5f5 !important;
  border-color: #e5e5e5 !important;
}
.dashboard-article-item.is-archived:hover .dashboard-article-icon {
  background-color: #888888 !important;
}
.dashboard-article-item.is-archived:hover .dashboard-article-icon i, .dashboard-article-item.is-archived:hover .dashboard-article-icon svg, .dashboard-article-item.is-archived:hover .dashboard-article-icon i:before, .dashboard-article-item.is-archived:hover .dashboard-article-icon svg path {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.dashboard-article-item.is-archived:hover .dashboard-article-title {
  color: #555555 !important;
}
.dashboard-article-item.is-archived:hover .dashboard-article-arrow {
  color: #888888 !important;
}
ul.article-list li.article-list-item::before {
  top: 11px !important;
}
.comment {
  border-bottom: 1px solid rgba(91, 173, 44, 1);
  padding: 20px 0;
}
.comment-heading, .recent-articles-title, .related-articles-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 0;
}
.comment-overview {
  border-bottom: 1px solid rgba(91, 173, 44, 1);
  border-top: 1px solid rgba(91, 173, 44, 1);
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  display: inline-block;
  color: #505557;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 0;
}
.comment-callout a {
  color: rgba(123, 209, 93, 1);
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #505557;
  font-size: 13px;
}
[dir="rtl"] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid rgba(123, 209, 93, 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-left: 20px;
  padding-right: 0;
}
.comment-author {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .comment-author {
    align-items: center;
    justify-content: space-between;
  }
}
.comment-avatar {
  margin-right: 10px;
}
.comment-avatar img {
  border-radius: 50%;
}
[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;
  margin-bottom: 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(123, 209, 93, 1);
}
.comment-body {
  font-family: 'Inter', sans-serif;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  line-height: 1.6;
  overflow-x: auto;
  word-break: break-word;
  word-wrap: break-word;
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body ul, .comment-body ol {
  list-style-position: outside;
  margin: 20px 0 20px 20px;
  padding-left: 20px;
}
[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
  margin-left: 0;
  margin-right: 20px;
  padding-left: 0;
  padding-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: #305c17;
}
.comment-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 0 2px;
  padding: 0 5px;
}
.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: auto;
  padding: 10px 15px;
  white-space: pre;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #505557;
  font-style: italic;
  padding: 0 15px;
}
.comment-mark-as-solved {
  display: inline-block;
}
.status-label {
  display: inline-block;
  background-color: #68737d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 4px 12px;
  text-transform: lowercase;
  vertical-align: middle;
  white-space: nowrap;
}
.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(123, 209, 93, 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: #505557;
}
.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;
}
.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%;
    min-width: 0;
    order: 0;
  }
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  background: rgba(238, 243, 246, 1);
  border: 1px solid rgba(91, 173, 44, 1);
  border-radius: 15px;
  color: #505557;
  padding: 8px 25px;
  text-align: inherit;
  width: 100%;
}
.request-main .comment-show-container.hidden {
  display: none;
}
.request-main .form-field.comment-ccs>ul {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.request-main .form-field.comment-ccs>ul[data-hc-focus="true"] {
  border: 1px solid rgba(123, 209, 93, 1);
}
.request-main .form-field.comment-ccs>input[type="text"] {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 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(123, 209, 93, 1);
}
.request-main input#mark_as_solved {
  display: none;
}
.request-title {
  border-bottom: 1px solid #eeeeee;
  color: #1f2122;
  font-weight: 700;
  margin-top: 10px;
  padding-bottom: 25px;
  width: 100%;
}
@media (min-width: 1024px) {
  .request-title {
    margin-bottom: 0;
    max-width: 100%;
  }
}
.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: #eef3f6;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    flex: 0 0 auto;
    font-size: 13px;
    margin-top: 15px;
    padding: 25px;
    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 #d8dcde;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}
.request-details:last-child {
  border: 0;
  padding-top: 5px;
}
.request-details dt, .request-details dd {
  display: inline-block;
  box-sizing: border-box;
  font-size: 13px;
  margin: 15px 0 0 0;
  vertical-align: top;
}
.request-details dd {
  color: #1f2122;
  padding: 0 0 0 10px;
  width: 60%;
}
.request-details dd::after {
  content: "\A";
  white-space: pre;
}
.request-details dt {
  color: #68737d;
  font-weight: 500;
  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;
}

/* Hide mobile menu items whose link helper rendered nothing (e.g. service catalogue when it's off) */
.menu-list-mobile-items li:empty {
  display: none;
}

/* Respect the OS "reduce motion" setting: no fades, loader animation or smooth scrolling */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ===== Base styles the theme was missing: buttons, dropdown menus, votes, comment actions and striped lists =====
   These were absent from this theme, which left dropdown menus (Following filter, profile, comment sort) permanently open. Pagination keeps its own styling. */
.button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .edit-profile-button a, .split-button button {
  background-color: rgba(123, 209, 93, 1);
  border: 1px solid rgba(123, 209, 93, 1);
  border-radius: 15px;
  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;
}
@media (min-width: 768px) {
  .button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .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, .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, .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, .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"], .edit-profile-button a.button-primary {
  background-color: rgba(123, 209, 93, 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, .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, .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, .edit-profile-button a.button-primary:active {
  background-color: #499c2c;
  border-color: #499c2c;
}
.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], .edit-profile-button a[data-disabled] {
  cursor: default;
}
.button-large {
  cursor: pointer;
  background-color: rgba(123, 209, 93, 1);
  border: 0;
  border-radius: 15px;
  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 {
    width: auto;
  }
}
.button-large:hover, .button-large:active, .button-large:focus {
  background-color: #499c2c;
}
.button-large[disabled] {
  background-color: #ddd;
}
.button-secondary {
  color: #505557;
  border: 1px solid rgba(91, 173, 44, 1);
  background-color: transparent;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(31, 33, 34, 1);
  border: 1px solid rgba(91, 173, 44, 1);
  background-color: #f7f7f7;
}
@media (min-width: 1024px) {
  .article-sidebar, .search-results-sidebar, .request-container .request-sidebar, .post-sidebar {
    align-self: start;     position: sticky;     top: 15px;
  }
}
.comment-overview p, .breadcrumbs-none.author-none .search-result-description {
  margin-top: 0;
}
.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;
}
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}
.vote-sum {
  color: #505557;
  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(123, 209, 93, 1);
}
.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #505557;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vote-voted {
  color: rgba(123, 209, 93, 1);
}
.vote-voted:hover {
  color: #499c2c;
}
.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;
}
.dropdown-menu [role="separator"] {
  border-bottom: 1px solid rgba(91, 173, 44, 1);
  color: rgba(31, 33, 34, 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], .breadcrumbs-none .search-result-breadcrumbs, .author-none .search-date {
  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;
}
.actions {
  text-align: center;
  flex-shrink: 0;
}
.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;
}
.striped-list {
  padding: 0;
}
.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid rgba(91, 173, 44, 1);
  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(91, 173, 44, 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: #305c17;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #505557;
  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(31, 33, 34, 1);
    display: block;
    font-weight: 400;
  }
}

/* Fade-in: rise a fixed 40px instead of animate.css's 100% of the element's height,
   which pushed tall blocks (e.g. long section lists) far below the page while animating */
@keyframes nocFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__animated.animate__fadeInUp {
  animation-name: nocFadeInUp;
}

/* Staff badge on author avatars (articles, comments, requests, profiles): PingCo logo (same as the pingco.cloud favicon) instead of the generic person icon */
.icon-agent {
  background-image: url(/hc/theming_assets/01K9DBYB72TEZS8GH2NDX1AY80);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.icon-agent path {
  display: none;
}
/* ===== Mobile menu: a floating glass card under the menu button, matching the desktop header dropdowns,
   instead of the full-width white strip across the header ===== */
.nav-wrapper-mobile {
  position: relative;
}
.nav-wrapper-mobile .menu-list-mobile {
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  background: #121218e0;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  box-shadow: 0 12px 32px #00000066;
  left: auto;
  padding: 6px;
  right: 0;
  top: calc(100% + 10px);
  transform-origin: top right;
  width: min(260px, calc(100vw - 32px));
  z-index: 9999;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded="true"] {
  animation: glassDropIn 0.2s ease both;
}
.nav-wrapper-mobile .menu-list-mobile-items {
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  align-items: center;
  border-radius: 9px;
  color: #ffffffd9;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  gap: 12px;
  padding: 11px 14px;
  text-decoration: none;
}
.nav-wrapper-mobile .menu-list-mobile-items a:hover, .nav-wrapper-mobile .menu-list-mobile-items a:focus-visible, .nav-wrapper-mobile .menu-list-mobile-items a:active {
  background: rgba(123, 209, 93, 1);
  color: #fff;
  text-decoration: none;
}
/* Icons as on the desktop dropdowns (Font Awesome); anything unrecognised gets a chevron */
.nav-wrapper-mobile .menu-list-mobile-items a::before {
  content: "\f054";
  flex-shrink: 0;
  font-family: "Font Awesome 7 Free";
  font-size: 14px;
  font-weight: 900;
  opacity: 0.75;
  text-align: center;
  width: 18px;
}
.nav-wrapper-mobile .menu-list-mobile-items a:hover::before, .nav-wrapper-mobile .menu-list-mobile-items a:focus-visible::before {
  opacity: 1;
}
.nav-wrapper-mobile .menu-list-mobile-items .submit-a-request::before {
  content: "\f055"; /* circle-plus */
}
.nav-wrapper-mobile .menu-list-mobile-items .requests-link::before {
  content: "\f145"; /* ticket */
}
.nav-wrapper-mobile .menu-list-mobile-items a[href*="/community/topics/"]::before {
  content: "\f0eb"; /* lightbulb */
}
.nav-wrapper-mobile .menu-list-mobile-items #user-logout-mobile::before {
  content: "\f2f5"; /* right-from-bracket */
}
.nav-wrapper-mobile .menu-list-mobile-items #user-login-mobile::before {
  content: "\f2f6"; /* right-to-bracket */
}
.nav-wrapper-mobile .menu-list-mobile-items #admin-login-link-mobile::before {
  content: "\f505"; /* user-shield */
}
/* Thin divider above Sign Out */
.nav-wrapper-mobile .menu-list-mobile-items li:has(> #user-logout-mobile) {
  border-top: 1px solid #ffffff1f;
  margin-top: 4px;
  padding-top: 6px;
}

/* Section/category pages on phones: the article grid's 300-350px minimum column was wider than the screen,
   pushing the white card off both edges; let it shrink to the screen and tighten the padding */
.section-content {
  min-width: 0;
}
.section-container .article-list {
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
}
@media (max-width: 767px) {
  .section-content {
    padding: 24px 18px !important;
  }
  .section-container ul.article-list, .section-container .section-lists {
    padding: 8px 16px !important;
  }
}.section-content .article-list {
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr)) !important;
}
@media (max-width: 767px) {
  .section-content .article-list {
    margin: 20px 0 !important;
  }
}
/* Staff help-centre switch (header.hbs, agents/admins only): TCAP logo to the right of the PingCo logo, with a divider */
.logo:has(.hc-switch-link) {
  align-items: center;
  display: flex;
  gap: 22px;
}
.logo .hc-switch-link {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
  display: flex;
  margin-top: 30px;
  padding-left: 22px;
}
.logo .hc-switch-link img {
  height: 85px;
  margin-top: 0;
  max-height: none;
}
@media (max-width: 767px) {
  .logo:has(.hc-switch-link) {
    gap: 12px;
  }
  .logo .hc-switch-link {
    padding-left: 12px;
  }
  .logo .hc-switch-link img {
    height: 40px;
  }
  .logo:has(.hc-switch-link) > a:not(.hc-switch-link) img {
    height: 33px;
  }
}
/* Help-centre switch: the other site's logo looks inactive (grey, faded) and comes back to full colour on hover/focus;
   the current site's logo stays as is */
.logo .hc-switch-link img {
  filter: grayscale(1);
  opacity: 0.45;
  transition: filter 0.2s ease, opacity 0.2s ease;
}
.logo .hc-switch-link:hover img, .logo .hc-switch-link:focus-visible img {
  filter: none;
  opacity: 1;
}

/* ===== Dark mode =====
   Applied when <html data-theme="dark"> (set in document_head.hbs from the saved choice or the device setting,
   toggled from the header). Everything here only overrides colours; light mode is untouched.
   The green header/hero and navy footer are already dark, so they keep their light-mode colours.
   Same structure as the TCAP theme's dark mode, with a green-tinted palette for NOC. */
html[data-theme="dark"] {
  --dm-bg: #0e1511;
  --dm-bg-alt: #121b15;
  --dm-surface: #161f19;
  --dm-surface-2: #1c2820;
  --dm-surface-hover: #233328;
  --dm-border: #2c3e31;
  --dm-border-subtle: rgba(255, 255, 255, 0.06);
  --dm-text: #dde6df;
  --dm-heading: #f2f6f3;
  --dm-muted: #a1b3a6;
  --dm-link: #8fd46f;
  --dm-link-hover: #b5e6a0;
  --dm-accent: #4a914c;
  --dm-green: #5cc46d;
  --dm-green-hover: #84d892;
  --dm-red: #f87171;
  background-color: var(--dm-bg) !important;
  color-scheme: dark;
}
/* Zendesk's admin bar (agents/admins) stays light: its "Minimize navigation" arrow uses the browser's default
   button text colour on a fixed white button, which the dark color-scheme above would turn white-on-white */
html[data-theme="dark"] #navbar-container {
  color-scheme: light;
}

/* Page background and base text (light mode forces #000 text on these with !important) */
html[data-theme="dark"] body,
html[data-theme="dark"] body.footer-hidden,
html[data-theme="dark"] .home__categories {
  background: var(--dm-bg) !important;
}
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .container,
html[data-theme="dark"] .article-container,
html[data-theme="dark"] .article-page,
html[data-theme="dark"] .article,
html[data-theme="dark"] .article-body {
  color: var(--dm-text) !important;
}
:where(html[data-theme="dark"]) a,
:where(html[data-theme="dark"]) .article-body a:visited {
  color: var(--dm-link);
}
:where(html[data-theme="dark"]) a:hover {
  color: var(--dm-link-hover);
}
html[data-theme="dark"] .page-header h1,
html[data-theme="dark"] .request-title,
html[data-theme="dark"] .search-results-subheading,
html[data-theme="dark"] .search-result-title a,
html[data-theme="dark"] .custom-article-relatives-card h2,
html[data-theme="dark"] .custom-article-relatives-card h3,
html[data-theme="dark"] body .sidenav-item.current-article,
html[data-theme="dark"] body .custom-article-relatives-card li a.is-active {
  color: var(--dm-heading) !important;
}
html[data-theme="dark"] .page-header-description,
html[data-theme="dark"] .blocks-item-description,
html[data-theme="dark"] .author-name,
html[data-theme="dark"] .meta-data,
html[data-theme="dark"] .post-meta > span:first-child a,
html[data-theme="dark"] .search-results-description,
html[data-theme="dark"] .breadcrumbs li a:visited,
html[data-theme="dark"] .form footer a,
html[data-theme="dark"] .comment-callout,
html[data-theme="dark"] .comment-sorter .dropdown-toggle,
html[data-theme="dark"] .vote-sum,
html[data-theme="dark"] .vote-up,
html[data-theme="dark"] .vote-down,
html[data-theme="dark"] .striped-list-count,
html[data-theme="dark"] .request-details dt,
html[data-theme="dark"] .fr-votes-label,
html[data-theme="dark"] .fr-comments,
html[data-theme="dark"] .fr-form .page-header-description,
html[data-theme="dark"] .fr-form .optional,
html[data-theme="dark"] .fr-hint {
  color: var(--dm-muted) !important;
}

/* Form controls */
:where(html[data-theme="dark"]) input,
:where(html[data-theme="dark"]) textarea,
:where(html[data-theme="dark"]) select {
  background-color: var(--dm-surface-2);
  border-color: var(--dm-border);
  color: var(--dm-text);
}
html[data-theme="dark"] select,
html[data-theme="dark"] .form div[role="button"],
html[data-theme="dark"] .form .jpeIfh {
  background-color: var(--dm-surface-2);
  color: var(--dm-text);
}
html[data-theme="dark"] input[disabled],
html[data-theme="dark"] input[type="submit"][disabled],
html[data-theme="dark"] .button-large[disabled] {
  background-color: var(--dm-surface-hover);
}
html[data-theme="dark"] .form input,
html[data-theme="dark"] .form div[role="button"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] #hc-wysiwyg,
html[data-theme="dark"] .fr-form #community_post_title {
  border-color: var(--dm-border);
}
html[data-theme="dark"] .fr-form .form-field > label,
html[data-theme="dark"] .fr-item .striped-list-title,
html[data-theme="dark"] .fr-item .striped-list-title:visited,
html[data-theme="dark"] .striped-list-number,
html[data-theme="dark"] .recent-activity-item-parent,
html[data-theme="dark"] .recent-activity-item-link,
html[data-theme="dark"] .request-details dd,
html[data-theme="dark"] .nav-wrapper-mobile .menu-list-mobile-items button {
  color: var(--dm-text);
}
html[data-theme="dark"] .fr-item:hover .striped-list-title {
  color: var(--dm-link);
}
html[data-theme="dark"] .fr-form .notification-error {
  color: var(--dm-red);
}
html[data-theme="dark"] .button-secondary {
  border-color: var(--dm-border);
  color: var(--dm-muted);
}
html[data-theme="dark"] .button-secondary:hover,
html[data-theme="dark"] .button-secondary:focus,
html[data-theme="dark"] .button-secondary:active {
  background-color: var(--dm-surface-hover);
  border-color: var(--dm-border);
  color: var(--dm-text);
}

/* Rich-text editor (feature requests, request comments) */
html[data-theme="dark"] .ck {
  --ck-color-base-background: var(--dm-surface-2);
  --ck-color-base-foreground: var(--dm-surface);
  --ck-color-base-border: var(--dm-border);
  --ck-color-base-text: var(--dm-text);
  --ck-color-text: var(--dm-text);
  --ck-color-toolbar-background: var(--dm-surface);
  --ck-color-toolbar-border: var(--dm-border);
  --ck-color-button-default-hover-background: var(--dm-surface-hover);
  --ck-color-button-default-active-background: var(--dm-surface-hover);
  --ck-color-button-on-background: var(--dm-surface-hover);
  --ck-color-button-on-hover-background: var(--dm-border);
  --ck-color-button-on-color: var(--dm-link);
  --ck-color-dropdown-panel-background: var(--dm-surface-2);
  --ck-color-dropdown-panel-border: var(--dm-border);
  --ck-color-panel-background: var(--dm-surface-2);
  --ck-color-panel-border: var(--dm-border);
  --ck-color-input-background: var(--dm-surface);
  --ck-color-input-border: var(--dm-border);
  --ck-color-input-text: var(--dm-text);
  --ck-color-list-background: var(--dm-surface-2);
  --ck-color-list-button-hover-background: var(--dm-surface-hover);
  --ck-color-labeled-field-label-background: var(--dm-surface-2);
  --ck-color-tooltip-background: #000;
}
html[data-theme="dark"] .fr-form .ck.ck-editor__top .ck-sticky-panel__content,
html[data-theme="dark"] .fr-form .ck.ck-toolbar,
html[data-theme="dark"] .fr-form .ck.ck-editor__main > .ck-editor__editable {
  border-color: var(--dm-border) !important;
}

/* Cards and panels */
html[data-theme="dark"] .blocks-item,
html[data-theme="dark"] .blocks-item-link,
html[data-theme="dark"] .recent-activity,
html[data-theme="dark"] .section-tree .section,
html[data-theme="dark"] .section-content,
html[data-theme="dark"] .search-results-list > li,
html[data-theme="dark"] .custom-article-relatives-card,
html[data-theme="dark"] .article-container .collapsible-sidebar,
html[data-theme="dark"] .form,
html[data-theme="dark"] .fr-card,
html[data-theme="dark"] .request-sidebar,
html[data-theme="dark"] #tabs-content,
html[data-theme="dark"] .tab-content {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .fr-form .form {
  background: transparent !important;
  border-color: transparent !important;
}
html[data-theme="dark"] .tab-content {
  border-color: var(--dm-accent) !important;
}
html[data-theme="dark"] .blocks-item-link {
  color: var(--dm-text);
}
html[data-theme="dark"] .blocks-item:hover {
  border-color: #5bad2c !important;
}
html[data-theme="dark"] .contact--blocks {
  background: var(--dm-bg-alt);
}
html[data-theme="dark"] .section-container ul.article-list,
html[data-theme="dark"] .section-container .section-lists,
html[data-theme="dark"] .article-container .collapsible-sidebar,
html[data-theme="dark"] .my-activities-nav,
html[data-theme="dark"] .search-results-sidebar .sidenav-item {
  background: var(--dm-surface-2) !important;
}
html[data-theme="dark"] .search-results-sidebar .sidenav-item:hover,
html[data-theme="dark"] .search-results-sidebar .sidenav-item.current {
  background-color: var(--dm-accent) !important;
  color: #fff !important;
}
html[data-theme="dark"] .search-results-list > li:hover {
  border-color: #7bd15d !important;
}
html[data-theme="dark"] .search-result-meta-container {
  border-top-color: var(--dm-border) !important;
}
html[data-theme="dark"] .pagination-first-link,
html[data-theme="dark"] .pagination-prev-link,
html[data-theme="dark"] .pagination-next-link,
html[data-theme="dark"] .pagination-last-link {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: none !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] .pagination-first-link:hover,
html[data-theme="dark"] .pagination-prev-link:hover,
html[data-theme="dark"] .pagination-next-link:hover,
html[data-theme="dark"] .pagination-last-link:hover {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
  color: #fff !important;
}

/* Borders that use the navy rgba(91, 173, 44, 1) or light greys */
html[data-theme="dark"] .breadcrumbs__block,
html[data-theme="dark"] .article-sidebar,
html[data-theme="dark"] .search-results-sidebar .collapsible-sidebar-title,
html[data-theme="dark"] .comment,
html[data-theme="dark"] .comment-overview,
html[data-theme="dark"] .request-sidebar,
html[data-theme="dark"] .request-details,
html[data-theme="dark"] .topic-header,
html[data-theme="dark"] .topic-header .dropdown,
html[data-theme="dark"] .post-sidebar,
html[data-theme="dark"] .striped-list-item,
html[data-theme="dark"] .recent-activity-item,
html[data-theme="dark"] .dropdown-menu [role="separator"],
html[data-theme="dark"] .article-container .table > thead > tr > th,
html[data-theme="dark"] .article-container .table > tbody > tr > td {
  border-color: var(--dm-border);
}
html[data-theme="dark"] .section-tree .section-tree-title,
html[data-theme="dark"] .section-tree .article-list-item {
  border-color: var(--dm-border-subtle) !important;
}

/* Article and section lists */
html[data-theme="dark"] .article-relatives li a,
html[data-theme="dark"] .article-list li,
html[data-theme="dark"] .article-sidebar ul li,
html[data-theme="dark"] .collapsible-sidebar li,
html[data-theme="dark"] .section-lists li,
html[data-theme="dark"] .article-list-item a,
html[data-theme="dark"] .custom-article-relatives-card li a,
html[data-theme="dark"] .custom-article-relatives-card ul li a,
html[data-theme="dark"] .custom-article-relatives-card .article-list-item a {
  color: var(--dm-text);
}
/* Section and category page article lists are dark grey (#1f2122) in light mode */
html[data-theme="dark"] .section-tree .article-list-link,
html[data-theme="dark"] .section-content .article-list-link {
  color: var(--dm-text) !important;
}
html[data-theme="dark"] .section-tree .article-list-item:hover .article-list-link,
html[data-theme="dark"] .section-content .article-list-item:hover .article-list-link,
html[data-theme="dark"] .article-list a:hover,
html[data-theme="dark"] .article-sidebar li a:hover {
  color: var(--dm-link-hover) !important;
}
html[data-theme="dark"] .section-content .article-list-item,
html[data-theme="dark"] .article-header {
  border-color: var(--dm-border) !important;
}
html[data-theme="dark"] .category-content {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .section-tree .section:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35) !important;
}

/* Article body content */
html[data-theme="dark"] .article-body code,
html[data-theme="dark"] .article-body pre,
html[data-theme="dark"] .comment-body code,
html[data-theme="dark"] .comment-body pre,
html[data-theme="dark"] .post-body code,
html[data-theme="dark"] .post-body pre {
  background: var(--dm-surface-2);
  border-color: var(--dm-border);
  color: var(--dm-text);
}
html[data-theme="dark"] .article-body blockquote,
html[data-theme="dark"] .comment-body blockquote,
html[data-theme="dark"] .post-body blockquote {
  border-left-color: var(--dm-border);
  color: var(--dm-muted);
}
html[data-theme="dark"] .article-body figcaption {
  background-color: var(--dm-surface-2);
}
html[data-theme="dark"] .article-body table,
html[data-theme="dark"] .article-body table td,
html[data-theme="dark"] .article-body table th,
html[data-theme="dark"] .article-body .table-article-info td,
html[data-theme="dark"] .article-body .table-article-changelog td,
html[data-theme="dark"] .article-body .table-article-changelog th,
html[data-theme="dark"] .table-article-info td,
html[data-theme="dark"] .table-article-changelog td,
html[data-theme="dark"] .table-article-changelog th {
  border-color: var(--dm-border);
  color: var(--dm-text);
}
html[data-theme="dark"] .article-body table thead th,
html[data-theme="dark"] .article-body table th,
html[data-theme="dark"] .table-article-info td:first-child,
html[data-theme="dark"] .table-article-changelog th {
  background-color: var(--dm-surface-2);
}
/* Colours typed into article/comment content (inline styles pasted from Word, Outlook, code editors...) are
   adjusted by the dark-mode content script in document_head.hbs, since there are too many to list here */
html[data-theme="dark"] .article-body mark {
  color: #1f2122 !important;
}
html[data-theme="dark"] .article-body img:not([src*=".svg"]) {
  box-shadow: none;
}

/* Attachments */
html[data-theme="dark"] .article-content .attachments .attachment-item {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}
html[data-theme="dark"] .article-content .attachments .attachment-item:hover {
  background: var(--dm-surface-hover) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .article-content .attachments .attachment-item .attachment-icon {
  background: var(--dm-accent) !important;
}
html[data-theme="dark"] .article-content .attachments .attachment-item .meta-data {
  background: var(--dm-surface) !important;
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] .article-content .attachments .attachment-item > a {
  color: var(--dm-text) !important;
}

/* Callout boxes (note / quote / download): light pastel fills become tinted panels */
html[data-theme="dark"] body .note--message,
html[data-theme="dark"] .alert-download {
  background: rgba(62, 175, 235, 0.12) !important;
  border-color: #2c8dc2 !important;
}
html[data-theme="dark"] body .note--message::before {
  border-color: #2c8dc2 !important;
  color: #6cc1f0 !important;
}
html[data-theme="dark"] body .quote--message {
  background: rgba(168, 154, 149, 0.14) !important;
  border-color: #7d706b !important;
}
html[data-theme="dark"] body .quote--message::before {
  border-color: #7d706b !important;
  color: #c4b8b4 !important;
}
html[data-theme="dark"] body .note--message::before,
html[data-theme="dark"] body .warning--message::before,
html[data-theme="dark"] body .quote--message::before,
html[data-theme="dark"] body .support--message::before {
  background: var(--dm-surface) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .accordion_title {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] .accordion_title.open {
  background: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
  color: #fff !important;
}

/* Home page: loading screen, category tabs and section lists (home_page.hbs) */
html[data-theme="dark"] body.home-page-bg main {
  background-color: var(--dm-bg);
}
html[data-theme="dark"] #noc-loading-overlay {
  background: rgba(14, 21, 17, 0.95);
}
html[data-theme="dark"] .noc-loader-pill {
  background: var(--dm-surface);
  border-color: var(--dm-border);
}
html[data-theme="dark"] .noc-loader-text {
  color: var(--dm-muted);
}
html[data-theme="dark"] .category-tab {
  background: var(--dm-surface);
  border-color: var(--dm-surface);
  box-shadow: none;
}
html[data-theme="dark"] .category-tab-text,
html[data-theme="dark"] .section-title {
  color: var(--dm-heading) !important;
}
html[data-theme="dark"] .category-content-box {
  background: var(--dm-surface);
  border-color: var(--dm-surface);
  box-shadow: none;
}
html[data-theme="dark"] .section-line {
  background: linear-gradient(to right, var(--dm-border), transparent);
}
html[data-theme="dark"] .article-item-wrapper {
  border-bottom-color: var(--dm-border-subtle);
}
html[data-theme="dark"] .article-item-new:hover {
  background-color: var(--dm-surface-hover);
}
html[data-theme="dark"] .article-icon-container {
  background-color: var(--dm-surface-2);
  color: var(--dm-link);
}
html[data-theme="dark"] .article-item-new:hover .article-icon-container {
  background-color: var(--dm-accent);
  color: #fff;
}
html[data-theme="dark"] .article-title-text,
html[data-theme="dark"] .article-arrow {
  color: var(--dm-link);
}
html[data-theme="dark"] .article-item-new:hover .article-title-text {
  color: var(--dm-link-hover);
}
html[data-theme="dark"] .noc-empty-title {
  color: var(--dm-heading);
}
html[data-theme="dark"] .noc-empty-text {
  color: var(--dm-muted);
}

/* Comments, requests and community */
html[data-theme="dark"] .comment-wrapper.comment-official {
  background: rgba(123, 209, 93, 0.06);
}
html[data-theme="dark"] .request-main .comment-show-container {
  background: var(--dm-surface-2);
  border-color: var(--dm-border);
  color: var(--dm-muted);
}
html[data-theme="dark"] .status-label-not-planned,
html[data-theme="dark"] .status-label-closed {
  background-color: var(--dm-surface-hover);
  color: var(--dm-muted);
}
html[data-theme="dark"] .dropdown-menu {
  background: var(--dm-surface-2);
  border-color: var(--dm-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] .dropdown-menu [role="menuitem"],
html[data-theme="dark"] .dropdown-menu [role="menuitemradio"] {
  color: var(--dm-text);
}
html[data-theme="dark"] .dropdown-menu [role="menuitem"]:hover,
html[data-theme="dark"] .dropdown-menu [role="menuitem"]:focus {
  background: var(--dm-surface-hover);
  color: var(--dm-heading);
}

/* Zendesk's own pop-up menus on community posts and comments (the cog: Set status, Edit, Pin to top...),
   rendered in a reach-portal at the end of the page with generated class names, so target the menu roles */
html[data-theme="dark"] reach-portal [role="menu"] {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] reach-portal [role="menu"] > :not([role="menuitem"]) {
  border-color: var(--dm-border) !important;
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] reach-portal [role="menuitem"] {
  color: var(--dm-text) !important;
}
html[data-theme="dark"] reach-portal [role="menuitem"]:hover,
html[data-theme="dark"] reach-portal [role="menuitem"][data-selected] {
  background-color: var(--dm-surface-hover) !important;
  color: var(--dm-heading) !important;
}

/* Rich-text editor: the dropdown arrows (Paragraph, code block) and the ticks in their lists have no fill of their own and fall back to black */
html[data-theme="dark"] .ck .ck-dropdown__arrow :not([fill]),
html[data-theme="dark"] .ck .ck-splitbutton__arrow .ck-icon :not([fill]),
html[data-theme="dark"] .ck .ck-list-item-button__check-holder .ck-icon :not([fill]) {
  fill: currentColor;
}
/* Tick on the selected item in the theme's dropdowns (e.g. Sort by): it's an SVG background image, which can't take
   the text colour, so in dark mode draw the same tick as a mask filled with the text colour */
html[data-theme="dark"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after,
html[data-theme="dark"] .dropdown-menu [role="menuitem"][aria-checked="true"]::after,
html[data-theme="dark"] .dropdown-menu [role="menuitemradio"][aria-selected="true"]::after,
html[data-theme="dark"] .dropdown-menu [role="menuitemradio"][aria-checked="true"]::after {
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Rich-text editor, both themes: the editor's action button (e.g. Insert in the link pop-up) defaults to the editor's
   own green; use the theme's brand colour instead */
html .ck.ck-button.ck-button-action {
  --ck-color-button-action-background: rgba(123, 209, 93, 1);
  --ck-color-button-action-hover-background: #5cc338;
  --ck-color-button-action-active-background: #52b032;
  --ck-color-button-action-disabled-background: #bce8ac;
  --ck-color-button-action-text: #ffffff;
}
/* Rich-text editor content in dark mode: Zendesk sets paragraphs and lists to black (!important), and code blocks have a fixed light grey panel */
html[data-theme="dark"] .ck.ck-content :is(p, ul, ol) {
  color: inherit !important;
}
html[data-theme="dark"] .ck.ck-content pre {
  background: var(--dm-bg) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
  scrollbar-color: var(--dm-border) transparent;
}
html[data-theme="dark"] .ck.ck-content pre code {
  color: inherit !important;
}
/* Zendesk's own dialogs in #zd-modal-container (e.g. Edit post / Edit comment), with generated class names */
html[data-theme="dark"] #zd-modal-container [role="dialog"] {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] #zd-modal-container [role="dialog"] [role="heading"] {
  color: var(--dm-heading) !important;
}
html[data-theme="dark"] #zd-modal-container [role="dialog"] :has(> [role="heading"]) {
  border-color: var(--dm-border) !important;
}
html[data-theme="dark"] #zd-modal-container [role="dialog"] label {
  color: var(--dm-text) !important;
}
/* Field labels and other plain text in these dialogs have their own dark grey; take the dialog's text colour */
html[data-theme="dark"] #zd-modal-container [role="dialog"] :is(div, span, p):not([role]) {
  color: inherit !important;
}
/* The arrow beside dropdowns (e.g. Topic) sits on its own white square */
html[data-theme="dark"] #zd-modal-container [role="dialog"] select ~ svg {
  background-color: transparent !important;
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] #zd-modal-container [role="dialog"] [aria-label="Close"] {
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] #zd-modal-container [role="dialog"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] #zd-modal-container [role="dialog"] select,
html[data-theme="dark"] #zd-modal-container [role="dialog"] textarea {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] #zd-modal-container [role="dialog"] .ck-content p,
html[data-theme="dark"] #zd-modal-container [role="dialog"] .ck-content li,
html[data-theme="dark"] #zd-modal-container [role="dialog"] .ck-content h2,
html[data-theme="dark"] #zd-modal-container [role="dialog"] .ck-content h3,
html[data-theme="dark"] #zd-modal-container [role="dialog"] .ck-content h4,
html[data-theme="dark"] #zd-modal-container [role="dialog"] .ck-content blockquote {
  color: inherit !important;
}
/* Footer buttons (Cancel / Update): secondary, with the last one as the primary action */
html[data-theme="dark"] #zd-modal-container [role="dialog"] [role="button"]:not([aria-label="Close"]) {
  background-color: transparent !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] #zd-modal-container [role="dialog"] [role="button"]:not([aria-label="Close"]):last-child {
  background-color: var(--dm-link) !important;
  border-color: var(--dm-link) !important;
  color: var(--dm-bg) !important;
}

/* Zendesk's built-in React components (requests list, new request form, approvals, service catalog) use Garden;
   their generated class names change between releases, but data-garden-id is stable */
html[data-theme="dark"] [data-garden-id^="tables."],
html[data-theme="dark"] [data-garden-id^="typography."],
html[data-theme="dark"] [data-garden-id="forms.field"],
html[data-theme="dark"] [data-garden-id="forms.file_list"],
html[data-theme="dark"] [data-garden-id="forms.input_label"],
html[data-theme="dark"] [data-garden-id="forms.checkbox_label"],
html[data-theme="dark"] [data-garden-id="forms.radio_label"],
html[data-theme="dark"] [data-garden-id="forms.toggle_label"],
html[data-theme="dark"] [data-garden-id="tabs.tablist"] {
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="forms.input_hint"],
html[data-theme="dark"] [data-garden-id="forms.media_figure"],
html[data-theme="dark"] [data-garden-id="tables.overflow_button"],
html[data-theme="dark"] [data-garden-id="cursor_pagination.cursor"] {
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] [data-garden-id="tables.head"] {
  background-color: var(--dm-surface) !important;
}
html[data-theme="dark"] [data-garden-id="tables.row"]:hover {
  background-color: var(--dm-surface-hover) !important;
}
html[data-theme="dark"] [data-garden-id="buttons.anchor"] {
  color: var(--dm-link) !important;
}
/* Text inside links (e.g. request subjects) takes the link colour, as in light mode */
html[data-theme="dark"] [data-garden-id="buttons.anchor"] [data-garden-id^="typography."] {
  color: inherit !important;
}
html[data-theme="dark"] [data-garden-id="buttons.button"]:not([class*="primary"]):not([style*="background"]) {
  border-color: currentColor;
  color: var(--dm-link) !important;
}
/* Tabs (View Requests): as in light mode, only the selected tab is link-coloured and underlined */
html[data-theme="dark"] [data-garden-id="tabs.tab"] {
  border-color: transparent !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="tabs.tab"][aria-selected="true"] {
  border-bottom-color: var(--dm-link) !important;
  color: var(--dm-link) !important;
}
html[data-theme="dark"] [data-garden-id="forms.input"],
html[data-theme="dark"] [data-garden-id="forms.textarea"],
html[data-theme="dark"] [data-garden-id="forms.faux_input"],
html[data-theme="dark"] [data-garden-id="forms.media_input"],
html[data-theme="dark"] [data-garden-id="forms.file_upload"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.trigger"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.input"],
html[data-theme="dark"] [data-garden-id="dropdowns.faux_input"],
html[data-theme="dark"] [data-garden-id="dropdowns.select"],
html[data-theme="dark"] [data-garden-id="dropdowns.input"] {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="forms.media_input"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.input"] {
  background-color: transparent !important;
}
html[data-theme="dark"] [data-garden-id="forms.file_upload"] {
  color: var(--dm-link) !important;
}
/* Dropdown pickers (e.g. Organisation on View Requests): the visible box is the trigger; the label, selected
   value and arrow have their own light-mode colours */
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.label"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.container"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.input_group"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.value"] {
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.input_icon"] {
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.option.type_icon"] {
  color: var(--dm-link) !important;
}
/* Pop-up dialogs (e.g. the Filter dialog on View Requests) and their date pickers */
html[data-theme="dark"] [data-garden-id="modals.backdrop"] {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] [data-garden-id="modals.modal"] {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] [data-garden-id="modals.header"] {
  border-color: var(--dm-border) !important;
  color: var(--dm-heading) !important;
}
html[data-theme="dark"] [data-garden-id="modals.body"],
html[data-theme="dark"] [data-garden-id="modals.footer"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.field"],
html[data-theme="dark"] [data-garden-id="datepickers.datepicker"],
html[data-theme="dark"] [data-garden-id="datepickers.calendar"],
html[data-theme="dark"] [data-garden-id="datepickers.calendar_item"],
html[data-theme="dark"] [data-garden-id="datepickers.header"],
html[data-theme="dark"] [data-garden-id="datepickers.header_label"],
html[data-theme="dark"] [data-garden-id="datepickers.day_label"] {
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="modals.close"],
html[data-theme="dark"] [data-garden-id="datepickers.header_paddle"] {
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] [data-garden-id="modals.close"]:hover {
  background-color: var(--dm-surface-hover) !important;
  color: var(--dm-text) !important;
}
/* Other Zendesk pop-ups: the floating date picker on date fields, flash notifications/alerts (e.g. after
   submitting a request), attached files in the request form, accordions and page-number pagination */
html[data-theme="dark"] [data-garden-id="datepickers.menu"],
html[data-theme="dark"] [data-garden-id="notifications.notification"],
html[data-theme="dark"] [data-garden-id="forms.file"],
html[data-theme="dark"] [data-garden-id="forms.file_list.item"] {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="notifications.alert"],
html[data-theme="dark"] [data-garden-id="notifications.global_alert"] {
  background-color: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="notifications.title"],
html[data-theme="dark"] [data-garden-id="notifications.global_alert.title"] {
  color: var(--dm-heading) !important;
}
html[data-theme="dark"] [data-garden-id="notifications.paragraph"],
html[data-theme="dark"] [data-garden-id="notifications.global_alert.content"],
html[data-theme="dark"] [data-garden-id^="accordions."],
html[data-theme="dark"] [data-garden-id="pagination.page"] {
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="notifications.close"],
html[data-theme="dark"] [data-garden-id="notifications.global_alert.close"],
html[data-theme="dark"] [data-garden-id="forms.file.close"],
html[data-theme="dark"] [data-garden-id="forms.file.delete"] {
  color: var(--dm-muted) !important;
}
/* Search suggestions under the search box (Zendesk's own instant-search elements) */
html[data-theme="dark"] zd-autocomplete {
  background-color: var(--dm-surface-2) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] zd-autocomplete-multibrand {
  border-color: var(--dm-border) !important;
}
html[data-theme="dark"] zd-autocomplete-multibrand:hover,
html[data-theme="dark"] zd-autocomplete-multibrand[aria-selected="true"] {
  background-color: var(--dm-surface-hover) !important;
}
html[data-theme="dark"] zd-autocomplete-title-multibrand,
html[data-theme="dark"] zd-autocomplete-title-multibrand em {
  color: var(--dm-link) !important;
}
html[data-theme="dark"] zd-autocomplete-breadcrumbs-multibrand {
  color: var(--dm-muted) !important;
}
html[data-theme="dark"] [data-garden-id="dropdowns.menu"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.listbox"],
html[data-theme="dark"] [data-garden-id="dropdowns.listbox"] {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="dropdowns.item"],
html[data-theme="dark"] [data-garden-id="dropdowns.option"],
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.option"],
html[data-theme="dark"] [data-garden-id="dropdowns.menu.item"] {
  color: var(--dm-text) !important;
}
html[data-theme="dark"] [data-garden-id="dropdowns.item"]:hover,
html[data-theme="dark"] [data-garden-id="dropdowns.item"][aria-selected="true"],
html[data-theme="dark"] [data-garden-id="dropdowns.option"]:hover,
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.option"]:hover,
html[data-theme="dark"] [data-garden-id="dropdowns.combobox.option"][aria-selected="true"],
html[data-theme="dark"] [data-garden-id="dropdowns.menu.item"]:hover,
html[data-theme="dark"] [data-garden-id^="dropdowns."][data-active="true"] {
  background-color: var(--dm-surface-hover) !important;
}
/* The request form's editor sets its own black text and white panels */
html[data-theme="dark"] .ck.ck-content,
html[data-theme="dark"] .ck.ck-editor__editable {
  color: var(--dm-text) !important;
}
html[data-theme="dark"] .ck.ck-toolbar,
html[data-theme="dark"] .ck.ck-editor__editable {
  background-color: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}
html[data-theme="dark"] .ck.ck-toolbar .ck-button,
html[data-theme="dark"] .ck.ck-toolbar .ck-dropdown__button {
  color: var(--dm-text) !important;
}

/* "No results" illustration on the search page is drawn in white and light grey */
html[data-theme="dark"] .no-results svg {
  opacity: 0.35;
}

/* ===== Theme toggle (header.hbs) ===== */
.theme-toggle .theme-toggle__sun,
html[data-theme="dark"] .theme-toggle .theme-toggle__moon {
  display: none;
}
html[data-theme="dark"] .theme-toggle .theme-toggle__sun {
  display: inline-block;
}
.glass-nav__label.theme-toggle {
  justify-content: center;
  padding: 7px 11px;
}
.nav-wrapper-mobile .menu-list-mobile-items #theme-toggle-mobile::before {
  content: "\f186"; /* moon */
}
html[data-theme="dark"] .nav-wrapper-mobile .menu-list-mobile-items #theme-toggle-mobile::before {
  content: "\f185"; /* sun */
}
/* Request page: agent-only reminder that comments posted from the Help Centre are public */
.agent-public-note {
  align-items: flex-start;
  background: #fff8e6;
  border: 1px solid #f2d28c;
  border-radius: 10px;
  color: #6b4e00;
  display: flex;
  font-size: 14px;
  gap: 10px;
  line-height: 1.5;
  margin: 0 0 12px;
  padding: 10px 14px;
}
.agent-public-note i {
  margin-top: 3px;
}
.agent-public-note a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline !important;
}
.request-agent-tools a i {
  font-size: 11px;
  margin-left: 4px;
}
html[data-theme="dark"] .agent-public-note {
  background: rgba(245, 180, 40, 0.12);
  border-color: rgba(245, 180, 40, 0.35);
  color: #f3d38a;
}
/* Ticket details sidebar: the article-list file icon (.collapsible-sidebar li) doesn't belong on CCs or attachments */
.request-sidebar li::before {
  content: none !important;
}
.request-sidebar .request-collaborators li {
  margin-bottom: 4px;
  padding-left: 0 !important;
}
/* Home page: unpublished (draft) articles, which only agents and admins can see. Amber, so they're distinct from normal (green) and archived (grey) articles */
.article-item-new.is-draft .article-title-text,
.article-item-new.is-draft .article-icon-container,
.article-item-new.is-draft .article-arrow {
  color: #b4690e;
}
.article-item-new.is-draft:hover .article-title-text {
  color: #8a4f08;
}
.article-item-new.is-draft:hover .article-icon-container {
  background-color: #b4690e;
  color: #fff;
}
html[data-theme="dark"] .article-item-new.is-draft .article-title-text,
html[data-theme="dark"] .article-item-new.is-draft .article-icon-container,
html[data-theme="dark"] .article-item-new.is-draft .article-arrow {
  color: #f0a945;
}
html[data-theme="dark"] .article-item-new.is-draft:hover .article-title-text {
  color: #f6c27a;
}
html[data-theme="dark"] .article-item-new.is-draft:hover .article-icon-container {
  background-color: #b4690e;
  color: #fff;
}
/* Article page: draft (unpublished) articles, agents/admins only. Title in the draft colour with a Draft label */
.article-header .article-title.is-draft {
  color: #b4690e !important;
}
.article-draft-badge {
  background-color: #b4690e;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  margin-left: 10px;
  padding: 6px 12px;
  position: relative;
  text-transform: uppercase;
  top: -4px;
  vertical-align: middle;
}
html[data-theme="dark"] .article-header .article-title.is-draft {
  color: #f0a945 !important;
}
html[data-theme="dark"] .article-draft-badge {
  background-color: #f0a945;
  color: #1a1a1a;
}