@charset "UTF-8";
/**
 * Global overflow prevention
 * Ensures no content causes horizontal page scroll
 */
html {
  overflow-x: hidden;
  max-width: 100vw;
  width: 100%;
}

body {
  overflow-x: hidden;
  max-width: 100vw;
  width: 100%;
  box-sizing: border-box;
}

body > * {
  max-width: 100vw;
  box-sizing: border-box;
}

.container,
[class*=container] {
  max-width: 100%;
  overflow-x: visible;
  box-sizing: border-box;
  min-width: 0;
}

pre {
  max-width: 100%;
  overflow-x: auto;
  box-sizing: border-box;
  min-width: 0;
}

.article-body,
.article-content,
#main-content {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  min-width: 0;
}
.article-body > *,
.article-content > *,
#main-content > * {
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.max-w-7xl,
.max-w-6xl,
.max-w-5xl,
.max-w-4xl,
.max-w-3xl,
.max-w-2xl,
.max-w-xl {
  max-width: min(100vw, var(--tw-max-width, 100%));
}

#article-container,
.article-content,
.article-body {
  width: 100%;
  max-width: 100%;
}

.relative:not(.dropdown),
.absolute:not(.dropdown-menu) {
  max-width: 100%;
}

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

:root {
  --hi-vis-yellow: #ceeb13;
  --hi-vis-yellow-hover: #daf542;
}

.text-hi-vis-yellow-500,
.text-hi-vis-yellow-600,
.text-hi-vis-yellow-700,
.text-hi-vis-yellow-800 {
  color: #ceeb13 !important;
}

.bg-hi-vis-yellow-50,
.bg-hi-vis-yellow-100,
.bg-hi-vis-yellow-500,
.bg-hi-vis-yellow-400 {
  background-color: #ceeb13 !important;
}

.border-hi-vis-yellow-200,
.border-hi-vis-yellow-400,
.border-hi-vis-yellow-500 {
  border-color: #ceeb13 !important;
}

.hover\:text-hi-vis-yellow-600:hover,
.hover\:text-hi-vis-yellow-700:hover,
.hover\:text-hi-vis-yellow-800:hover,
.group:hover .group-hover\:text-hi-vis-yellow-600,
.group:hover .group-hover\:text-hi-vis-yellow-700 {
  color: #ceeb13 !important;
}

.hover\:bg-hi-vis-yellow-400:hover,
.hover\:bg-hi-vis-yellow-500:hover {
  background-color: #ceeb13 !important;
}

.hover\:border-hi-vis-yellow-500:hover {
  border-color: #ceeb13 !important;
}

.shadow-hi-vis-yellow-500 {
  --tw-shadow-color: #ceeb13;
  --tw-shadow: var(--tw-shadow-colored);
}

/* Icon/SVG colors */
svg {
  background: none !important;
}

svg.text-hi-vis-yellow-400,
.text-hi-vis-yellow-400 svg {
  color: #ceeb13 !important;
  stroke: #ceeb13 !important;
}

.group:hover svg.group-hover\:text-hi-vis-yellow-400,
.group:hover .group-hover\:text-hi-vis-yellow-400 svg,
.group:hover svg.group-hover\:text-hi-vis-yellow-600,
.group:hover .group-hover\:text-hi-vis-yellow-600 svg,
.group:hover svg.group-hover\:text-hi-vis-yellow-700,
.group:hover .group-hover\:text-hi-vis-yellow-700 svg {
  color: #ceeb13 !important;
  stroke: #ceeb13 !important;
}

/* Stat numbers and values */
.stat-number.text-hi-vis-yellow-400,
.stat-value.text-hi-vis-yellow-400,
span.text-hi-vis-yellow-400 {
  color: #ceeb13 !important;
}

body {
  background-color: rgb(25 32 31);
  color: rgb(31, 41, 55);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
body > main {
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

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

h4 {
  font-size: 16px;
}

a {
  color: #000000;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover, a:active, a:focus {
  color: #1f2937;
  text-decoration: underline;
}

input,
textarea {
  color: #000;
  font-size: 14px;
}

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
}
input:not([type=checkbox]) {
  outline: none;
}
input:not([type=checkbox]):focus {
  border-bottom: 1px solid #000000;
}

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

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

textarea {
  border: 1px solid #87929D;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
textarea:focus {
  border: 1px solid #000000;
}

.container {
  width: 100% !important;
  max-width: none !important;
}

.container-divider {
  margin-bottom: 1rem;
}

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

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

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: #000000;
  border: 1px solid #000000;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}
@media (min-width: 768px) {
  .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
    width: auto;
  }
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
  color: #FFFFFF;
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
  background-color: #1f2937;
  border-color: #1f2937;
  color: #FFFFFF;
  text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
  background-color: #1f2937;
  border-color: #1f2937;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
  cursor: default;
}

.button-large, input[type=submit] {
  cursor: pointer;
  background-color: #000000;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) {
  .button-large, input[type=submit] {
    width: auto;
  }
}
.button-large:visited, input[type=submit]:visited {
  color: #FFFFFF;
}
.button-large:hover, .button-large:active, .button-large:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
  background-color: #1f2937;
}
.button-large[disabled], input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #445a78;
  border: 1px solid #87929D;
  background-color: transparent;
}
.button-secondary:visited {
  color: #445a78;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgb(31, 41, 55);
  border: 1px solid #87929D;
  background-color: #121717;
}

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

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

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}
.table th,
.table th a {
  color: #445a78;
  font-size: 13px;
  text-align: left;
}
[dir=rtl] .table th,
[dir=rtl] .table th a {
  text-align: right;
}
.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}
.table td {
  display: block;
}
@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}
@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

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

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

.form-field input {
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  transition: border-color 0.2s ease;
}
.form-field input:focus {
  border: 2px solid #000000;
  outline: none;
}

.form-field input[type=text] {
  border: 1px solid #87929D;
  border-radius: 4px;
  transition: border-color 0.2s ease;
}
.form-field input[type=text]:focus {
  border: 2px solid #000000;
  outline: none;
}

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

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #87929D;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
  transition: border-color 0.2s ease;
}
.form-field .nesty-input:focus {
  border: 2px solid #000000;
  text-decoration: none;
}

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

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

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

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

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

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

.form-field ul,
.form-field ol {
  padding-left: 20px;
  margin: 1em 0;
  list-style-position: outside;
}

.form-field ul {
  list-style-type: disc;
}

.form-field ol {
  list-style-type: decimal;
}

.form-field li {
  margin: 0.25em 0;
}

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

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

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}
.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}
.form .suggestion-list li {
  padding: 10px 0;
}
.form .suggestion-list li a:visited {
  color: #000000;
}

/***** Header *****/
@font-face {
  font-family: Abcdiatypemono;
  src: url(https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccc5c1e3f8e3e1e8b0e5_ABCDiatypeMono-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.btn-hi-vis-yellow {
  background-color: #ceeb13;
  font-family: Abcdiatypemono, monospace;
  font-weight: 700;
}
.btn-hi-vis-yellow:hover {
  background-color: #daf542;
}

/* Navigation Dropdowns */
.nav-dropdown {
  position: relative;
}
.nav-dropdown:hover .nav-dropdown-menu {
  display: block;
}
.nav-dropdown:hover .nav-dropdown-toggle svg {
  transform: rotate(180deg);
}

.nav-dropdown-toggle {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: Abcdiatypemono, monospace;
  font-weight: 700;
}
.nav-dropdown-toggle svg {
  transition: transform 0.2s ease;
}

.nav-dropdown-menu {
  z-index: 50;
}
.nav-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 0;
  right: 0;
  height: 0.5rem;
  background: transparent;
}
.nav-dropdown-menu a {
  font-family: Abcdiatypemono, monospace;
  font-weight: 700;
}
.nav-dropdown-menu a:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.nav-dropdown-menu a:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.withArrow::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3991 12.6743L11.7488 22.3247L11.572 22.5015L11.7488 22.6782L12.3489 23.2783L12.5256 23.4551L12.7024 23.2783L23.804 12.1768L23.9807 12L23.804 11.8232L12.7024 0.721664L12.5256 0.544887L12.3489 0.721664L11.7488 1.32175L11.572 1.49852L11.7488 1.6753L21.3991 11.3257L1.42409 11.3257L1.17409 11.3257L1.17409 11.5757L1.17409 12.4243L1.17409 12.6743L1.42409 12.6743L21.3991 12.6743Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  display: inline-block;
  height: 16px;
  margin-left: 1rem;
  width: 16px;
}

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

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

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: #000000;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}
@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}
[dir=rtl] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: #1f2937;
  text-decoration: underline;
}

.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: #f9fafb;
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-top: solid 1px #e5e7eb;
  border-bottom: solid 1px #e5e7eb;
  right: 0;
  left: 0;
  top: 56px;
  z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
  display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 1px solid #e5e7eb;
  padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgb(31, 41, 55);
  cursor: pointer;
  text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f9fafb;
  text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgb(31, 41, 55);
}
.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: #f9fafb;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

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

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

@font-face {
  font-family: "Abcdiatypemono";
  src: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccc0ed58fd1ec20777a1_ABCDiatypeMono-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Abcdiatypemono";
  src: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccc09c8b0803a90b2e12_ABCDiatypeMono-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Abcdiatypemono";
  src: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccc0c082fe4288fc2fb1_ABCDiatypeMono-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisseintl";
  src: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccfa3471708db007c027_SuisseIntl-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisseintl";
  src: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccfaffacb49b2570034c_SuisseIntl-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisseintl";
  src: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccfacb1569cc8329993f_SuisseIntl-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisseintl";
  src: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6867ccfad084c77f6f385d3a_SuisseIntl-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.footer {
  background-color: #000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: Abcdiatypemono, Arial, sans-serif;
  letter-spacing: 0;
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
}

.footer-wrapper {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .footer-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.footer-layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20.875rem;
  gap: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .footer-layout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4.1875rem;
    min-height: auto;
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .footer-layout {
    grid-template-columns: auto auto;
    column-gap: 1rem;
    row-gap: 2.5rem;
  }
}

.title-links {
  color: #c4f82a;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.75rem;
  line-height: 105%;
}

.btns-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.btns-footer-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  max-width: 100%;
}

.button.is-secondary.is-border-white, .is-secondary.is-border-white.pagination-next-link, .is-secondary.is-border-white.pagination-prev-link, .is-secondary.is-border-white.pagination-first-link, .is-secondary.is-border-white.pagination-last-link, .subscriptions-subscribe button.is-secondary.is-border-white, .requests-table-toolbar .organization-subscribe button.is-secondary.is-border-white, .community-follow button.is-secondary.is-border-white, .article-subscribe button.is-secondary.is-border-white, .section-subscribe button.is-secondary.is-border-white, .split-button button.is-secondary.is-border-white {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #fff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  min-height: 1.875rem;
  max-height: 1.875rem;
  padding: 0.5rem 0;
  font-family: Abcdiatypemono, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  transition-property: color, all;
  transition-duration: 0.3s;
  display: inline-flex;
  text-decoration: none;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.button.is-secondary.is-border-white:hover, .is-secondary.is-border-white.pagination-next-link:hover, .is-secondary.is-border-white.pagination-prev-link:hover, .is-secondary.is-border-white.pagination-first-link:hover, .is-secondary.is-border-white.pagination-last-link:hover, .subscriptions-subscribe button.is-secondary.is-border-white:hover, .requests-table-toolbar .organization-subscribe button.is-secondary.is-border-white:hover, .community-follow button.is-secondary.is-border-white:hover, .article-subscribe button.is-secondary.is-border-white:hover, .section-subscribe button.is-secondary.is-border-white:hover, .split-button button.is-secondary.is-border-white:hover {
  color: #c4f82a;
  border-bottom-color: #c4f82a;
}

.link-footer {
  color: #fff;
  display: inline-block;
  font-family: Suisseintl, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: all 0.3s;
}
.link-footer:hover {
  color: #c4f82a;
}
.link-footer.is-underlined {
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 991px) {
  .link-footer {
    font-size: 0.875rem;
  }
}

.spacer {
  min-width: 1rem;
  height: 1rem;
}
.spacer.is-jade {
  flex: none;
  min-width: 1.5rem;
  height: 1.5rem;
}
.spacer.is-jade.is-ff {
  height: 1.5rem;
}
.spacer.is-kiwi.is-ff {
  height: 1.5rem;
}

.footer-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 0.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr minmax(auto, 455px);
  grid-auto-columns: 1fr;
  display: grid;
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #a3a3a3;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

.links-footer {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  margin: 0;
}
@media (max-width: 991px) {
  .links-footer {
    margin-top: 1.875rem;
  }
}
@media (max-width: 991px) {
  .links-footer.hide-tablet {
    display: none;
  }
}

.link-footer-ico {
  display: inline-block;
}
.link-footer-ico.hide {
  display: none;
}

.soc-link {
  display: inline-block;
}
.soc-link svg {
  width: 24px;
  height: 24px;
}
.soc-link path {
  fill: #a3a3a3;
  transition: fill 0.3s;
}
.soc-link:hover path {
  fill: #fff;
}

.logo-footer {
  display: flex;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  max-width: 455px;
  margin: 0;
}
@media (max-width: 991px) {
  .logo-footer {
    justify-content: space-between;
  }
}

.crusoe-logo {
  max-width: 100%;
  height: auto;
}

.divider-footer {
  background-color: #a3a3a3;
  width: 100%;
  height: 0.5px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .divider-footer {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.text-color-stonegrey {
  color: #a3a3a3;
}

.ts-p--tiny {
  font-size: 0.75rem;
}

.footer-legal-wr {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  padding-bottom: 0.5rem;
}

.group-tiny {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 105%;
  display: flex;
  margin: 0;
}
.group-tiny.is-h {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0.25rem;
}

.ts-p--tiny {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #737373;
}
.ts-p--tiny a {
  color: #737373;
  text-decoration: underline;
}
.ts-p--tiny a:hover {
  color: #fff;
}

.nvidia-wr {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.footer-opt {
  width: 2.5rem;
  height: auto;
}

.button-opt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  padding: 0;
  color: #737373;
  font-size: 0.75rem;
  cursor: pointer;
}
.button-opt:hover {
  color: #fff;
}

.layout-bot {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.layout-bot.hide {
  display: none;
}

.link-line {
  color: #737373;
  text-decoration: underline;
  font-size: 0.75rem;
}
.link-line:hover {
  color: #fff;
}

.group-tiny-left {
  flex-shrink: 0;
}

.text-color-stonegrey {
  color: #a3a3a3;
}

.ico-portrait {
  max-width: 100%;
  height: auto;
}

.code-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.embed-icon {
  display: inline-block;
}
.embed-icon svg {
  display: block;
}

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

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

.avatar {
  display: inline-block;
  position: relative;
}
.avatar img {
  height: 40px;
  width: 40px;
}
.avatar .icon-agent {
  color: #000000;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  color: #445a78;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs li + li::before {
  content: "/";
  margin: 0 3px 0 4px;
  opacity: 0.6;
}
.breadcrumbs li a:visited {
  color: #000000;
}

.bg-gradient-to-br .breadcrumbs li,
[class*=from-gray-900] .breadcrumbs li,
[class*=from-black] .breadcrumbs li {
  color: rgba(255, 255, 255, 0.8);
}
.bg-gradient-to-br .breadcrumbs li a,
[class*=from-gray-900] .breadcrumbs li a,
[class*=from-black] .breadcrumbs li a {
  color: rgba(132, 204, 22, 0.9);
  transition: color 0.2s ease;
}
.bg-gradient-to-br .breadcrumbs li a:hover,
[class*=from-gray-900] .breadcrumbs li a:hover,
[class*=from-black] .breadcrumbs li a:hover {
  color: rgb(132, 204, 22);
}
.bg-gradient-to-br .breadcrumbs li a:visited,
[class*=from-gray-900] .breadcrumbs li a:visited,
[class*=from-black] .breadcrumbs li a:visited {
  color: rgba(132, 204, 22, 0.8);
}
.bg-gradient-to-br .breadcrumbs li + li::before,
[class*=from-gray-900] .breadcrumbs li + li::before,
[class*=from-black] .breadcrumbs li + li::before {
  color: rgba(255, 255, 255, 0.5);
}

.search {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.search input[type=submit] {
  background-color: #000000;
  width: 30%;
  transition: background-color 0.3s ease, transform 0.2s ease;
  font-weight: 600;
}
.search input[type=submit]:hover {
  background-color: #1f2937;
  transform: translateY(-1px);
}
.search input[type=submit]:active {
  transform: translateY(0);
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #fff;
}
.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  border-bottom: 1px solid #d8dcde;
  transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  color: #666;
  flex: 1 1 auto;
  height: 54px;
  width: 100%;
}
.search input[type=search]:focus {
  color: #555;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}
.search input[type=search]:focus-within {
  border-bottom: 2px solid #000000;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: flex;
  flex: none;
  justify-content: center;
  padding: 0 15px;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid #d8dcde;
}
.search .clear-button > svg {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.search .clear-button:hover {
  background-color: #f3f4f6;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #000000;
}
.search-has-value .clear-button > svg {
  opacity: 1;
}

.search [role=listbox] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
  margin-top: 0;
}
.search [role=listbox] [role=option] {
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.15s ease;
  border-bottom: 1px solid #f3f4f6;
}
.search [role=listbox] [role=option]:last-child {
  border-bottom: none;
}
.search [role=listbox] [role=option]:hover, .search [role=listbox] [role=option][aria-selected=true] {
  background-color: rgba(132, 204, 22, 0.1);
}
.search [role=listbox] [role=option] a {
  display: block;
  color: #111827;
  text-decoration: none;
}
.search [role=listbox] [role=option] a:hover {
  color: rgb(132, 204, 22);
}
.search [role=listbox] [role=option] .search-result-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.search [role=listbox] [role=option] .search-result-description {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.4;
}

.bg-gradient-to-br .search input[type=search],
[class*=from-gray-900] .search input[type=search],
[class*=from-black] .search input[type=search] {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #fff;
  padding: 0 16px;
  backdrop-filter: blur(10px);
}
.bg-gradient-to-br .search input[type=search]::placeholder,
[class*=from-gray-900] .search input[type=search]::placeholder,
[class*=from-black] .search input[type=search]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.bg-gradient-to-br .search input[type=search]:focus,
[class*=from-gray-900] .search input[type=search]:focus,
[class*=from-black] .search input[type=search]:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(132, 204, 22, 0.6);
  box-shadow: 0 0 0 3px rgba(132, 204, 22, 0.2);
  color: #fff;
}
.bg-gradient-to-br .search input[type=search]:-webkit-autofill, .bg-gradient-to-br .search input[type=search]:-webkit-autofill:hover, .bg-gradient-to-br .search input[type=search]:-webkit-autofill:focus,
[class*=from-gray-900] .search input[type=search]:-webkit-autofill,
[class*=from-gray-900] .search input[type=search]:-webkit-autofill:hover,
[class*=from-gray-900] .search input[type=search]:-webkit-autofill:focus,
[class*=from-black] .search input[type=search]:-webkit-autofill,
[class*=from-black] .search input[type=search]:-webkit-autofill:hover,
[class*=from-black] .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.1) inset;
  -webkit-text-fill-color: #fff;
}
.bg-gradient-to-br .search .clear-button,
[class*=from-gray-900] .search .clear-button,
[class*=from-black] .search .clear-button {
  background-color: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.7);
}
.bg-gradient-to-br .search .clear-button:hover,
[class*=from-gray-900] .search .clear-button:hover,
[class*=from-black] .search .clear-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.bg-gradient-to-br .search input[type=submit],
[class*=from-gray-900] .search input[type=submit],
[class*=from-black] .search input[type=submit] {
  background-color: rgb(132, 204, 22);
  color: #000;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  padding: 0 24px;
  margin-left: 8px;
}
.bg-gradient-to-br .search input[type=submit]:hover,
[class*=from-gray-900] .search input[type=submit]:hover,
[class*=from-black] .search input[type=submit]:hover {
  background-color: rgb(163, 230, 53);
  transform: translateY(-1px);
}
.bg-gradient-to-br .search [role=listbox],
[class*=from-gray-900] .search [role=listbox],
[class*=from-black] .search [role=listbox] {
  background: rgba(0, 0, 0, 0.95);
  border: 1px solid rgba(132, 204, 22, 0.3);
  backdrop-filter: blur(10px);
}
.bg-gradient-to-br .search [role=listbox] [role=option],
[class*=from-gray-900] .search [role=listbox] [role=option],
[class*=from-black] .search [role=listbox] [role=option] {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.bg-gradient-to-br .search [role=listbox] [role=option]:hover, .bg-gradient-to-br .search [role=listbox] [role=option][aria-selected=true],
[class*=from-gray-900] .search [role=listbox] [role=option]:hover,
[class*=from-gray-900] .search [role=listbox] [role=option][aria-selected=true],
[class*=from-black] .search [role=listbox] [role=option]:hover,
[class*=from-black] .search [role=listbox] [role=option][aria-selected=true] {
  background-color: rgba(132, 204, 22, 0.2);
}
.bg-gradient-to-br .search [role=listbox] [role=option] a,
[class*=from-gray-900] .search [role=listbox] [role=option] a,
[class*=from-black] .search [role=listbox] [role=option] a {
  color: #fff;
}
.bg-gradient-to-br .search [role=listbox] [role=option] a:hover,
[class*=from-gray-900] .search [role=listbox] [role=option] a:hover,
[class*=from-black] .search [role=listbox] [role=option] a:hover {
  color: rgb(132, 204, 22);
}
.bg-gradient-to-br .search [role=listbox] [role=option] .search-result-title,
[class*=from-gray-900] .search [role=listbox] [role=option] .search-result-title,
[class*=from-black] .search [role=listbox] [role=option] .search-result-title {
  color: #fff;
}
.bg-gradient-to-br .search [role=listbox] [role=option] .search-result-description,
[class*=from-gray-900] .search [role=listbox] [role=option] .search-result-description,
[class*=from-black] .search [role=listbox] [role=option] .search-result-description {
  color: rgba(255, 255, 255, 0.7);
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01J1WK3WARM7SVERYQ15VJPYWR);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

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

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}
@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}
.sub-nav .breadcrumbs {
  margin: 0;
}
.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}
@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}
.sub-nav input[type=search]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}
.blocks-item {
  border: 1px solid #000000;
  border-radius: 4px;
  box-sizing: border-box;
  color: #000000;
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #000000;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #FFFFFF;
  text-decoration: none;
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: rgb(31, 41, 55);
}
.blocks-item-link {
  color: #000000;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}
.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #000000;
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}
.blocks-item-description {
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Crusoe Color Variables *****/
/***** Hero Section *****/
.hero-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #f9fafb 50%, #ffffff 100%);
}

.hero-bg-image {
  position: absolute;
  inset: 0;
  background-image: url("https://cdn.prod.website-files.com/6855c1aa175582ee23e0aa19/6874fa8602ae6f9dddc48df3_ecd0ee4ff6afac5e58eec5d3e4a69109_CTA-bg.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.15;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.hero-bg-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.7) 100%);
}

.hero-grid-bg {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(132, 204, 22, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(132, 204, 22, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
  animation: gridMove 20s linear infinite;
  pointer-events: none;
  z-index: 2;
}

@keyframes gridMove {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(50px, 50px);
  }
}
.hero-gradient-mesh {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 3;
}

.gradient-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.3;
  animation: float 20s ease-in-out infinite;
}

.gradient-blob-1 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #84cc16 0%, transparent 70%);
  top: -250px;
  left: -100px;
  animation-delay: 0s;
}

.gradient-blob-2 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #a3e635 0%, transparent 70%);
  top: 50%;
  right: -100px;
  animation-delay: 7s;
}

.gradient-blob-3 {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, #65a30d 0%, transparent 70%);
  bottom: -150px;
  left: 30%;
  animation-delay: 14s;
}

.gradient-blob-4 {
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, #a3e635 0%, transparent 70%);
  top: 30%;
  left: 50%;
  animation-delay: 10s;
}

@keyframes float {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(30px, -30px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.9);
  }
}
.hero-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 4;
}

.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #84cc16;
  border-radius: 50%;
  opacity: 0.6;
  animation: particleFloat 15s ease-in-out infinite;
}

.particle-1 {
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.particle-2 {
  top: 60%;
  left: 20%;
  animation-delay: 3s;
  width: 6px;
  height: 6px;
}

.particle-3 {
  top: 40%;
  right: 15%;
  animation-delay: 6s;
}

.particle-4 {
  top: 80%;
  right: 30%;
  animation-delay: 9s;
  width: 5px;
  height: 5px;
}

.particle-5 {
  top: 30%;
  left: 50%;
  animation-delay: 12s;
}

.particle-6 {
  top: 70%;
  left: 70%;
  animation-delay: 2s;
  width: 3px;
  height: 3px;
}

@keyframes particleFloat {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 0.6;
  }
  25% {
    transform: translate(20px, -30px);
    opacity: 0.8;
  }
  50% {
    transform: translate(-15px, -60px);
    opacity: 0.4;
  }
  75% {
    transform: translate(30px, -40px);
    opacity: 0.7;
  }
}
.hero-lines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.15;
  z-index: 5;
}

.hero-logo {
  transition: opacity 0.3s ease;
}
.hero-logo:hover {
  opacity: 1;
}
.hero-logo img {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.hero-headline {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .hero-headline {
    min-height: 200px;
  }
}
@media (min-width: 1024px) {
  .hero-headline {
    min-height: 220px;
  }
}
@media (max-width: 640px) {
  .hero-headline {
    white-space: normal;
    text-align: center;
  }
}

.hero-subheadline {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .hero-subheadline {
    min-height: 90px;
  }
}

/***** NVIDIA Partner Section *****/
.nvidia-partner-section {
  position: relative;
}
.nvidia-partner-section img {
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.nvidia-partner-section img:hover {
  opacity: 1;
}
.nvidia-partner-section a svg {
  transition: transform 0.2s ease;
}
.nvidia-partner-section a:hover svg {
  transform: translateX(2px);
}

.line {
  position: absolute;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent 0%, #84cc16 50%, transparent 100%);
  animation: lineMove 8s ease-in-out infinite;
}

.line-1 {
  top: 25%;
  animation-delay: 0s;
}

.line-2 {
  top: 50%;
  animation-delay: 2.6s;
}

.line-3 {
  top: 75%;
  animation-delay: 5.2s;
}

@keyframes lineMove {
  0%, 100% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
/***** Enhanced Search *****/
.search-enhanced {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  transition: box-shadow 0.3s ease;
  position: relative;
  z-index: 10;
}
.search-enhanced:focus-within {
  box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.15);
}
.search-enhanced input[type=search] {
  font-size: 16px;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  height: 48px;
  border-bottom: none !important;
}
.search-enhanced input[type=search]::placeholder {
  color: #9ca3af;
}
.search-enhanced input[type=search]:focus {
  box-shadow: none !important;
  border-bottom: none !important;
}
.search-enhanced input[type=search]:focus-within {
  border-bottom: none !important;
}
.search-enhanced input[type=submit] {
  border-radius: 0 8px 8px 0;
  font-weight: 600;
  padding: 0 24px;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
}

/***** Support Section *****/
.support-section {
  position: relative;
}

.section-pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 20% 50%, rgba(132, 204, 22, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(132, 204, 22, 0.05) 0%, transparent 50%);
  pointer-events: none;
}

/***** Support Cards *****/
.support-card {
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.support-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background: linear-gradient(180deg, #84cc16 0%, #65a30d 100%);
  transition: height 0.3s ease;
  z-index: 0;
  pointer-events: none;
}
.support-card:hover::before {
  height: 100%;
}
.support-card:hover {
  box-shadow: 0 20px 25px -5px rgba(132, 204, 22, 0.1), 0 10px 10px -5px rgba(132, 204, 22, 0.04);
  transform: translateY(-4px);
}

.support-icon {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}
.support-card:hover .support-icon {
  transform: scale(1.1);
}

.support-link {
  position: relative;
  z-index: 10;
  display: flex;
  cursor: pointer;
}

/***** Resources Section *****/
.resources-section {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

.resources-gradient-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top, rgba(132, 204, 22, 0.1) 0%, transparent 50%), radial-gradient(ellipse at bottom, rgba(132, 204, 22, 0.05) 0%, transparent 50%);
  pointer-events: none;
}

.dot-pattern-overlay {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(132, 204, 22, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  opacity: 0.3;
}

/***** Resource Cards *****/
.resource-card {
  position: relative;
  text-decoration: none;
  display: block;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.9);
}
.resource-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(132, 204, 22, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 0;
}
.resource-card:hover::after {
  opacity: 1;
}
.resource-card:hover {
  transform: translateY(-8px);
}

.resource-icon-wrapper {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.resource-icon-wrapper > * {
  pointer-events: none;
}

/***** Legacy Arrow (kept for compatibility) *****/
.bottomRightArrow::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M1 25L25 25M25 25L25 1M25 25L1 1' stroke='currentColor' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  display: inline-block;
  height: 18px;
  margin-left: 1rem;
  width: 18px;
}

/***** Legacy Resource Icons (kept for compatibility) *****/
.resourceIcon::before {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 76px;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #ccc;
}

.brainIcon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='53' height='52' viewBox='0 0 53 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_106_6405)'%3E%3Cpath d='M52.264 16.97C49.994 7.12 41.924 0 33.064 0H32.984C30.314 0.01 27.984 1.5 26.724 3.71C25.474 1.5 23.144 0.01 20.474 0H20.394C11.534 0 3.47401 7.13 1.20401 16.97C0.614006 19.52 0.584006 22.32 1.10401 24.65C1.83401 27.88 4.81401 30.23 8.18401 30.23H10.574V28.23H8.18401C5.72401 28.23 3.55401 26.54 3.02401 24.2C2.56401 22.16 2.59401 19.69 3.11401 17.43C3.69401 14.92 4.69401 12.61 5.99401 10.57C6.11401 10.58 6.23401 10.6 6.35401 10.61C10.044 11.1 12.964 14.07 13.444 17.83C13.484 18.18 13.524 18.54 13.524 18.91H15.494C15.494 13.89 11.964 9.69 7.29401 8.74C10.634 4.58 15.374 2 20.394 2H20.464C23.374 2.01 25.744 4.45 25.744 7.44V13.9H27.714V7.44C27.714 4.46 30.084 2.02 32.994 2H33.064C38.084 2 42.834 4.59 46.164 8.74C41.494 9.69 37.964 13.88 37.964 18.91H39.934C39.934 18.54 39.964 18.19 40.014 17.83C40.494 14.08 43.414 11.1 47.104 10.61C47.224 10.59 47.344 10.58 47.464 10.57C48.764 12.6 49.764 14.91 50.344 17.43C50.834 19.56 50.894 21.9 50.514 23.87C50.014 26.4 47.814 28.24 45.274 28.24H42.894V30.24H45.274C48.754 30.24 51.764 27.73 52.444 24.27C52.884 22.01 52.824 19.42 52.264 16.99V16.97Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M27.7169 43.6309V18.9109H25.7469V43.6409C23.9169 44.0909 22.5469 45.7609 22.5469 47.7609C22.5469 50.1009 24.4269 52.0109 26.7269 52.0109C29.0269 52.0109 30.9069 50.1009 30.9069 47.7609C30.9069 45.7609 29.5369 44.0909 27.7069 43.6409L27.7169 43.6309ZM26.7369 50.0009C25.5169 50.0009 24.5169 48.9909 24.5169 47.7509C24.5169 46.5109 25.5069 45.5009 26.7369 45.5009C27.9669 45.5009 28.9569 46.5109 28.9569 47.7509C28.9569 48.9909 27.9669 50.0009 26.7369 50.0009Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M17.1737 37.5102C16.6937 37.1002 16.1237 36.8002 15.4937 36.6402V23.9002H13.5237V36.6402C12.8937 36.8002 12.3237 37.1002 11.8437 37.5102C10.9237 38.2902 10.3237 39.4502 10.3237 40.7602C10.3237 43.1002 12.2037 45.0102 14.5037 45.0102C16.8037 45.0102 18.6837 43.1002 18.6837 40.7602C18.6837 39.4502 18.0837 38.2902 17.1637 37.5102H17.1737ZM14.5137 43.0102C13.2937 43.0102 12.2937 42.0002 12.2937 40.7602C12.2937 39.5202 13.2837 38.5102 14.5137 38.5102C15.7437 38.5102 16.7337 39.5202 16.7337 40.7602C16.7337 42.0002 15.7437 43.0102 14.5137 43.0102Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M41.6151 37.5102C41.1351 37.1002 40.5651 36.8002 39.9351 36.6402V23.9002H37.9651V36.6402C37.3351 36.8002 36.7651 37.1002 36.2851 37.5102C35.3651 38.2902 34.7651 39.4502 34.7651 40.7602C34.7651 43.1002 36.6451 45.0102 38.9451 45.0102C41.2451 45.0102 43.1251 43.1002 43.1251 40.7602C43.1251 39.4502 42.5251 38.2902 41.6051 37.5102H41.6151ZM38.9551 43.0102C37.7351 43.0102 36.7351 42.0002 36.7351 40.7602C36.7351 39.5202 37.7251 38.5102 38.9551 38.5102C40.1851 38.5102 41.1751 39.5202 41.1751 40.7602C41.1751 42.0002 40.1851 43.0102 38.9551 43.0102Z' fill='%2319201F' fill-opacity='0.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_106_6405'%3E%3Crect width='52' height='52' fill='white' transform='translate(0.734863)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.helixIcon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='52' viewBox='0 0 38 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0974 44.2239C24.3922 44.0644 24.6667 43.9049 24.9106 43.7653C32.7171 39.4586 37.1896 33.0583 37.1896 26.2293C37.1896 19.4003 32.7171 13 24.9106 8.69325C24.6667 8.55368 24.382 8.40414 24.0974 8.23466C23.2334 7.75613 22.1865 7.16794 21.0378 6.51994C25.246 4.13727 29.9422 1.46549 32.5037 0H28.4581C25.6628 1.58512 22.1255 3.59893 19.0049 5.3635C18.0189 4.80521 16.9923 4.22699 15.9555 3.6388C13.7192 2.3727 11.4626 1.08666 9.55166 0H5.50609C7.45772 1.11656 10.6495 2.93098 13.9225 4.78528C14.9491 5.3635 15.9758 5.95169 16.9719 6.51994C15.4269 7.39724 14.0648 8.15491 13.089 8.69325C5.2723 13 0.799805 19.3903 0.799805 26.2293C0.799805 33.0683 5.2723 39.4586 13.0788 43.7653C14.0547 44.3037 15.4167 45.0614 16.9618 45.9387C15.9555 46.5069 14.9288 47.0851 13.9123 47.6733C11.056 49.2983 8.26074 50.8834 6.29894 52H10.3445C12.0725 51.023 14.014 49.9164 15.9453 48.8198C16.9821 48.2316 18.0087 47.6534 18.9947 47.0951C21.8307 48.7002 25.0021 50.4946 27.6551 52.01H31.7007C29.0375 50.4946 24.8395 48.102 21.0277 45.9486C22.1865 45.3006 23.2334 44.7124 24.0873 44.2339L24.0974 44.2239ZM14.075 42.0307C11.0662 40.3758 8.6165 38.3919 6.76652 36.1986C6.21762 35.5506 5.72971 34.8827 5.29263 34.2048C3.87973 32.0115 3.05638 29.6488 2.87342 27.2262C2.85309 26.8972 2.83276 26.5583 2.83276 26.2293C2.83276 25.9003 2.85309 25.5613 2.87342 25.2324C3.05638 22.8098 3.87973 20.4471 5.29263 18.2538C5.72971 17.5759 6.21762 16.908 6.76652 16.26C8.6165 14.0667 11.0764 12.0828 14.075 10.4279C15.2643 9.76994 17.0126 8.78298 18.9947 7.66641C20.1128 8.29448 21.1497 8.88267 22.0543 9.3911C22.7658 9.78988 23.3961 10.1388 23.9145 10.4279C26.9232 12.0828 29.3729 14.0667 31.2229 16.26H10.9747C10.253 16.898 9.60249 17.566 9.03326 18.2538H32.707C34.1199 20.4471 34.9432 22.8098 35.1262 25.2324H5.93301C5.90251 25.5613 5.88218 25.9003 5.88218 26.2293C5.88218 26.5583 5.90251 26.8972 5.93301 27.2262H35.1262C34.9432 29.6488 34.1199 32.0115 32.707 34.2048H9.03326C9.60249 34.8926 10.2632 35.5606 10.9747 36.1986H31.2331C29.3831 38.3919 26.9232 40.3758 23.9246 42.0307C23.4062 42.3198 22.776 42.6687 22.0645 43.0675C21.1598 43.5759 20.1128 44.1641 19.0049 44.7922C17.0228 43.6756 15.2744 42.6886 14.0851 42.0307H14.075Z' fill='%2319201F' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
}

.dropIcon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='52' viewBox='0 0 56 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_184_981)'%3E%3Cpath d='M55.0361 31.7C55.0361 31.06 55.0058 30.4 54.9552 29.76C54.7429 26.82 54.0655 23.97 52.9532 21.31C49.7581 12.7 43.0342 3.25 40.6177 0H38.0596L38.1809 0.16C39.1111 1.37 47.4123 12.28 51.0422 22.04C52.0837 24.53 52.7106 27.18 52.9027 29.91C52.9532 30.51 52.9836 31.11 52.9836 31.7C52.9836 35.57 52.0938 39.24 50.5165 42.52L47.7662 41.64L48.1302 44.63L48.3223 46.21L48.6762 49.09L48.8178 50.28L51.6388 44.77L51.7096 44.63C51.9522 44.18 52.1848 43.72 52.4072 43.26L52.4679 43.15C54.1059 39.67 55.0159 35.79 55.0159 31.7H55.0361Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M2.4881 31.6989C2.4881 31.1089 2.51844 30.4789 2.56899 29.8289C2.7611 27.1589 3.38799 24.5389 4.43955 22.0089C5.78433 18.3989 7.7661 14.6289 9.77821 11.2489L12.5183 12.3489L12.2655 7.37895V7.27895L12.0937 3.86895V3.66895L10.7185 5.92895L9.83888 7.38895H9.77821C7.16955 11.4789 4.29799 16.5189 2.52855 21.2889C1.40621 23.9589 0.728769 26.7889 0.526547 29.6689C0.46588 30.3689 0.435547 31.0489 0.435547 31.6989C0.435547 39.7689 3.99466 47.0189 9.62655 51.9989H12.8621C6.57299 47.4189 2.47799 40.0289 2.47799 31.6989H2.4881Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M9.55695 31.6988C9.55695 31.2888 9.57717 30.8588 9.61762 30.3988C9.75917 28.3788 10.2344 26.4288 11.0129 24.5888L9.12217 23.8088C8.25262 25.8488 7.72684 28.0288 7.57517 30.2488C7.53473 30.7488 7.50439 31.2388 7.50439 31.7088C7.50439 42.8388 16.5741 51.8888 27.7266 51.8888V49.8688C17.7065 49.8688 9.54684 41.7188 9.54684 31.7088L9.55695 31.6988Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M46.3616 23.8511C42.9744 14.6211 34.5417 3.63113 34.1777 3.16113L32.5498 4.38113C32.9037 4.83113 41.1544 15.5911 44.4506 24.5811C45.2392 26.4211 45.7044 28.3811 45.8459 30.4011L47.8884 30.2611C47.7266 28.0111 47.2109 25.8411 46.3515 23.8411L46.3616 23.8511Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M39.7699 26.3688C36.5243 18.2588 28.8904 7.83883 28.5668 7.39883H26.9086C26.585 7.83883 18.9613 18.2488 15.7055 26.3688C15.0685 27.9488 14.7146 29.3988 14.6337 30.7788C14.6034 31.0888 14.5933 31.3988 14.5933 31.6988C14.5933 38.9788 20.488 44.9088 27.7478 44.9088C35.0076 44.9088 40.9024 38.9888 40.9024 31.6988C40.9024 31.4088 40.8822 31.1088 40.8619 30.7988C40.7709 29.3988 40.417 27.9488 39.78 26.3788L39.7699 26.3688ZM27.7377 42.8788C21.6205 42.8788 16.6357 37.8588 16.6357 31.6988C16.6357 31.4688 16.6458 31.2188 16.6762 30.9388C16.757 29.7488 17.0604 28.4988 17.6165 27.1188C20.1544 20.7788 25.6447 12.7188 27.7377 9.75883C29.8307 12.7188 35.321 20.7888 37.8589 27.1188C38.415 28.4988 38.7184 29.7488 38.7993 30.9388V30.9588C38.8195 31.2088 38.8397 31.4588 38.8397 31.6888C38.8397 37.8588 33.8549 42.8688 27.7377 42.8688V42.8788Z' fill='%2319201F' fill-opacity='0.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_184_981'%3E%3Crect width='54.6' height='52' fill='white' transform='translate(0.434082)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.chartIcon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_184_917)'%3E%3Cpath d='M2.00293 0H0.00292969V52H52.0029V50H2.00293V0Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M19.2154 26.0007L22.0854 26.0207L22.0654 25.9707L19.9254 21.2707L18.4654 18.0807L17.4554 24.3307C17.4154 24.5907 17.3754 24.8407 17.3354 25.0907L17.1854 25.9907V25.9307C15.0254 38.4007 11.5154 44.0507 6.00537 44.0507V46.0507C14.2854 46.0507 17.5354 36.0207 19.2154 26.0107V26.0007Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M42.7909 19.4204C41.7009 11.2804 39.9009 3.6304 34.6309 1.0004V3.3004C37.2109 5.1604 39.4609 9.5904 40.8009 19.6804C42.0009 28.7104 44.1909 37.0604 51.9909 37.0604V35.0604C46.0809 35.0604 44.0309 28.8104 42.7809 19.4204H42.7909Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M26.6429 2.99902V0.749023C22.8329 2.32902 20.8129 6.53902 19.4829 12.249L20.9429 14.949C22.0529 9.11902 23.6029 4.80902 26.6429 2.99902Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M31.644 2.13V0.13V0H29.644V0.09V2.09V45.73H31.644V2.13Z' fill='%2319201F' fill-opacity='0.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_184_917'%3E%3Crect width='52' height='52' fill='white' transform='translate(0.00146484)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.triCircleIcon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='53' height='52' viewBox='0 0 53 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_184_596)'%3E%3Cpath d='M18.4748 36.6459C18.392 36.3291 18.33 36.0122 18.268 35.6953C20.8013 37.0037 23.6758 37.7498 26.7364 37.7498C28.8768 37.7498 30.9138 37.3717 32.8267 36.7073C32.8888 36.5131 32.9611 36.3188 33.0128 36.1246C33.1783 35.5216 33.2817 34.9185 33.3644 34.3052C31.3378 35.1945 29.094 35.7056 26.7364 35.7056C23.5 35.7056 20.4911 34.755 17.9474 33.1502C17.813 30.1042 18.5368 27.0685 20.1188 24.37C21.2873 22.3769 22.8383 20.7006 24.6684 19.382C24.3686 19.2593 24.0584 19.1469 23.7585 19.0447C23.6758 19.014 23.5931 18.9936 23.5104 18.9731C23.1071 18.8505 22.7038 18.738 22.3006 18.6461C20.7496 19.9646 19.395 21.5387 18.3403 23.3479C16.841 25.9135 16.0242 28.7244 15.8898 31.5966C15.8484 32.4858 15.8898 33.3853 15.9725 34.2848C16.0759 35.2558 16.231 36.2166 16.4895 37.1774C17.0995 39.4466 18.1439 41.5215 19.5191 43.3512C19.5708 43.4227 19.6122 43.4943 19.6639 43.5556C20.4394 44.5471 21.3183 45.4568 22.2902 46.2847C23.1071 46.1109 23.9033 45.8656 24.6788 45.5488C21.6492 43.3818 19.4778 40.2745 18.4954 36.6562L18.4748 36.6459Z' fill='%2319201F' fill-opacity='0.4'/%3E%3Cpath d='M45.0792 17.6841C44.1382 8.49506 36.2695 1.29919 26.7359 1.29919C18.6397 1.29919 11.7636 6.49166 9.29232 13.6671C10.1712 13.2173 11.0811 12.8187 12.0117 12.4916C14.6691 7.0845 20.2527 3.34347 26.7359 3.34347C34.6461 3.34347 41.2637 8.92436 42.7837 16.3042C40.1883 14.9754 37.3758 14.2701 34.522 14.2395C34.4496 14.2395 34.3876 14.2395 34.3152 14.2395C32.7228 14.2395 31.1098 14.4337 29.5278 14.8528C28.5558 15.1083 27.6355 15.4558 26.7359 15.8545C25.5572 15.3332 24.3267 14.9345 23.0756 14.6688C22.9825 14.6483 22.8791 14.6279 22.7861 14.6075C21.6693 14.3826 20.5319 14.2701 19.3842 14.2599C19.3118 14.2599 19.2498 14.2599 19.1774 14.2599C16.3029 14.2599 13.4076 14.9243 10.7089 16.3144C10.4607 16.4371 10.2126 16.5495 9.97476 16.6824C9.42674 16.989 8.90974 17.3263 8.40308 17.6841C4.95985 20.127 2.49892 23.6432 1.3822 27.7522C0.089693 32.4438 0.751455 37.3603 3.21238 41.5715C5.67331 45.7827 9.65422 48.8082 14.4106 50.0655C15.9927 50.4845 17.6057 50.689 19.1981 50.689H19.2084C19.2704 50.689 19.3325 50.689 19.4049 50.689C21.9278 50.6583 24.4094 50.1166 26.7359 49.074C29.1245 50.137 31.6785 50.689 34.2635 50.689C35.8662 50.689 37.4792 50.4845 39.0613 50.0552C43.8177 48.798 47.7986 45.7827 50.2595 41.5613C52.7204 37.3398 53.3719 32.4336 52.1 27.7317C50.9833 23.6329 48.5224 20.1168 45.0792 17.6636V17.6841ZM24.3784 47.8065C22.6827 48.3687 20.9352 48.6242 19.1981 48.6242C19.1257 48.6242 19.0636 48.6242 18.9913 48.6242C13.4076 48.5527 7.99981 45.6703 5.00121 40.5596C1.04098 33.7828 2.623 25.3297 8.33069 20.3417C8.52716 24.6142 10.2022 28.5085 12.8803 31.5239C12.9217 30.5528 13.0251 29.592 13.2112 28.6312C11.412 26.035 10.3677 22.897 10.3677 19.5239C10.3677 19.2888 10.3884 19.0538 10.3987 18.8289C10.5952 18.7062 10.7813 18.5631 10.9881 18.4507C13.5007 17.0197 16.2408 16.3246 18.9499 16.294C19.0119 16.294 19.0843 16.294 19.1464 16.294H19.1567C19.5703 16.294 19.9839 16.3144 20.3975 16.3451C20.4906 16.3451 20.594 16.3655 20.687 16.3758C21.9278 16.4882 23.1583 16.7437 24.3371 17.1219C24.7507 17.2548 25.1539 17.4183 25.5572 17.5819C25.6399 17.6125 25.7226 17.6534 25.8053 17.6943C26.1155 17.8272 26.4154 17.9703 26.7153 18.1236C29.3933 19.4933 31.7302 21.6091 33.3432 24.3791C34.9563 27.1491 35.6387 30.1951 35.5043 33.1695C35.4629 34.0281 35.3595 34.8765 35.1838 35.7146C34.2738 40.0894 31.5647 44.0859 27.3563 46.488C27.1495 46.6106 26.9324 46.7026 26.7256 46.8048C25.9604 47.2035 25.1746 47.551 24.3681 47.8168L24.3784 47.8065ZM37.4999 34.2939C40.9431 31.8305 43.4868 28.2326 44.5725 24.0418C44.0555 23.4183 43.4765 22.8459 42.8354 22.3144C42.1839 25.9839 40.2814 29.224 37.5723 31.6056C37.4482 28.7845 36.6624 25.9532 35.1424 23.3365C33.6121 20.7198 31.5234 18.6347 29.1142 17.1117C29.4244 17.0095 29.7346 16.897 30.0551 16.8153C31.389 16.4575 32.7538 16.2838 34.098 16.2633C34.1704 16.2633 34.2325 16.2633 34.3048 16.2633C37.138 16.2633 39.9402 16.9993 42.4631 18.4405C42.6699 18.5529 42.856 18.696 43.0525 18.8187C43.7763 19.2786 44.4794 19.7693 45.1102 20.3212C47.5091 22.4064 49.2358 25.1457 50.0837 28.2632C51.2108 32.4336 50.6318 36.7981 48.45 40.5391C46.2683 44.2802 42.732 46.9582 38.5132 48.0825C37.107 48.4505 35.6801 48.6242 34.2635 48.6242C34.1911 48.6242 34.1291 48.6242 34.0567 48.6242C32.3609 48.6038 30.6858 48.3278 29.0728 47.7963C33.974 44.7095 36.9312 39.6601 37.4896 34.2836L37.4999 34.2939Z' fill='%2319201F' fill-opacity='0.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_184_596'%3E%3Crect width='52' height='49.4' fill='white' transform='translate(0.731934 1.29999)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.bitcoinIcon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 0.40625C11.8869 0.40625 0.40625 11.8869 0.40625 26C0.40625 40.1131 11.8869 51.5938 26 51.5938C40.1131 51.5938 51.5938 40.1131 51.5938 26C51.5938 11.8869 40.1131 0.40625 26 0.40625ZM26 2.84375C38.7684 2.84375 49.1562 13.2316 49.1562 26C49.1562 38.7684 38.7684 49.1562 26 49.1562C13.2316 49.1562 2.84375 38.7684 2.84375 26C2.84375 13.2316 13.2316 2.84375 26 2.84375ZM21.5312 12.5938C20.8569 12.5938 20.3125 13.1381 20.3125 13.8125V16.6562H19.0938C18.4194 16.6562 17.875 17.2006 17.875 17.875C17.875 18.5494 18.4194 19.0938 19.0938 19.0938H20.3125V32.9062H19.0938C18.4194 32.9062 17.875 33.4506 17.875 34.125C17.875 34.7994 18.4194 35.3438 19.0938 35.3438H20.3125V38.1875C20.3125 38.8619 20.8569 39.4062 21.5312 39.4062C22.2056 39.4062 22.75 38.8619 22.75 38.1875V35.3438H26V38.1875C26 38.8619 26.5444 39.4062 27.2188 39.4062C27.8931 39.4062 28.4375 38.8619 28.4375 38.1875V35.3438H30.4688C33.3816 35.3438 35.75 32.9753 35.75 30.0625C35.75 27.7753 34.2877 25.8331 32.2524 25.0978C32.9146 24.2162 33.3125 23.1238 33.3125 21.9375C33.3125 19.1628 31.1594 16.8841 28.4375 16.6769V13.8125C28.4375 13.1381 27.8931 12.5938 27.2188 12.5938C26.5444 12.5938 26 13.1381 26 13.8125V16.6562H22.75V13.8125C22.75 13.1381 22.2056 12.5938 21.5312 12.5938ZM22.75 19.0938H28.0312C29.5994 19.0938 30.875 20.3694 30.875 21.9375C30.875 23.5056 29.5994 24.7812 28.0312 24.7812H22.75V19.0938ZM22.75 27.2188H28.0312H30.4688C32.0369 27.2188 33.3125 28.4944 33.3125 30.0625C33.3125 31.6306 32.0369 32.9062 30.4688 32.9062H22.75V27.2188Z' fill='%2319201F' fill-opacity='0.4' /%3E%3C/svg%3E%0A");
}

/***** Stats Section *****/
.stats-section {
  position: relative;
  background: linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #000000 100%);
}

.stats-grid-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(132, 204, 22, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(132, 204, 22, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  opacity: 0.5;
}

.stat-card {
  position: relative;
  padding: 2rem;
  border-radius: 12px;
  transition: transform 0.3s ease;
}
.stat-card:hover {
  transform: translateY(-4px);
}
.stat-card:hover .stat-icon svg {
  transform: scale(1.1) rotate(5deg);
}

.stat-icon svg {
  transition: transform 0.3s ease;
  filter: drop-shadow(0 0 10px rgba(132, 204, 22, 0.5));
}

.stat-number {
  text-shadow: 0 0 20px rgba(132, 204, 22, 0.3);
  animation: statPulse 3s ease-in-out infinite;
}

@keyframes statPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
}
/***** Philosophy Section *****/
.philosophy-section {
  position: relative;
}

.philosophy-pattern {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 30% 20%, rgba(132, 204, 22, 0.03) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(132, 204, 22, 0.03) 0%, transparent 50%);
  pointer-events: none;
}

.philosophy-card {
  position: relative;
  overflow: hidden;
}
.philosophy-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(132, 204, 22, 0.05), transparent);
  transition: left 0.5s;
}
.philosophy-card:hover::before {
  left: 100%;
}
.philosophy-card:hover {
  transform: translateY(-4px);
}

/***** CTA Section *****/
.cta-section {
  position: relative;
  background: linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #000000 100%);
  min-height: 50vh;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.green-rays {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.ray {
  position: absolute;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, #84cc16 50%, transparent 100%);
  opacity: 0.2;
  animation: rayPulse 4s ease-in-out infinite;
}

.ray-1 {
  left: 20%;
  animation-delay: 0s;
}

.ray-2 {
  left: 50%;
  animation-delay: 1.3s;
}

.ray-3 {
  left: 80%;
  animation-delay: 2.6s;
}

@keyframes rayPulse {
  0%, 100% {
    opacity: 0.1;
    transform: scaleY(0.8);
  }
  50% {
    opacity: 0.3;
    transform: scaleY(1);
  }
}
.cta-grid-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(132, 204, 22, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(132, 204, 22, 0.05) 1px, transparent 1px);
  background-size: 100px 100px;
  pointer-events: none;
  opacity: 0.3;
}

/***** Community section (legacy, kept for compatibility) *****/
.community {
  text-align: center;
}
.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01J01HB6QQGDQ1SVPYCKYSMPQY);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: #000000;
  text-decoration: underline;
}
.community a:visited {
  color: #000000;
}
.community a:hover, .community a:active, .community a:focus {
  color: #1f2937;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}
.recent-activity-list {
  padding: 0;
}
.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}
.recent-activity-item h3 {
  margin: 0;
}
.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}
.recent-activity-item-link {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-activity-item-meta {
  color: rgb(31, 41, 55);
  margin: 15px 0 0 0;
  float: none;
}
@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir=rtl] .recent-activity-item-meta {
    float: left;
  }
}
.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}
.recent-activity-item-comment {
  padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
  display: inline-block;
}
.recent-activity-controls {
  padding-top: 15px;
}
.recent-activity-controls a {
  color: #000000;
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: #000000;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #1f2937;
}
.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: #000000;
  width: 16px;
  height: 16px;
}
.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.section-tree {
  display: grid;
  gap: 1.5rem;
  margin-top: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .section-tree {
    grid-template-columns: 1fr 1fr;
  }
}
.section-tree-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  background-color: #000000;
  border-radius: 3px;
  padding: 1rem 1rem;
  color: white;
}
.section-tree-title:visited {
  color: white;
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

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

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

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

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
}
.article-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-avatar {
  margin-right: 10px;
}
.article-author {
  margin-bottom: 10px;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
  max-width: 100%;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.article-body a {
  color: #000000;
  text-decoration: underline;
}
.article-body a:visited {
  color: #000000;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: #1f2937;
}
.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  color: rgb(31, 41, 55);
}
.article-body h1 {
  font-size: 28px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .article-body h1 {
    font-size: 36px;
  }
}
.article-body h2 {
  font-size: 24px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.3em;
}
@media (min-width: 768px) {
  .article-body h2 {
    font-size: 30px;
  }
}
.article-body h3 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .article-body h3 {
    font-size: 24px;
  }
}
.article-body h4 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .article-body h4 {
    font-size: 20px;
  }
}
.article-body h5 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .article-body h5 {
    font-size: 18px;
  }
}
.article-body h6 {
  font-size: 14px;
  color: #445a78;
}
@media (min-width: 768px) {
  .article-body h6 {
    font-size: 16px;
  }
}
.article-body p {
  margin-top: 0;
  margin-bottom: 1em;
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #0e1211;
}
.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body :not(pre) > code {
  background: rgba(132, 204, 22, 0.1);
  color: #059669;
  border: 1px solid rgba(132, 204, 22, 0.2);
  border-radius: 4px;
  padding: 2px 6px;
  margin: 0 2px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-size: 0.9em;
  font-weight: 500;
}
.article-body pre {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: 1px solid #334155;
  border-radius: 6px;
  padding: 8px;
  overflow: auto;
  overflow-x: auto;
  white-space: pre;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  position: relative;
  margin: 1em 0;
  color: #e2e8f0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
@media (min-width: 480px) {
  .article-body pre {
    padding: 12px;
    margin: 1.5em 0;
    border-radius: 8px;
  }
}
@media (min-width: 768px) {
  .article-body pre {
    padding: 20px;
  }
}
.article-body pre::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.article-body pre::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
.article-body pre::-webkit-scrollbar-thumb {
  background: rgba(132, 204, 22, 0.3);
  border-radius: 4px;
}
.article-body pre::-webkit-scrollbar-thumb:hover {
  background: rgba(132, 204, 22, 0.5);
}
.article-body pre code {
  background: transparent !important;
  border: none !important;
  color: #e2e8f0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}
@media (min-width: 480px) {
  .article-body pre code {
    font-size: 12px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .article-body pre code {
    font-size: 14px;
  }
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #445a78;
  font-style: italic;
  padding: 0 15px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}
.article-body > * {
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.article-body table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .article-body table {
    display: table;
  }
}
.article-body img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.article-body iframe,
.article-body embed,
.article-body object {
  max-width: 100%;
}
.article-body pre {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
  border: 1px solid #334155 !important;
  color: #e2e8f0 !important;
}
.article-body ol {
  list-style-type: decimal;
}
.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
  max-width: 100%;
  overflow-wrap: break-word;
}
.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.article-comment-count {
  color: #445a78;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: #000000;
  width: 18px;
  height: 18px;
}
.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}
.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}
.article-relatives > *:last-child {
  padding: 0;
}
@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}
.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}
.article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}
.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}
.article-more-questions a {
  color: #000000;
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: #000000;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #1f2937;
}
.article-return-to-top {
  border-top: 1px solid #87929D;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: rgb(31, 41, 55);
  display: block;
  padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}
.article-return-to-top-icon {
  transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}
.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 0;
}
.recent-articles ul,
.related-articles ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .recent-articles ul,
  .related-articles ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.recent-articles li,
.related-articles li {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: all 0.2s ease;
  overflow: hidden;
}
.recent-articles li:hover,
.related-articles li:hover {
  border-color: rgb(132, 204, 22);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
.recent-articles li a,
.related-articles li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  text-decoration: none;
  color: #111827;
}
.recent-articles li a::before,
.related-articles li a::before {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  background: rgb(132, 204, 22);
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.recent-articles li a:hover,
.related-articles li a:hover {
  color: rgb(132, 204, 22);
}
.recent-articles li a:hover::before,
.related-articles li a:hover::before {
  transform: scale(1.5);
}

.related-articles-container,
.recent-articles-container {
  position: relative;
}

/***** Enhanced Code Blocks *****/
.article-body pre,
.prose pre,
pre {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
  border: 1px solid #334155 !important;
  color: #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 8px !important;
}
@media (min-width: 480px) {
  .article-body pre,
  .prose pre,
  pre {
    padding: 12px !important;
    border-radius: 8px !important;
  }
}
@media (min-width: 768px) {
  .article-body pre,
  .prose pre,
  pre {
    padding: 20px !important;
  }
}
.article-body pre .token-line,
.article-body pre .token,
.article-body pre .token-line *,
.article-body pre span[class*=token],
.prose pre .token-line,
.prose pre .token,
.prose pre .token-line *,
.prose pre span[class*=token],
pre .token-line,
pre .token,
pre .token-line *,
pre span[class*=token] {
  color: #e2e8f0 !important;
}

.article-body pre code .keyword,
.article-body pre code .kwd {
  color: #c792ea;
  font-weight: 600;
}
.article-body pre code .string,
.article-body pre code .str {
  color: #c3e88d;
}
.article-body pre code .comment,
.article-body pre code .com {
  color: #697098;
  font-style: italic;
}
.article-body pre code .number,
.article-body pre code .num {
  color: #f78c6c;
}
.article-body pre code .function,
.article-body pre code .fun {
  color: #82aaff;
}
.article-body pre code .variable,
.article-body pre code .var {
  color: #eeffff;
}
.article-body pre code .operator,
.article-body pre code .op {
  color: #89ddff;
}
.article-body pre code .type,
.article-body pre code .typ {
  color: #ffcb6b;
}
.article-body pre code .punctuation,
.article-body pre code .pun {
  color: #89ddff;
}
.article-body pre code .tag {
  color: #f07178;
}
.article-body pre code .attribute,
.article-body pre code .attr {
  color: #c792ea;
}
.article-body pre code .boolean,
.article-body pre code .bool {
  color: #ff5370;
}
.article-body pre code .constant,
.article-body pre code .const {
  color: #f78c6c;
}

.article-body pre[class*=language-]::before,
.article-body pre[data-language]::before {
  content: attr(data-language);
  position: absolute;
  top: 8px;
  right: 12px;
  padding: 2px 8px;
  background: rgba(132, 204, 22, 0.2);
  color: rgb(132, 204, 22);
  border: 1px solid rgba(132, 204, 22, 0.3);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", monospace;
}

.article-body pre[class*=language-auto]::before,
.article-body pre[data-language=auto]::before {
  display: none;
}

.article-body pre[class*=language-javascript]::before {
  content: "JavaScript";
}

.article-body pre[class*=language-typescript]::before {
  content: "TypeScript";
}

.article-body pre[class*=language-python]::before {
  content: "Python";
}

.article-body pre[class*=language-bash]::before,
.article-body pre[class*=language-shell]::before {
  content: "Bash";
}

.article-body pre[class*=language-json]::before {
  content: "JSON";
}

.article-body pre[class*=language-yaml]::before,
.article-body pre[class*=language-yml]::before {
  content: "YAML";
}

.article-body pre[class*=language-html]::before {
  content: "HTML";
}

.article-body pre[class*=language-css]::before {
  content: "CSS";
}

.article-body pre[class*=language-scss]::before {
  content: "SCSS";
}

.article-body pre[class*=language-sql]::before {
  content: "SQL";
}

.article-body pre[class*=language-go]::before {
  content: "Go";
}

.article-body pre[class*=language-rust]::before {
  content: "Rust";
}

.article-body pre[class*=language-java]::before {
  content: "Java";
}

.article-body pre[class*=language-c]::before {
  content: "C";
}

.article-body pre[class*=language-cpp]::before {
  content: "C++";
}

.article-body pre[class*=language-ruby]::before {
  content: "Ruby";
}

.article-body pre[class*=language-php]::before {
  content: "PHP";
}

.article-body pre[class*=language-swift]::before {
  content: "Swift";
}

.article-body pre[class*=language-kotlin]::before {
  content: "Kotlin";
}

.article-body pre[class*=language-docker]::before {
  content: "Docker";
}

.article-body pre[class*=language-markdown]::before {
  content: "Markdown";
}

.article-body pre.line-numbers {
  padding-left: 50px;
  counter-reset: linenumber;
}
.article-body pre.line-numbers code {
  counter-increment: linenumber;
}
.article-body pre.line-numbers code::before {
  content: counter(linenumber);
  position: absolute;
  left: 12px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 13px;
  text-align: right;
  width: 30px;
  user-select: none;
}

.article-body pre code .line-highlight,
.article-body pre code .highlight-line {
  background: rgba(132, 204, 22, 0.15);
  display: block;
  margin: 0 -20px;
  padding: 0 20px;
  border-left: 3px solid rgb(132, 204, 22);
}

.code-copy-button {
  position: absolute;
  top: 8px;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
}
.code-copy-button:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
}
.code-copy-button:active {
  transform: scale(0.95);
}
.code-copy-button.copied {
  background: rgba(132, 204, 22, 0.2);
  border-color: rgba(132, 204, 22, 0.4);
  color: rgb(132, 204, 22);
}
.code-copy-button svg {
  flex-shrink: 0;
}
.code-copy-button .copy-text {
  white-space: nowrap;
}

.article-body pre[class*=language-]::before,
.article-body pre[data-language]::before {
  right: auto;
  left: 12px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
  margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {
  color: rgb(31, 41, 55);
  left: 0;
  position: absolute;
  top: 5px;
}
[dir=rtl] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}
[dir=rtl] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #445a78;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #445a78;
}
.share a:hover {
  text-decoration: none;
  color: #000000;
}
.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}
.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  color: #445a78;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: #000000;
  text-decoration: underline;
}
.comment-callout a:visited {
  color: #000000;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #1f2937;
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #445a78;
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid #000000;
  padding: 40px 20px 20px;
}
@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}
.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}
.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}
.comment-avatar {
  margin-right: 10px;
}
[dir=rtl] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}
.comment-meta {
  flex: 1 1 auto;
}
.comment-labels {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}
.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}
.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}
.comment-container {
  width: 100%;
}
.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 768px) {
  [dir=ltr] .comment-form-controls {
    text-align: right;
  }
}
.comment-form-controls input[type=submit] {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .comment-form-controls input[type=submit] {
    margin-left: 15px;
  }
  [dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: 0;
    margin-right: 15px;
  }
}
.comment-form-controls input[type=checkbox] {
  margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
  margin-left: 5px;
}
.comment-ccs {
  display: none;
}
.comment-ccs + textarea {
  margin-top: 10px;
}
.comment-attachments {
  margin-top: 10px;
}
.comment-attachments a {
  color: #000000;
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: #000000;
  text-decoration: underline;
}
.comment-body a:visited {
  color: #000000;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #1f2937;
}
.comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  color: rgb(31, 41, 55);
}
.comment-body h1 {
  font-size: 28px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .comment-body h1 {
    font-size: 36px;
  }
}
.comment-body h2 {
  font-size: 24px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.3em;
}
@media (min-width: 768px) {
  .comment-body h2 {
    font-size: 30px;
  }
}
.comment-body h3 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .comment-body h3 {
    font-size: 24px;
  }
}
.comment-body h4 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .comment-body h4 {
    font-size: 20px;
  }
}
.comment-body h5 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .comment-body h5 {
    font-size: 18px;
  }
}
.comment-body h6 {
  font-size: 14px;
  color: #445a78;
}
@media (min-width: 768px) {
  .comment-body h6 {
    font-size: 16px;
  }
}
.comment-body p {
  margin-top: 0;
  margin-bottom: 1em;
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #0e1211;
}
.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}
.comment-body ul {
  list-style-type: disc;
}
.comment-body :not(pre) > code {
  background: rgba(132, 204, 22, 0.1);
  color: #059669;
  border: 1px solid rgba(132, 204, 22, 0.2);
  border-radius: 4px;
  padding: 2px 6px;
  margin: 0 2px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-size: 0.9em;
  font-weight: 500;
}
.comment-body pre {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: 1px solid #334155;
  border-radius: 6px;
  padding: 8px;
  overflow: auto;
  overflow-x: auto;
  white-space: pre;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  position: relative;
  margin: 1em 0;
  color: #e2e8f0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
@media (min-width: 480px) {
  .comment-body pre {
    padding: 12px;
    margin: 1.5em 0;
    border-radius: 8px;
  }
}
@media (min-width: 768px) {
  .comment-body pre {
    padding: 20px;
  }
}
.comment-body pre::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.comment-body pre::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
.comment-body pre::-webkit-scrollbar-thumb {
  background: rgba(132, 204, 22, 0.3);
  border-radius: 4px;
}
.comment-body pre::-webkit-scrollbar-thumb:hover {
  background: rgba(132, 204, 22, 0.5);
}
.comment-body pre code {
  background: transparent !important;
  border: none !important;
  color: #e2e8f0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}
@media (min-width: 480px) {
  .comment-body pre code {
    font-size: 12px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .comment-body pre code {
    font-size: 14px;
  }
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #445a78;
  font-style: italic;
  padding: 0 15px;
}
.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #445a78;
  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: #000000;
}

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

.vote-voted {
  color: #000000;
}

.vote-voted:hover {
  color: #1f2937;
}

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

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01J01HB6C3F2BAEG6WG7CVRR83);
  margin-bottom: 10px;
}
.community-footer {
  padding-top: 50px;
  text-align: center;
}
.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}
.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}
.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}
.community-header {
  margin-bottom: 30px;
}
.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}
.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}
.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

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

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}
.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}
.community-follow button:hover {
  background-color: #000000;
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true] {
  background-color: #000000;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
  background-color: #1f2937;
  border-color: #1f2937;
}
.community-follow button::after {
  border-left: 1px solid #000000;
  content: attr(data-follower-count);
  color: #000000;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}
@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}
[dir=rtl] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid #000000;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}
.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}
.striped-list-info {
  flex: 2;
}
.striped-list-title {
  color: #000000;
  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: #000000;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #445a78;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}
.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}
.striped-list-count-item:last-child::after {
  display: none;
}
.striped-list-number {
  text-align: center;
}
@media (min-width: 768px) {
  .striped-list-number {
    color: rgb(31, 41, 55);
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: #000000;
}
.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: #445a78;
}
.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}
.status-label-open {
  background-color: #c72a1c;
}
.status-label-solved {
  background-color: #68737d;
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Priority Badges *****/
.priority-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  transition: all 0.2s ease;
}
.priority-badge svg {
  width: 14px;
  height: 14px;
}

.priority-badge-urgent,
.priority-badge-critical {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  border-color: rgba(239, 68, 68, 0.3);
}
.priority-badge-urgent:hover,
.priority-badge-critical:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.priority-badge-urgent svg,
.priority-badge-critical svg {
  color: #dc2626;
}

.priority-badge-high {
  background: rgba(249, 115, 22, 0.1);
  color: #ea580c;
  border-color: rgba(249, 115, 22, 0.3);
}
.priority-badge-high:hover {
  background: rgba(249, 115, 22, 0.15);
  border-color: rgba(249, 115, 22, 0.5);
}
.priority-badge-high svg {
  color: #ea580c;
}

.priority-badge-normal,
.priority-badge-medium {
  background: rgba(234, 179, 8, 0.1);
  color: #a16207;
  border-color: rgba(234, 179, 8, 0.3);
}
.priority-badge-normal:hover,
.priority-badge-medium:hover {
  background: rgba(234, 179, 8, 0.15);
  border-color: rgba(234, 179, 8, 0.5);
}
.priority-badge-normal svg,
.priority-badge-medium svg {
  color: #a16207;
}

.priority-badge-low {
  background: rgba(132, 204, 22, 0.1);
  color: #65a30d;
  border-color: rgba(132, 204, 22, 0.3);
}
.priority-badge-low:hover {
  background: rgba(132, 204, 22, 0.15);
  border-color: rgba(132, 204, 22, 0.5);
}
.priority-badge-low svg {
  color: #65a30d;
}

.priority-badge-none,
.priority-badge-default {
  background: rgba(107, 114, 128, 0.1);
  color: #4b5563;
  border-color: rgba(107, 114, 128, 0.3);
}
.priority-badge-none:hover,
.priority-badge-default:hover {
  background: rgba(107, 114, 128, 0.15);
  border-color: rgba(107, 114, 128, 0.5);
}
.priority-badge-none svg,
.priority-badge-default svg {
  color: #4b5563;
}

.hero-priority-badge {
  padding: 6px 16px;
  font-size: 13px;
}
.hero-priority-badge svg {
  width: 16px;
  height: 16px;
}

/***** Requests Page Full Width Override *****/
body .container,
body .container-divider,
body main,
body #main-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-activities-header,
.my-activities-sub-nav,
.requests-table-toolbar,
.requests {
  width: 100% !important;
  max-width: none !important;
}

.bg-gray-50:has(.requests),
.bg-gray-50:has(.my-activities-header) {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/***** Requests Page Filter Buttons *****/
.collapsible-nav-list li {
  line-height: normal !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.collapsible-nav-list li a {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  padding: 14px 32px !important;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s ease;
  text-decoration: none !important;
  white-space: nowrap;
  border: 2px solid;
  background: white;
  color: #374151;
  border-color: #d1d5db;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.collapsible-nav-list li a:hover {
  border-color: #84cc16 !important;
  background: #f7fee7;
  color: #4d7c0f;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 14px 32px !important;
}
.collapsible-nav-list li a[aria-current=page] {
  background: linear-gradient(to right, #84cc16, #65a30d) !important;
  color: black !important;
  border-color: #a3e635 !important;
  box-shadow: 0 10px 15px -3px rgba(132, 204, 22, 0.3);
  font-weight: 700;
}
.collapsible-nav-list li a[aria-current=page]:hover {
  box-shadow: 0 20px 25px -5px rgba(132, 204, 22, 0.5);
}
.collapsible-nav-list li a svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    margin-right: 0 !important;
  }
  .collapsible-nav-list li a {
    padding: 14px 32px !important;
    border-bottom: none !important;
  }
  .collapsible-nav-list li:hover {
    border-bottom: none !important;
  }
  .collapsible-nav-list li:hover a {
    padding: 14px 32px !important;
  }
  .collapsible-nav-list li[aria-selected=true],
  .collapsible-nav-list li.current {
    border-bottom: none !important;
    padding: 0 !important;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}
.post-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}
.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}
.post-header .status-label {
  vertical-align: super;
}
.post-title {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}
.post-title h1 {
  display: inline;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}
.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.post-avatar {
  margin-bottom: 30px;
}
.post-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}
.post-info-container {
  display: flex;
  margin-bottom: 40px;
}
.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .post-info {
  padding-right: 0;
  padding-left: 20px;
}
.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}
[dir=rtl] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}
.post-body {
  display: flow-root;
}
.post-body a {
  color: #000000;
  text-decoration: underline;
}
.post-body a:visited {
  color: #000000;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #1f2937;
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  color: rgb(31, 41, 55);
}
.post-body h1 {
  font-size: 28px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .post-body h1 {
    font-size: 36px;
  }
}
.post-body h2 {
  font-size: 24px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.3em;
}
@media (min-width: 768px) {
  .post-body h2 {
    font-size: 30px;
  }
}
.post-body h3 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .post-body h3 {
    font-size: 24px;
  }
}
.post-body h4 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .post-body h4 {
    font-size: 20px;
  }
}
.post-body h5 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .post-body h5 {
    font-size: 18px;
  }
}
.post-body h6 {
  font-size: 14px;
  color: #445a78;
}
@media (min-width: 768px) {
  .post-body h6 {
    font-size: 16px;
  }
}
.post-body p {
  margin-top: 0;
  margin-bottom: 1em;
}
.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #0e1211;
}
.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}
.post-body ul {
  list-style-type: disc;
}
.post-body :not(pre) > code {
  background: rgba(132, 204, 22, 0.1);
  color: #059669;
  border: 1px solid rgba(132, 204, 22, 0.2);
  border-radius: 4px;
  padding: 2px 6px;
  margin: 0 2px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-size: 0.9em;
  font-weight: 500;
}
.post-body pre {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: 1px solid #334155;
  border-radius: 6px;
  padding: 8px;
  overflow: auto;
  overflow-x: auto;
  white-space: pre;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  position: relative;
  margin: 1em 0;
  color: #e2e8f0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
@media (min-width: 480px) {
  .post-body pre {
    padding: 12px;
    margin: 1.5em 0;
    border-radius: 8px;
  }
}
@media (min-width: 768px) {
  .post-body pre {
    padding: 20px;
  }
}
.post-body pre::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.post-body pre::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
.post-body pre::-webkit-scrollbar-thumb {
  background: rgba(132, 204, 22, 0.3);
  border-radius: 4px;
}
.post-body pre::-webkit-scrollbar-thumb:hover {
  background: rgba(132, 204, 22, 0.5);
}
.post-body pre code {
  background: transparent !important;
  border: none !important;
  color: #e2e8f0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}
@media (min-width: 480px) {
  .post-body pre code {
    font-size: 12px;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .post-body pre code {
    font-size: 14px;
  }
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #445a78;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #445a78;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: #000000;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}
.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir=rtl] .post-sidebar {
    padding: 0 50px 0 0;
  }
}
.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}
.post-comments {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

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

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

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

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

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}
.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}
.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: 22.5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}
.collapsible-nav-toggle-icon {
  display: none;
}
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid #000000;
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: rgb(31, 41, 55);
  line-height: 45px;
  order: 1;
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}
.collapsible-nav-list li a {
  color: rgb(31, 41, 55);
  display: block;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current=page]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
  display: none;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected=true]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true] {
    padding: 15px 0 11px 0;
  }
}
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid #000000;
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: rgb(31, 41, 55);
}

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

/* Sidebar navigation that collapses on mobile */ /***** My activities *****/
.my-activities-nav {
  background-color: white;
  margin-bottom: 20px;
}
.my-activities-sub-nav {
  margin-bottom: 30px;
}
.my-activities-table .striped-list-title { /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}
@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.my-activities-table thead {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}
.my-activities-table td:not(:first-child) {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests {
  width: 100%;
  max-width: none;
}
.requests-search {
  width: 100%;
}
.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}
.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}
.requests-table-toolbar .request-table-filter {
  width: 100%;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}
.requests-table-toolbar .request-filter {
  display: block;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir=rtl] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}
.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir=rtl] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}
.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}
.requests-table-toolbar + .requests {
  margin-top: 40px;
}
.requests .requests-table-meta {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}
.requests .requests-table thead {
  display: none;
}
@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}
.requests .requests-table-info {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}
.requests .requests-table .requests-link {
  position: relative;
}
.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}
.subscriptions-table td:last-child {
  display: block;
}
@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}
.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}
.subscriptions-table .user-avatar {
  margin-right: 10px;
}
.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #445a78;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

/***** Request *****/
.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;
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #445a78;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}
.request-main .comment-show-container.hidden {
  display: none;
}
.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
  border: 1px solid #000000;
}
.request-main .form-field.comment-ccs > input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid #000000;
}
.request-main input#mark_as_solved {
  display: none;
}
.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}
.request-details:last-child {
  border: 0;
}
.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}
.request-details dd {
  padding: 0 10px;
  width: 60%;
}
.request-details dd::after {
  content: "\a";
  white-space: pre;
}
.request-details dt {
  color: #445a78;
  width: 40%;
}
.request-details .request-collaborators {
  display: inline-block;
}
.request-attachments dt, .request-attachments dd {
  width: 100%;
}
.request-attachments dd {
  margin: 10px 0 0 0;
}
.request-form textarea {
  min-height: 120px;
}
.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}
.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.pagination-next-link {
  padding-right: 10px;
}
.pagination-next-text {
  margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}
.pagination-prev-link {
  padding-left: 10px;
}
.pagination-prev-text {
  margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir=rtl] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #445a78;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

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

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

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

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

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

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

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
  vertical-align: middle;
  display: inline;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir=rtl] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir=rtl] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #445a78;
  flex: 0 0 100px;
  margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

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

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

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

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

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

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

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

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

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px #000000;
  border-radius: 4px;
  color: #000000;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}
.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}
@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #0e1211;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}
@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #445a78;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}
@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}
@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}
.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}
.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}
.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}
.profile-badges-item-image img {
  max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.profile-badges-item-title {
  font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #445a78;
  font-size: 13px;
  margin: 0;
}
.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #e9e9e9;
}
@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: white;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}
[dir=rtl] .profile-activity-icon {
  right: 0;
}
@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir=rtl] .profile-activity-icon {
    right: -14px;
  }
}

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

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}
.search-results-column {
  flex: 1;
}
@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}
.search-results-sidebar {
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}
.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: rgb(31, 41, 55);
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
  display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #000000;
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}
.search-results-list {
  margin-bottom: 25px;
}
.search-results-list > li {
  padding: 20px;
  margin-bottom: 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.search-results-list > li:hover {
  border-color: rgb(132, 204, 22);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
.search-results-list > li:first-child {
  border-top: 1px solid #e5e7eb;
}
.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}
.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: #000000;
}
.search-results .no-results .action-prompt a:visited {
  color: #000000;
}

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

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

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
  font-style: normal;
  background: yellow;
}

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

.notification a {
  color: #158ec2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #87929D;
}
#hc-wysiwyg ul, #hc-wysiwyg ol {
  padding-left: 20px;
  margin: 1em 0;
  list-style-position: outside;
}
#hc-wysiwyg ul {
  list-style-type: disc;
}
#hc-wysiwyg ol {
  list-style-type: decimal;
}
#hc-wysiwyg ul ul, #hc-wysiwyg ol ol, #hc-wysiwyg ul ol, #hc-wysiwyg ol ul {
  margin: 0.5em 0;
}
#hc-wysiwyg li {
  margin: 0.25em 0;
}

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

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

.hero-headline {
  line-height: 1.3;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  transition: font-size 0.2s ease;
}

.hero-subheadline {
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  transition: font-size 0.2s ease;
}