@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

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

pre {
  font-family: monospace, monospace;
  font-size: smaller;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

body {
  background-color: #111315;
  color: #F5F5F2;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: medium;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

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

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

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

h4 {
  font-size: 16px;
}

a {
  color: #FFB511;
  text-decoration: none;
}

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

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

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

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

input:not([type="checkbox"]):focus {
  border: 1px solid #FFB511;
}

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 #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid #FFB511;
}

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

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

textarea:focus {
  border: 1px solid #FFB511;
}

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

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

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

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

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

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

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

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

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

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
  background-color: #FFB511;
  color: #17140B;
  text-decoration: none;
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button:hover[data-selected="true"], .article-subscribe button.button-primary:hover, .article-subscribe button:hover[data-selected="true"], .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button:hover[data-selected="true"], .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button:hover[data-selected="true"], .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button:focus[data-selected="true"], .article-subscribe button.button-primary:focus, .article-subscribe button:focus[data-selected="true"], .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button:focus[data-selected="true"], .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button:focus[data-selected="true"], .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button:active[data-selected="true"], .article-subscribe button.button-primary:active, .article-subscribe button:active[data-selected="true"], .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button:active[data-selected="true"], .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button:active[data-selected="true"], .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: #aa7500;
  border-color: #aa7500;
}

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

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: #FFB511;
  border: 0;
  border-radius: 4px;
  color: #17140B;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

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

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

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

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

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #F5F5F2;
  border: 1px solid #ddd;
  background-color: #0a0b0d;
}

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

.split-button button {
  background-color: #FFB511;
  border: 0;
  color: #17140B;
  height: 32px;
  line-height: 16px;
  outline-color: #FFB511;
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #17140B;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #17140B;
  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: #fff;
  font-size: 13px;
  font-weight: 300;
  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 #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid #FFB511;
}

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

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

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

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

.form-field .nesty-input:focus {
  border: 1px solid #FFB511;
  text-decoration: none;
}

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

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

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

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

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

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

.form footer a {
  color: #fff;
  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: #FFD379;
}

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

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

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

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

.logo a {
  display: inline-block;
}

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

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

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

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

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

.nav-wrapper a {
  border: 0;
  color: #FFB511;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper a {
    display: inline-block;
  }
}

[dir="rtl"] .nav-wrapper a {
  padding: 0 0 0 20px;
}

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
  background-color: transparent;
  color: #FFB511;
  text-decoration: underline;
}

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

@media (max-width: 768px) {
  .nav-wrapper .hide-on-mobile {
    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;
  }
}

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

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

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

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

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

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

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

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

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

.user-info > button {
  border: 0;
  color: #FFB511;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: #FFB511;
  background-color: transparent;
}

.user-info > button::after {
  color: #FFB511;
  padding-right: 15px;
}

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

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

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

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

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

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

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

.avatar .icon-agent {
  color: #FFB511;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #17140B;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}

.footer a {
  color: #fff;
}

.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

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

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

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #fff;
  display: inline;
  font-weight: 300;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}

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

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

.search input[type="search"] {
  border: 1px solid #ddd;
  border-radius: 30px;
  box-sizing: border-box;
  color: #666;
  height: 40px;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 100%;
}

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

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

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

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

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

.search-container {
  position: relative;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01M2VBW8DZVHE2JC9896X255VJ);
  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;
    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;
  font-weight: 300;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
  min-height: 50px;
  padding-bottom: 15px;
}

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

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

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

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  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 #FFB511;
  border-radius: 4px;
  box-sizing: border-box;
  color: #FFB511;
  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: #FFB511;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #17140B;
  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: #F5F5F2;
}

.blocks-item-link {
  color: #FFB511;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}

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

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

.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}

.blocks-item-description {
  font-weight: 300;
  margin: 0;
}

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

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}

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

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

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

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }
  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  color: #F5F5F2;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01J4PEMSY6C1ZJ3XD39T3M92K4);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.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-parent {
  font-size: 16px;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: #F5F5F2;
  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;
  font-weight: 300;
}

.recent-activity-item-meta {
  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 {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

.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-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: #FFB511;
  width: 16px;
  height: 16px;
}

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

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

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
}

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

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

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

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

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

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

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
}

.article-list-item a {
  color: #F5F5F2;
}

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

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-content {
  flex: 1;
}

@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: #F5F5F2;
  display: flex;
  justify-content: space-between;
}

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

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

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

@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}

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

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

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}

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

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

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

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

.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 a:visited {
  color: #FFD379;
}

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

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

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

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

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

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

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

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

.article-comment-count-icon {
  vertical-align: middle;
  color: #FFB511;
  width: 18px;
  height: 18px;
}

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

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

.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-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

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

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

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

.article-return-to-top a {
  color: #F5F5F2;
  display: block;
  padding: 20px 0;
}

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

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

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}

.sidenav-item {
  border-radius: 4px;
  color: #F5F5F2;
  display: block;
  font-weight: 300;
  margin-bottom: 10px;
  padding: 10px;
}

.sidenav-item.current-article, .sidenav-item:hover {
  background-color: #FFB511;
  color: #17140B;
  text-decoration: none;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

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

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

.attachments .attachment-item .attachment-icon {
  color: #F5F5F2;
  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: #fff;
}

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

.share a:hover {
  text-decoration: none;
  color: #FFB511;
}

.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: #fff;
  display: inline-block;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: #FFB511;
}

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

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

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

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

.comment-wrapper.comment-official {
  border: 1px solid #FFB511;
  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 0 auto;
}

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

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

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

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

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

.comment-container {
  width: 100%;
}

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

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

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

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

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

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

.comment-ccs {
  display: none;
}

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

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

.comment-attachments a {
  color: #FFB511;
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

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

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

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

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

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

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

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

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

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  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: #fff;
  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: #FFB511;
}

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

.vote-voted {
  color: #FFB511;
}

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

/***** 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/01J4PEMS7MEQPNB4YMWKCSQNS1);
  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: #FFB511;
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #17140B;
  color: #17140B;
}

.community-follow button[data-selected="true"] {
  background-color: #FFB511;
  color: #17140B;
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid #17140B;
  color: #17140B;
}

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

.community-follow button::after {
  border-left: 1px solid #FFB511;
  content: attr(data-follower-count);
  color: #FFB511;
  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 #FFB511;
  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: #FFB511;
  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: #FFD379;
}

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

.striped-list-count {
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  font-weight: 300;
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: #F5F5F2;
    display: block;
    font-weight: 400;
  }
}

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

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

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: #FFB511;
}

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

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

/***** 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 img {
  height: auto;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.post-comment-count .icon-comments {
  color: #FFB511;
  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-titles {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-flex;
  line-height: 20px;
  margin: 0 2px;
}

.community-badge-container-achievements {
  padding-top: 5px;
}

.community-badge-achievements {
  display: inline-block;
  margin: 0 3px 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 3px;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

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

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

/* 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: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

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

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

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

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

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

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid #FFB511;
}

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

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

.collapsible-nav-list li {
  color: #F5F5F2;
  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: #F5F5F2;
  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 #FFB511;
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: #F5F5F2;
}

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

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

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

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

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

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

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

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

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

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

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid #FFB511;
}

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

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

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

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

/***** My activities *****/
.my-activities-nav {
  background-color: #060607;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

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

.no-activities {
  color: #fff;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

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

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

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

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

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

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

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

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

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #fff;
  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 #FFB511;
}

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

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

.request-title {
  width: 100%;
}

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

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

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #0a0b0d;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

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

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

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

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

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

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

.request-details dt {
  color: #fff;
  font-weight: 300;
  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: #fff;
  font-size: 13px;
  font-weight: 300;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px #FFB511;
  border-radius: 4px;
  color: #FFB511;
  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: #060607;
  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: #fff;
  font-weight: 300;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

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

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

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

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

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

.profile-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: #fff;
  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: #0a0b0d;
}

@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: #111315;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

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

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

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

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

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

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

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

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

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

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  color: inherit;
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

.search-results-list > li {
  padding: 20px 0;
}

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

.search-results-list > li h2 {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-result-votes-icon, .search-result-meta-count-icon {
  color: #FFB511;
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

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

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

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

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

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

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

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

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

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

/* By default use bold instead of italic to highlight */
.search-results-description em {
  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 .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="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 {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][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;
}


/* SNS Technical Library / v1.0.0
   Design layer adapted to the SNS 2022 API v2 export. No external fonts or trackers.
   The builder replaces the accent token below with a Zendesk setting. */
:root {
  --sns-bg: #111315;
  --sns-surface: #191c1f;
  --sns-surface-raised: #202428;
  --sns-line: #34393e;
  --sns-text: #f5f5f2;
  --sns-muted: #b4bac0;
  --sns-soft: #9099a2;
  --sns-accent: #FFB511;
  --sns-on-accent: #17140b;
  --sns-max: 1200px;
  --sns-radius: 12px;
  --sns-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --sns-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 100px; }
body { margin: 0; background: var(--sns-bg); color: var(--sns-text); font: 16px/1.6 var(--sns-font); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { color: var(--sns-text); font-family: var(--sns-font); line-height: 1.2; }
a { color: var(--sns-accent); text-decoration: none; }
a:hover { color: var(--sns-text); text-decoration: underline; }
button, input, select, textarea { font-family: inherit; }
button, input[type="submit"] { cursor: pointer; }
button, a, input, textarea, select, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--sns-accent); outline-offset: 5px; }
[hidden] { display: none !important; }
::selection { background: var(--sns-accent); color: var(--sns-on-accent); }
.sns-wrap, .container { width: calc(100% - 96px); max-width: var(--sns-max); margin-inline: auto; padding-inline: 0; }
.sns-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.sns-icon { width: 24px; height: 24px; display: inline-block; flex: 0 0 auto; vertical-align: middle; }
.sns-eyebrow { margin: 0 0 12px; color: var(--sns-muted); font: 600 11px/1.5 var(--sns-mono); letter-spacing: .1em; }
.sns-text-link { font-size: 14px; font-weight: 550; }
.sns-text-link span { margin-left: 10px; }
.sns-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 12px 20px; border: 1px solid var(--sns-line); border-radius: 7px; font-size: 14px; font-weight: 650; line-height: 1.4; }
.sns-button:hover { text-decoration: none; }
.sns-button-primary { color: var(--sns-on-accent); background: var(--sns-accent); border-color: var(--sns-accent); }
.sns-button-primary:hover { color: var(--sns-on-accent); background: #ffc440; border-color: #ffc440; }
.sns-button-quiet { background: transparent; color: var(--sns-text); }
/* Header: retain Copenhagen's authentication, menus, and feature links. */
.header { max-width: none; width: 100%; min-height: 88px; height: auto; margin: 0; padding: 21px max(48px, calc((100% - var(--sns-max))/2)); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--sns-line); background: var(--sns-bg); position: relative; z-index: 30; }
.logo { flex-shrink: 0; }
.logo a { display: flex; align-items: center; color: var(--sns-text); gap: 25px; }
.logo a:hover { text-decoration: none; }
.logo img { max-height: 42px; max-width: 190px; width: auto; object-fit: contain; }
.sns-header-label { border-left: 1px solid #555c63; padding-left: 25px; font-size: 14px; font-weight: 500; white-space: nowrap; }
.user-nav-list { align-items: center; display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; }
.user-nav a { color: var(--sns-muted); font-size: 14px; font-weight: 550; padding: 0; }
.user-nav a:hover { color: var(--sns-text); }
.user-nav .submit-a-request { color: var(--sns-text); border: 1px solid #59616a; padding: 10px 17px; border-radius: 6px; display: inline-block; }
.user-nav .submit-a-request:hover { border-color: var(--sns-accent); text-decoration: none; }
.sign-in, .dropdown-toggle { color: var(--sns-text); }
.nav-wrapper-desktop { display: flex; align-items: center; gap: 24px; }
.nav-wrapper-mobile { display: none; }
.dropdown-menu { background: var(--sns-surface-raised); border-color: var(--sns-line); color: var(--sns-text); }
.dropdown-menu a, .dropdown-menu [role="menuitem"] { color: var(--sns-text); }
.dropdown-menu [role="menuitem"]:hover, .dropdown-menu a:hover { color: var(--sns-text); background: #343a40; }
.skip-navigation { position: absolute; top: 4px; left: 4px; transform: translateY(-160%); z-index: 1000; background: var(--sns-accent); color: #111; padding: 12px; }
.skip-navigation:focus { transform: translateY(0); }
/* Search-first landing page. */
.sns-hero { padding: 66px 0 45px; border-bottom: 1px solid var(--sns-line); background: var(--sns-bg); }
.sns-hero-eyebrow { display: flex; align-items: center; gap: 12px; color: var(--sns-muted); margin-bottom: 23px; }
.sns-hero-eyebrow > span { width: 25px; height: 2px; background: var(--sns-accent); }
.sns-hero h1 { margin: 0 0 20px; font-size: clamp(38px, 4.6vw, 64px); line-height: 1.1; letter-spacing: -.052em; font-weight: 620; }
.sns-hero-intro { font-size: 18px; color: var(--sns-muted); line-height: 1.65; margin: 0 0 30px; max-width: 740px; }
.sns-search-shell { position: relative; max-width: 930px; }
.sns-search-shell > .sns-icon { position: absolute; left: 23px; top: 22px; width: 21px; height: 21px; color: var(--sns-muted); pointer-events: none; z-index: 3; }
.sns-search { display: flex; position: relative; max-width: none; width: 100%; }
.sns-search input[type="search"], .sns-search input[name="query"] { width: 100%; border: 1px solid #677079; border-radius: 9px; height: 66px; background: var(--sns-surface-raised); color: var(--sns-text); padding: 0 157px 0 58px; font-size: 16px; outline-offset: 4px; }
.sns-search input::placeholder { color: #c2c7cc; opacity: 1; }
.sns-search input[type="submit"], .sns-search button[type="submit"] { position: absolute; right: 7px; top: 7px; min-width: 114px; height: 52px; border: 0; border-radius: 6px; background: var(--sns-accent); color: var(--sns-on-accent); font-size: 14px; font-weight: 700; padding: 0 24px; }
.sns-search input[type="submit"]:hover, .sns-search button[type="submit"]:hover { background: #ffc440; }
.sns-search .clear-button { right: 130px; color: var(--sns-muted); }
.sns-search-hints { max-width: 930px; margin-top: 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 19px; font-size: 12px; }
.sns-search-hints > span { color: var(--sns-soft); }
.sns-search-hints a { color: var(--sns-muted); }
.sns-search-hints a:hover { color: var(--sns-text); }
.sns-key-hint { margin-left: auto; font: 11px var(--sns-mono); color: #adb4ba; border: 1px solid #515960; border-radius: 4px; padding: 4px 7px; }
.sns-advisory { display: flex; align-items: center; gap: 23px; padding: 19px 0; border-bottom: 1px solid var(--sns-line); font-size: 13px; }
.sns-advisory-label { color: var(--sns-accent); font: 600 11px/1.5 var(--sns-mono); letter-spacing: .035em; flex-shrink: 0; }
.sns-advisory a { color: var(--sns-muted); display: flex; justify-content: space-between; align-items: center; gap: 22px; flex: 1; }
.sns-advisory a > span { color: var(--sns-accent); }
.sns-section { padding: 48px 0 30px; }
.sns-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
.sns-section-heading .sns-eyebrow { margin-bottom: 8px; }
.sns-section-heading h2 { font-size: 31px; font-weight: 580; letter-spacing: -.035em; margin: 0; }
.sns-section-heading > .sns-text-link { margin-bottom: 3px; }
.sns-products { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.sns-product { min-width: 0; margin: 0; }
.sns-product-link { display: block; height: 100%; padding: 25px 27px 27px; border: 1px solid var(--sns-line); background: var(--sns-surface); border-radius: var(--sns-radius); color: var(--sns-text); transition: border-color 140ms ease, background 140ms ease; }
.sns-product-link:hover { border-color: #777167; background: #222426; text-decoration: none; color: var(--sns-text); }
.sns-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 29px; }
.sns-card-top > .sns-icon { width: 27px; height: 27px; color: var(--sns-accent); }
.sns-card-arrow { color: #9099a2; }
.sns-card-arrow .sns-icon { width: 18px; height: 18px; }
.sns-product-link:hover .sns-card-arrow { color: var(--sns-accent); }
.sns-product .sns-eyebrow { font-size: 10px; margin: 0 0 9px; color: #b0b6bd; letter-spacing: .065em; }
.sns-product h3 { font-size: 28px; font-weight: 580; letter-spacing: -.035em; margin: 0 0 12px; }
.sns-product-description { color: var(--sns-muted); font-size: 14px; line-height: 1.65; margin: 0; max-width: 305px; }
.sns-resources { border-bottom: 1px solid var(--sns-line); padding: 7px 0 34px; }
.sns-resources > ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.sns-resources li { min-width: 0; }
.sns-resources a { color: var(--sns-text); display: flex; gap: 13px; align-items: flex-start; padding: 16px 0; }
.sns-resources a > .sns-icon { width: 20px; height: 20px; margin-top: 2px; color: var(--sns-muted); }
.sns-resources strong { display: block; font-size: 14px; font-weight: 560; }
.sns-resources small { display: block; color: var(--sns-muted); font-size: 12px; line-height: 1.55; margin-top: 5px; }
.sns-resource-arrow { color: var(--sns-accent); margin-left: auto; }
.sns-reading-grid { padding: 45px 0; display: grid; grid-template-columns: minmax(0,1.75fr) minmax(280px,1fr); gap: 60px; }
.sns-article-list { list-style: none; padding: 0; margin: 0; }
.sns-article-list li { border-top: 1px solid var(--sns-line); }
.sns-article-list li:last-child { border-bottom: 1px solid var(--sns-line); }
.sns-article-list a { padding: 18px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--sns-text); font-size: 14px; line-height: 1.65; }
.sns-article-list a > span:last-child { color: var(--sns-accent); }
.sns-private { font-size: 11px; border: 1px solid var(--sns-line); padding: 2px 5px; border-radius: 3px; color: var(--sns-muted); }
.sns-help-card { align-self: start; border: 1px solid var(--sns-line); background: var(--sns-surface); border-radius: var(--sns-radius); padding: 30px; }
.sns-help-card > .sns-icon { width: 28px; height: 28px; color: var(--sns-accent); margin-bottom: 25px; }
.sns-help-card .sns-eyebrow { font-size: 10px; letter-spacing: .055em; }
.sns-help-card h2 { font-size: 29px; font-weight: 550; letter-spacing: -.035em; margin: 0 0 17px; }
.sns-help-card > p:not(.sns-eyebrow) { font-size: 14px; color: var(--sns-muted); margin: 0 0 23px; }
.sns-help-card > .sns-button { width: 100%; justify-content: space-between; }
.sns-help-card > .sns-text-link { display: inline-block; font-size: 12px; margin-top: 18px; }
.sns-signin-note { margin-top: 26px; padding-top: 21px; border-top: 1px solid var(--sns-line); font-size: 12px; }
.sns-signin-note p { color: var(--sns-muted); margin: 0 0 9px; }
.sns-directory { padding-bottom: 50px; scroll-margin-top: 25px; }
.sns-directory > h2 { font-size: 19px; font-weight: 550; margin: 0 0 16px; }
.sns-directory-top { display: flex; flex-wrap: wrap; gap: 20px 36px; padding-bottom: 24px; font-size: 13px; }
.sns-directory details { border-top: 1px solid var(--sns-line); }
.sns-directory details:last-child { border-bottom: 1px solid var(--sns-line); }
.sns-directory summary { display: flex; align-items: center; gap: 20px; cursor: pointer; padding: 18px 0; color: var(--sns-muted); font-size: 13px; list-style: none; }
.sns-directory summary::-webkit-details-marker { display: none; }
.sns-directory summary > span:last-child { margin-left: auto; color: var(--sns-accent); font-size: 19px; }
.sns-directory details[open] summary > span:last-child { transform: rotate(45deg); }
.sns-legacy-label { font: 10px var(--sns-mono); color: var(--sns-muted); padding: 4px 7px; border: 1px solid var(--sns-line); border-radius: 3px; }
.sns-legacy-links, .sns-directory-list { display: flex; flex-wrap: wrap; gap: 20px 40px; padding: 0 0 23px; margin: 0; list-style: none; font-size: 14px; }
.sns-directory-list ul { list-style: none; padding: 10px 0 0; }
.sns-directory-list ul a { color: var(--sns-muted); font-size: 13px; }
.sns-directory-note { color: var(--sns-muted); font-size: 13px; }
.sns-community-link { padding-bottom: 30px; }
/* Footer */
.sns-footer { margin: 0; padding: 35px 0 22px; border-top: 1px solid var(--sns-line); background: #0c0e10; color: var(--sns-muted); }
.sns-footer-main { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 33px; }
.sns-footer-name { color: var(--sns-text); font-weight: 580; font-size: 16px; }
.sns-footer-main p { font-size: 12px; margin: 8px 0 0; }
.sns-footer-main nav { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 28px; font-size: 12px; padding-top: 5px; }
.sns-footer-main nav a { color: var(--sns-muted); }
.sns-footer-bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #2a2e32; padding-top: 20px; font-size: 11px; }
/* Existing category, section, search and article pages. */
.container-divider { border-color: var(--sns-line); }
.sub-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 28px 0 45px; }
.breadcrumbs { color: var(--sns-muted); font-size: 12px; }
.breadcrumbs li, .breadcrumbs a { color: var(--sns-muted); }
.search-container input[type="search"], .sub-nav .search input[type="search"] { border: 1px solid #68717b; background: var(--sns-surface); color: var(--sns-text); border-radius: 7px; }
.search-container .search-icon, .search-icon { color: var(--sns-muted); }
.page-header h1, .article-title { font-weight: 580; letter-spacing: -.04em; }
.page-header-description, .section-description, .category-description { color: var(--sns-muted); }
.section-tree-title a, .article-list-item a, .search-result-title a { color: var(--sns-text); }
.article-list-item, .section-tree .section, .search-result, .search-results-list > li { border-color: var(--sns-line); }
.search-results-description, .search-result-description, .search-result-meta, .meta-data, .meta-group { color: var(--sns-muted); }
.search-result-title { font-size: 20px; font-weight: 550; }
.search-results-sidebar a { color: var(--sns-muted); }
.sidenav-item.current-article, .sidenav-item[aria-current="page"] { color: var(--sns-accent); background: #24221a; border-left: 2px solid var(--sns-accent); }
.sidenav-item { color: var(--sns-muted); font-size: 13px; line-height: 1.6; border-radius: 0 5px 5px 0; padding: 10px 12px; }
.sidenav-item:hover { background: var(--sns-surface-raised); color: var(--sns-text); }
.sidenav-title { color: var(--sns-text); font-weight: 550; font-size: 13px; }
.article-container { gap: 40px; }
.article { min-width: 0; }
.article-title { font-size: clamp(30px,3vw,42px); line-height: 1.2; margin-top: 0; }
.article-header { margin-bottom: 34px; }
.article-author { font-size: 12px; color: var(--sns-muted); }
.sns-article-time { color: var(--sns-muted); font-size: 12px; margin: 15px 0 0; }
.article-body { color: var(--sns-reading-ink, #2c3439); font-size: 17px; line-height: 1.85; overflow-wrap: anywhere; }
.article-body h2 { font-size: 28px; font-weight: 560; letter-spacing: -.025em; margin: 40px 0 18px; }
.article-body h3, .article-body h4 { font-size: 21px; font-weight: 580; margin: 30px 0 14px; }
.article-body h2, .article-body h3, .article-body h4 { scroll-margin-top: 30px; }
.article-body strong { color: var(--sns-text); }
.article-body p { margin: 0 0 21px; }
.article-body a { color: var(--sns-accent); text-decoration: underline; text-underline-offset: 3px; }
.article-body ul, .article-body ol { padding-left: 24px; }
.article-body li { margin-bottom: 8px; }
.article-body img { max-width: 100%; height: auto; border-radius: 5px; }
.article-body iframe { max-width: 100%; }
.article-body table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; border: 1px solid var(--sns-line); border-radius: 6px; font-size: 14px; }
.article-body th { text-align: left; background: var(--sns-surface-raised); color: var(--sns-text); font-weight: 550; }
.article-body th, .article-body td { padding: 13px 17px; border: 1px solid var(--sns-line); }
.article-body td { background: var(--sns-surface); }
.article-body pre { position: relative; max-width: 100%; padding: 50px 21px 20px; background: #0b0d0f; color: #e2e7eb; border: 1px solid var(--sns-line); border-radius: 8px; overflow-x: auto; font: 13px/1.7 var(--sns-mono); }
.article-body code { font-family: var(--sns-mono); background: #23272b; color: #f0d18a; font-size: .87em; padding: 2px 5px; border-radius: 3px; }
.article-body pre code { background: transparent; color: inherit; padding: 0; font-size: inherit; }
.sns-copy-code { position: absolute; right: 10px; top: 9px; color: var(--sns-muted); background: var(--sns-surface); border: 1px solid #535b63; border-radius: 4px; padding: 4px 9px; font-size: 11px; }
.article-body blockquote, .sns-note { margin: 24px 0; padding: 18px 21px; border: 1px solid #51472c; border-left: 3px solid var(--sns-accent); border-radius: 0 6px 6px 0; background: #242119; color: #e1d9c6; font-size: 14px; }
.article-body blockquote p:last-child, .sns-note p:last-child { margin-bottom: 0; }
.article-footer, .article-votes, .article-comments, .article-relatives, .comment, .request-sidebar { border-color: var(--sns-line); }
.article-votes { padding: 25px 0; }
.article-votes .button { color: var(--sns-text); border-color: #77818b; background: transparent; border-radius: 5px; }
.article-votes .button:hover, .article-votes .button-primary { background: var(--sns-accent); border-color: var(--sns-accent); color: var(--sns-on-accent); }
.article-votes-question { font-size: 16px; }
/* Native forms retain their original templates and runtime. */
.form-field input[type="text"], .form-field input[type="email"], .form-field textarea, .form-field select { background: var(--sns-surface); color: var(--sns-text); border: 1px solid #78828c; border-radius: 6px; }
.form-field label { color: var(--sns-text); }
.form-field p, .form-field .optional { color: var(--sns-muted); }
.form-field .nesty-input { background: var(--sns-surface); color: var(--sns-text); border-color: #78828c; }
.notification { color: #17191c; }
/* Honor native light editor content rather than inverting screenshots or embeds. */
.ck-content { color-scheme: light; }
/* Layout enhancements only appear after the contents panel exists. */
@media (min-width: 1240px) {
}
@media (max-width: 1239px) {
  .sns-header-label { display: none; }
  .header { padding-inline: 40px; }
  .sns-wrap, .container { width: calc(100% - 80px); }
  .user-nav-list { gap: 20px; }
}
@media (max-width: 900px) {
  .sns-wrap, .container { width: calc(100% - 48px); }
  .header { padding: 18px 24px; min-height: 77px; }
  .nav-wrapper-desktop { display: none; }
  .nav-wrapper-mobile { display: block; }
  .menu-button-mobile { background: transparent; border: 1px solid #707a84; color: var(--sns-text); border-radius: 6px; min-width: 44px; min-height: 44px; }
  .menu-list-mobile { position: absolute; background: var(--sns-surface); color: var(--sns-text); border: 1px solid var(--sns-line); top: 75px; left: 24px; right: 24px; padding: 14px; box-shadow: 0 15px 30px #0005; }
  .menu-list-mobile[aria-expanded="false"] { display: none; }
  .menu-list-mobile[aria-expanded="true"] { display: block; }
  .menu-list-mobile-items { list-style: none; padding: 0; margin: 0; }
  .menu-list-mobile a { color: var(--sns-text); display: block; padding: 12px; }
  .sns-hero { padding-top: 49px; }
  .sns-hero h1 { font-size: 48px; max-width: 700px; }
  .sns-products { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sns-resources > ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sns-reading-grid { gap: 28px; grid-template-columns: minmax(0,1.4fr) minmax(250px,1fr); }
  .sns-help-card { padding: 24px; }
  .sns-advisory { align-items: flex-start; gap: 15px; }
  .sns-advisory-label { margin-top: 2px; }
  .sns-footer-main { flex-direction: column; }
}
@media (max-width: 650px) {
  .sns-wrap, .container { width: calc(100% - 40px); }
  .header { padding: 16px 20px; min-height: 74px; }
  .logo img { max-width: 142px; max-height: 38px; }
  .sns-header-label { display: block; font-size: 12px; padding-left: 16px; }
  .logo a { gap: 16px; }
  .sns-hero { padding: 38px 0 31px; }
  .sns-hero-eyebrow { font-size: 10px; margin-bottom: 20px; }
  .sns-hero h1 { font-size: 42px; line-height: 1.08; max-width: 420px; margin-bottom: 19px; }
  .sns-hero-intro { font-size: 16px; line-height: 1.65; margin-bottom: 25px; }
  .sns-search input[type="search"], .sns-search input[name="query"] { height: 60px; padding-left: 44px; padding-right: 91px; font-size: 14px; }
  .sns-search-shell > .sns-icon { left: 15px; top: 21px; width: 18px; height: 18px; }
  .sns-search input[type="submit"], .sns-search button[type="submit"] { min-width: 73px; padding: 0 12px; top: 6px; right: 6px; height: 48px; font-size: 12px; }
  .sns-search .clear-button { right: 82px; }
  .sns-search-hints { gap: 10px 16px; font-size: 11px; }
  .sns-search-hints > span, .sns-key-hint { display: none; }
  .sns-advisory { display: block; padding: 18px 0; }
  .sns-advisory-label { display: block; margin: 0 0 7px; }
  .sns-advisory a { font-size: 12px; gap: 15px; }
  .sns-section { padding-top: 33px; }
  .sns-section-heading { align-items: flex-start; gap: 16px; }
  .sns-section-heading h2 { font-size: 26px; }
  .sns-section-heading > .sns-text-link { font-size: 11px; margin-top: 28px; max-width: 100px; text-align: right; }
  .sns-eyebrow { font-size: 10px; }
  .sns-products { gap: 12px; }
  .sns-product-link { padding: 19px 18px 21px; }
  .sns-card-top { margin-bottom: 21px; }
  .sns-card-top > .sns-icon { width: 24px; height: 24px; }
  .sns-product h3 { font-size: 24px; }
  .sns-product .sns-eyebrow { font-size: 9px; min-height: 27px; line-height: 1.45; }
  .sns-product-description { font-size: 13px; line-height: 1.6; }
  .sns-resources { padding-bottom: 25px; }
  .sns-resources > ul { gap: 0 20px; }
  .sns-resources a { gap: 9px; }
  .sns-resources strong { font-size: 12px; }
  .sns-resources small { font-size: 11px; }
  .sns-resource-arrow { display: none; }
  .sns-reading-grid { grid-template-columns: 1fr; padding-top: 34px; gap: 34px; }
  .sns-help-card { padding: 26px; }
  .sns-help-card h2 br { display: none; }
  .sns-help-card > .sns-icon { margin-bottom: 20px; }
  .sns-article-list a { font-size: 14px; padding-block: 17px; }
  .sns-directory summary { font-size: 12px; gap: 12px; }
  .sns-legacy-label { font-size: 9px; }
  .sns-footer-main nav { gap: 13px 24px; }
  .sns-footer-bottom { flex-direction: column; gap: 12px; }
  .sub-nav { flex-direction: column; align-items: stretch; margin-bottom: 30px; }
  .article-title { font-size: 32px; }
  .article-body { font-size: 16px; }
  .article-body h2 { font-size: 25px; }
  .article-body table { font-size: 12px; }
  .article-body td, .article-body th { padding: 10px 12px; }
  .article-body pre { font-size: 12px; }
}
@media (max-width: 380px) {
  .sns-products { grid-template-columns: 1fr; }
  .sns-product .sns-eyebrow { min-height: 0; }
  .sns-header-label { display: none; }
  .sns-hero h1 { font-size: 37px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
@media print {
  :root { color-scheme: light; }
  body { background: #fff; color: #111; }
  .header, .sns-footer, .article-sidebar, .sub-nav, .article-votes, .sns-copy-code, .sns-preview-toolbar { display: none !important; }
  .container, .sns-wrap, .article { width: 100% !important; max-width: none !important; margin: 0 !important; }
  .article-body, .article-title, .article-body h2, .article-body h3, .article-body strong { color: #111; }
  .article-body a { color: #111; text-decoration: underline; }
  .article-body pre, .article-body code, .article-body td, .article-body th { color: #111; background: #fff; border-color: #bbb; }
}

/* SNS 2022 export compatibility layer, 1.1.0. Keep after base and SNS design. */
:root { --sns-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; --sns-heading-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 {font-family:var(--sns-heading-font);}
.sns-site-header .logo {min-width:0;}
.sns-site-header .logo a {gap:18px;}
.sns-brand-mark {display:flex;align-items:center;justify-content:center;background:#f5f5f2;border-radius:5px;width:74px;height:54px;flex:0 0 74px;}
.sns-site-header .sns-brand-mark img {display:block;width:64px;height:48px;max-height:none;max-width:none;object-fit:contain;}
.sns-brand-name {color:var(--sns-muted);font-size:11px;line-height:1.45;letter-spacing:.025em;}
.sns-site-header .sns-header-label {padding-left:18px;font-size:13px;}
.sns-nav-wrapper {display:flex;align-items:center;}
.sns-site-header .sns-user-nav {position:static;display:flex;align-items:center;gap:26px;white-space:normal;background:transparent;box-shadow:none;border:0;}
.sns-site-header .sns-user-nav > a {display:block;padding:0;margin:0;width:auto;white-space:nowrap;color:var(--sns-muted);}
.sns-site-header .sns-user-nav > a:hover {color:var(--sns-text);}
.sns-site-header .sns-user-nav > .submit-a-request {padding:10px 17px;border:1px solid #68717a;color:var(--sns-text);border-radius:6px;}
.sns-site-header .sns-user-nav > .submit-a-request:hover {border-color:var(--sns-accent);}
.sns-site-header .menu-button {display:none;}
.sns-user-nav .user-info {padding:0;margin:0;position:relative;}
.sns-user-nav .dropdown-toggle {max-width:190px;display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;}
.sns-account-label {max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sns-user-nav .dropdown-menu {z-index:50;top:100%;min-width:190px;}
.sns-user-nav .dropdown-menu a {display:block;padding:10px 18px;width:100%;}
.skip-navigation {left:8px;top:8px;margin:0;min-height:44px;}
.skip-navigation:not(:focus) {transform:translateY(-180%);}
.skip-navigation:focus {left:8px;top:8px;transform:none;color:#17140b;}
.sns-article-time {flex-basis:100%;}
.article-container .article {margin:0;padding:0;min-width:0;}
.article-title {overflow-wrap:anywhere;}
.article-sidebar {border-color:var(--sns-line);min-width:0;}
.article-body .sns-copy-code {min-height:32px;min-width:52px;}
.article-body.sns-reading-light {background:#f5f5f2;color:#292f34;padding:36px 38px;border:1px solid #dedfdc;border-radius:10px;color-scheme:light;font-size:17px;line-height:1.85;}
.article-body.sns-reading-light :is(h1,h2,h3,h4,h5,h6,strong) {color:#171c20;}
.article-body.sns-reading-light > :first-child {margin-top:0;}
.article-body.sns-reading-light > :last-child {margin-bottom:0;}
.article-body.sns-reading-light a {color:#785209;text-decoration:underline;}
.article-body.sns-reading-light code {color:#725000;background:#e9e8e2;}
.article-body.sns-reading-light pre {color:#e2e7eb;background:#15191d;border-color:#353d45;}
.article-body.sns-reading-light pre code {color:inherit;background:transparent;}
.article-body.sns-reading-light table {border-color:#cbd0d1;}
.article-body.sns-reading-light th {background:#e7e9e7;color:#22282d;}
.article-body.sns-reading-light td {background:#fafaf7;color:#292f34;}
.article-body.sns-reading-light :is(th,td) {border-color:#cbd0d1;}
.article-body.sns-reading-light blockquote {background:#eeebe0;color:#514124;border-color:#d6c99e;border-left-color:#a3740e;}
.article-body.sns-reading-light blockquote strong {color:#514124;}
.article-body.sns-reading-light .sns-preview-notice {font:12px/1.6 var(--sns-font);color:#535d65;border-bottom:1px solid #ccd0cf;padding-bottom:17px;margin-bottom:25px;}
.sns-copy-code {z-index:2;}
.sns-footer-marketing {display:flex;flex-wrap:wrap;gap:14px 26px;border-top:1px solid var(--sns-line);padding:20px 0;}
.sns-footer-marketing a {font-size:13px;color:var(--sns-muted);}
.sns-footer-main p {max-width:380px;}
.sns-footer-bottom {border-top:1px solid var(--sns-line);}
.sns-directory details {scroll-margin-top:24px;}
.sns-user-nav a:focus-visible,.sns-footer a:focus-visible {outline-offset:4px;}
/* Zendesk's native forms/widgets remain native; only their surrounding surfaces change. */
.form .form-field input:not([type='checkbox']):not([type='radio']):not([type='submit']),.form .form-field textarea {color:var(--sns-text);background:var(--sns-surface);border-color:#7b858e;}
.form-field input[type='checkbox'],.form-field input[type='radio'] {accent-color:var(--sns-accent);}
.form-field .nesty-input {line-height:40px;height:auto;min-height:42px;}
.nesty-panel {color-scheme:light;background:#fff;color:#25303a;}
.nesty-panel li {color:#25303a;}
.form-field .notification-error {color:#9e1830;background:#fff0f1;}
.form input[type='submit'],.form button[type='submit'] {background:var(--sns-accent);color:var(--sns-on-accent);border-color:var(--sns-accent);}
.form-field .upload-dropzone {border-color:#727c85;color:var(--sns-muted);}
.form-field .upload-dropzone a {color:var(--sns-accent);}
.form .notification-inline[aria-hidden='true'] {display:none;}
.form-field :is([contenteditable='true'],.hc-wysiwyg) {background:#fff;color:#222;color-scheme:light;}
.form-field .hc-wysiwyg :is(div,p,span) {color:#222;}
.search-results .search-result-title a {color:var(--sns-text);}
.search-results .search-result-description {color:var(--sns-muted);}
.search-results .search-result-description em {background:#4a3a16;color:#fff1c8;}
.search-results .search-result {border-color:var(--sns-line);}
.suggestion-list {color-scheme:light;}
.pagination a {border-color:var(--sns-line);}
.pagination-current a {background:var(--sns-accent);color:var(--sns-on-accent);}
.request-sidebar h2,.request-sidebar h3 {color:var(--sns-text);}
.requests-table th,.requests-table td,.request-table th,.request-table td {border-color:var(--sns-line);}
.requests-table a,.request-table a {color:var(--sns-accent);}
.collapsible-sidebar-toggle {color:var(--sns-text);}
.sns-hero h1,.sns-section-heading h2 {text-wrap:balance;}
@media (min-width:1240px) {
}
@media (max-width:1239px) and (min-width:901px) {
  .sns-brand-name {display:none;}
  .sns-site-header .sns-header-label {display:block;}
  .sns-site-header .sns-user-nav {gap:22px;}
}
@media (max-width:900px) {
  .sns-site-header .menu-button {display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:10px;border:1px solid #75808a;border-radius:6px;color:var(--sns-text);}
  .sns-site-header .sns-user-nav {display:none;position:absolute;top:calc(100% - 1px);left:24px;right:24px;background:var(--sns-surface);border:1px solid var(--sns-line);box-shadow:0 18px 35px #0005;border-radius:0 0 10px 10px;padding:16px;z-index:40;}
  .sns-site-header .sns-user-nav[aria-expanded='true'] {display:flex;flex-direction:column;gap:4px;align-items:stretch;}
  .sns-site-header .sns-user-nav > a {display:block;padding:13px 12px;margin:0;}
  .sns-site-header .sns-user-nav > .submit-a-request {margin:4px 0;padding:12px;}
  .sns-user-nav .user-info {display:block;}
  .sns-user-nav .dropdown-toggle {padding:10px 12px;width:100%;max-width:none;}
  .sns-user-nav .dropdown-menu {left:0;right:0;}
  .sns-site-header .sns-header-label {display:block;}
  .sns-brand-name {display:none;}
}
@media (max-width:650px) {
  .sns-site-header .logo a {gap:15px;}
  .sns-site-header .sns-header-label {padding-left:15px;font-size:12px;}
  .sns-brand-mark {width:61px;height:46px;flex-basis:61px;}
  .sns-site-header .sns-brand-mark img {width:56px;height:42px;}
  .sns-site-header .sns-user-nav {left:20px;right:20px;}
  .article-body.sns-reading-light {padding:25px 22px;font-size:16px;}
  .sns-footer-marketing {gap:12px 22px;}
  .article-subscribe {width:auto;}
}
@media (prefers-reduced-motion:reduce) {* {scroll-behavior:auto !important;}}
@media print {
  :root {color-scheme:light;}
  body {background:#fff !important;color:#111 !important;}
  .sns-site-header,.sns-footer,.sub-nav,.article-sidebar,.sns-copy-code,.article-votes,.article-relatives,.article-comments,.article-more-questions,.sns-preview-toolbar,.sns-preview-disclaimer {display:none !important;}
  .container {width:100%;max-width:none;margin:0;}
  .article-container {display:block !important;}
  .article-container .article {width:100%;max-width:none;}
  .article-body,.article-body.sns-reading-light {color:#111 !important;background:#fff !important;border:0;padding:0;}
  .article-body :is(h1,h2,h3,h4,h5,h6,strong),.article-title,.article-header {color:#111 !important;}
  .article-body pre {white-space:pre-wrap;border:1px solid #bbb;color:#111;background:#fafafa;}
  .article-body table {display:table;font-size:11px;}
  .article-body :is(th,td) {color:#111;background:#fff;border-color:#ccc;}
  .article-body a {color:#111 !important;text-decoration:underline;}
}

.sns-site-header .logo a .sns-brand-name {color:var(--sns-muted);}
.sns-site-header .logo a .sns-header-label {color:var(--sns-text);}
/* The legacy theme sets mobile submit inputs to width:100%; keep the inline search button compact. */
.sns-search input[type='submit'],.sns-search button[type='submit'] {width:auto;}
.search input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder {color:#b4bac0;opacity:1;}
@media (max-width:900px) {
}
@media (min-width:381px) and (max-width:650px) {
 .sns-product h3 {font-size:clamp(19px,5.1vw,24px);}
}
/* SNS Technical Library 1.2.0 - focused navigation and quiet reading surfaces.
   System fonts only. Monospace is reserved for labels, metadata, and code. */
:root {
  --sns-reading-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --sns-paper: #ffffff;
  --sns-reading-surround: #eeede8;
  --sns-reading-ink: #2c3439;
  --sns-reading-muted: #626c73;
  --sns-reading-line: #d9dcd8;
}
.sns-site-header .sns-brand-name {display:block;}
.sns-search-hints > span,
.sns-article-time,
.article-meta .meta-group,
.sns-list-meta {
  font-family:var(--sns-mono);
  font-size:11px;
  line-height:1.6;
  letter-spacing:.025em;
}
.sns-search-hints > span {text-transform:uppercase;letter-spacing:.085em;}
.sns-advisory {border-left:3px solid var(--sns-accent);border-radius:0 8px 8px 0;}
.sns-advisory-label {text-transform:uppercase;letter-spacing:.07em;}
.sns-advisory a {line-height:1.6;}
.sns-featured .sns-article-list {margin-bottom:0;}
/* The whole article page is light, rather than a bright body embedded in black. */
.sns-article-stage {
  --sns-text:#222b30;
  --sns-muted:#626c73;
  --sns-soft:#626c73;
  --sns-line:#d9dcd8;
  --sns-surface:#f8f8f5;
  --sns-surface-raised:#e6e8e3;
  --sns-accent:#806015;
  --sns-on-accent:#ffffff;
  color-scheme:light;
  background:var(--sns-reading-surround);
  color:var(--sns-reading-ink);
  padding:1px 0 72px;
  border-top:1px solid #ced1cb;
}
.sns-article-stage .sub-nav {margin:26px 0 32px;}
.sns-article-stage .breadcrumbs {font-size:12px;line-height:1.7;}
.sns-article-stage .breadcrumbs a:hover {color:#282f34;}
.sns-article-stage .search input[type='search'] {
  background:#f8f8f5;color:#2c3439;border:1px solid #a4ada9;
}
.sns-article-stage .search input::placeholder {color:#616b70;}
.sns-article-stage .article-container {
  display:grid;
  grid-template-columns:196px minmax(0,1fr);
  align-items:start;
  gap:36px;
}
.sns-article-stage .article-container.sns-no-section-nav {grid-template-columns:minmax(0,960px);justify-content:center;}
.sns-article-stage .article-container > .article {
  background:var(--sns-paper);
  color:var(--sns-reading-ink);
  border:1px solid #dadcd7;
  border-radius:12px;
  box-shadow:0 3px 16px #242b3010;
  width:100%;
  max-width:none;
  min-width:0;
  padding:42px clamp(26px,3.7vw,52px) 32px;
  margin:0;
}
.sns-article-stage .article-header,
.sns-article-stage .article-info,
.sns-article-stage .article > footer,
.sns-article-stage .article-comments {
  max-width:760px;
  margin-inline:auto;
}
.sns-article-stage .article-header {display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:30px;padding:0 0 26px;border-bottom:1px solid #e5e7e2;}
.sns-article-stage .sns-article-kicker {flex-basis:100%;color:#7c6027;margin:0 0 14px;}
.sns-article-stage .article-title {
  flex-basis:100%;max-width:100%;color:#202a30;
  font-size:clamp(30px,2.6vw,39px);font-weight:650;line-height:1.18;
  letter-spacing:-.034em;margin:0 0 22px;
  overflow-wrap:break-word;
}
.sns-article-stage .article-author {flex:1 1 auto;margin:0 14px 0 0;}
.sns-article-stage .article-meta a {color:#795b1a;font-weight:550;}
.sns-article-stage .article-subscribe {margin:0;}
.sns-article-stage .article-subscribe a {border-color:#b5ac93;color:#6c5422;background:transparent;}
.sns-article-stage .sns-article-time {margin:12px 0 0;flex-basis:100%;}
.sns-article-stage .article-avatar .user-avatar {background:#f4f4ef;object-fit:contain;}
.sns-article-stage .article-body.sns-reading-light {
  padding:0;margin:0;border:0;border-radius:0;
  background:var(--sns-paper);color:var(--sns-reading-ink);
  font-family:var(--sns-reading-font);
  font-size:17px;font-weight:400;line-height:1.8;
  letter-spacing:0;overflow-wrap:break-word;
}
.sns-article-stage .article-body p {margin:0 0 1.2em;}
.sns-article-stage .article-body :is(p,ul,ol) {max-width:74ch;}
.sns-article-stage .article-body :is(h1,h2,h3,h4,h5,h6) {
  color:#222c31;font-family:var(--sns-reading-font);font-weight:650;line-height:1.3;
  scroll-margin-top:28px;overflow-wrap:break-word;
}
.sns-article-stage .article-body :is(h1,h2) {font-size:26px;letter-spacing:-.025em;margin:1.6em 0 .7em;}
.sns-article-stage .article-body h3 {font-size:21px;margin:1.5em 0 .65em;}
.sns-article-stage .article-body h4 {font-size:18px;margin:1.4em 0 .65em;}
.sns-article-stage .article-body :is(h5,h6) {font-size:17px;}
.sns-article-stage .article-body strong {color:#202a30;font-weight:650;}
.sns-article-stage .article-body a {color:#795916;text-underline-offset:3px;overflow-wrap:anywhere;}
.sns-article-stage .article-body :is(ul,ol) {padding-inline-start:26px;margin-block:0 1.3em;}
.sns-article-stage .article-body :is(ul,ol) :is(ul,ol) {margin-block:.5em;}
.sns-article-stage .article-body li {margin-bottom:.45em;}
.sns-article-stage .article-body li > p {margin-bottom:.5em;}
.sns-article-stage .article-body blockquote {font:inherit;font-size:15px;font-style:normal;line-height:1.75;background:#f5f1e5;border-color:#ded1ad;border-left-color:#b38a2f;color:#584724;}
.sns-article-stage .article-body table {font-family:var(--sns-reading-font);font-size:14px;line-height:1.6;}
.sns-article-stage .article-body th {background:#f0f2ed;color:#30383c;font-weight:650;}
.sns-article-stage .article-body td {background:#fff;color:#30383c;}
.sns-article-stage .article-body pre {font:13px/1.7 var(--sns-mono);background:#f4f5f1;border-color:#d8ddd7;color:#27343d;box-shadow:none;}
.sns-article-stage .article-body code {font-family:var(--sns-mono);background:#efefe8;color:#684f15;font-size:.87em;overflow-wrap:anywhere;}
.sns-article-stage .article-body pre code {color:inherit;background:transparent;overflow-wrap:normal;}
.sns-article-stage .sns-copy-code {font-family:var(--sns-mono);background:#fff;border-color:#a5aea7;color:#4a575e;}
.sns-article-stage .article-body :is(img,video,iframe) {max-width:100%;}
.sns-article-stage .article-body .sns-preview-notice {font:11px/1.6 var(--sns-mono);color:#697279;border:0;margin:0 0 22px;padding:0;}
/* Section navigation stays in the normal page flow: no secondary scrollbar. */
.sns-article-stage .article-sidebar {
  position:static;max-height:none;overflow:visible;width:100%;max-width:none;flex:none;
  padding:20px 0 0;
}
.sns-article-stage .article-sidebar .sidenav-title {
  display:block;color:#67716e;font:600 11px/1.6 var(--sns-mono);
  text-transform:uppercase;letter-spacing:.065em;margin:0 0 16px;
}
.sns-article-stage .article-sidebar .sidenav-item {font-size:13px;line-height:1.65;padding:11px 12px;color:#555f64;}
.sns-article-stage .article-sidebar .sidenav-item:hover {background:#e2e5df;color:#222c31;}
.sns-article-stage .article-sidebar .current-article {background:#e5e4d9;color:#705313;border-left:2px solid #aa8327;}
.sns-article-stage .article-sidebar-item {display:inline-block;margin-top:8px;font-size:13px;color:#765921;}
.sns-article-stage .article-votes .button {color:#4b555b;border-color:#a9b1ac;}
.sns-article-stage .article-votes .button:hover,
.sns-article-stage .article-votes .article-voted {color:#fff;background:#806015;border-color:#806015;}
.sns-article-stage .article-relatives a,
.sns-article-stage .article-more-questions a,
.sns-article-stage .article-attachments a {color:#785719;}
.sns-article-stage :is(.article-return-to-top,.share a) {color:#616b70;}
.sns-article-stage .comment-form :is(input,textarea) {color:#263239;background:#fff;}
/* One listing language for sections, categories, and the Slingshot search-backed view. */
.sns-product-index {width:100%;max-width:960px;flex:1 1 100%;min-width:0;margin:0 auto 60px;}
.sns-product-index .page-header {display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0 0 32px;}
.sns-product-index .sns-list-kicker {flex-basis:100%;color:var(--sns-muted);margin:0 0 14px;}
.sns-product-index .page-header h1 {flex:1 1 auto;font-size:clamp(30px,3.1vw,44px);line-height:1.2;margin:0 20px 14px 0;}
.sns-product-index .page-header-description {flex-basis:100%;max-width:740px;margin:0;line-height:1.7;}
.sns-product-index .section-subscribe {margin:0 0 14px;}
.sns-doc-list {list-style:none;padding:0;margin:0;border-top:1px solid var(--sns-line);}
.sns-doc-list > .article-list-item {
  display:flex;align-items:center;gap:12px;min-height:64px;
  position:relative;max-width:none;padding:0;border-bottom:1px solid var(--sns-line);
  overflow:visible;margin:0;
}
.sns-doc-list .article-list-link {flex:1 1 auto;min-width:0;display:block;font:450 16px/1.6 var(--sns-font);color:var(--sns-text);padding:18px 32px 18px 0;overflow-wrap:anywhere;}
.sns-doc-list .article-list-link::after {content:'\2192';position:absolute;right:3px;top:20px;color:var(--sns-muted);font-size:16px;font-weight:400;}
.sns-doc-list .article-list-link:hover {color:var(--sns-accent);text-decoration:none;}
.sns-doc-list .article-list-link:hover::after {color:var(--sns-accent);}
.sns-doc-list .article-list-link em {font:inherit;background:transparent;color:inherit;}
.sns-doc-list :is(.icon-star,.icon-lock) {position:static;width:13px;flex:0 0 13px;margin:0;color:var(--sns-accent);}
.sns-doc-list .icon-lock {order:-1;}
.sns-index-note {font-size:12px;line-height:1.7;color:var(--sns-muted);margin-top:28px;}
.sns-index-note a {text-decoration:underline;}
.section-tree .sns-doc-list .article-list-link {font-size:14px;}
@media (max-width:1100px) {
  .sns-article-stage .article-container {grid-template-columns:176px minmax(0,1fr);gap:24px;}
  .sns-article-stage .article-container > .article {padding:32px 30px 26px;}
}
@media (max-width:900px) {
  .sns-article-stage .article-container {display:block;}
  .sns-article-stage .article-sidebar {margin:0 0 20px;padding:0;}
  .sns-article-stage .article-sidebar .collapsible-sidebar {padding:14px 0;border-top:1px solid #d1d6ce;border-bottom:1px solid #d1d6ce;}
  .sns-article-stage .article-sidebar .sidenav-title {margin:0;}
  .sns-article-stage .article-sidebar .collapsible-sidebar-body {padding-top:12px;}
  .sns-article-stage .article-sidebar .collapsible-sidebar-toggle {color:#52605f;right:0;}
  .sns-article-stage .article-container > .article {padding:32px;}
  .sns-article-stage .sub-nav {margin:22px 0 24px;}
}
@media (max-width:650px) {
  .sns-site-header .sns-brand-name {font-size:10px;max-width:105px;}
  .sns-site-header .logo a {gap:12px;}
  .sns-article-stage {padding-bottom:32px;}
  .sns-article-stage .sns-article-layout {width:calc(100% - 32px);}
  .sns-article-stage .article-container > .article {padding:26px 22px 20px;border-radius:9px;}
  .sns-article-stage .article-title {font-size:29px;line-height:1.2;}
  .sns-article-stage .article-body.sns-reading-light {font-size:16px;line-height:1.8;}
  .sns-article-stage .article-body :is(h1,h2) {font-size:24px;}
  .sns-article-stage .article-body h3 {font-size:20px;}
  .sns-article-stage .article-author {margin-right:8px;}
  .sns-article-stage .article-meta .meta-group {font-size:10px;}
  .sns-article-stage .article-subscribe {margin:12px 0 0;}
  .sns-article-stage .article-body :is(th,td) {padding:10px 12px;}
  .sns-article-stage .article-body blockquote {padding:16px;}
  .sns-product-index .page-header {margin-bottom:24px;}
  .sns-doc-list .article-list-link {font-size:15px;padding:16px 26px 16px 0;}
  .sns-doc-list > .article-list-item {gap:8px;}
  .sns-advisory {padding:18px;}
}
@media print {
  .sns-article-stage {background:#fff;border:0;padding:0;}
  .sns-article-stage .article-container {display:block;}
  .sns-article-stage .article-container > .article {border:0;box-shadow:none;padding:0;}
  .sns-article-stage .article-body.sns-reading-light {font-size:11pt;}
  .sns-article-stage .article-title {font-size:24pt;}
  .sns-article-stage .article-body pre {white-space:pre-wrap;color:#111;background:#fafafa;}
}
/* Final spacing and native-helper variations. */
.sns-advisory {padding:18px 20px;background:#171a1b;}
.sns-article-stage .article-subscribe :is(a,button),
.sns-article-stage button.article-subscribe {border-color:#a69a7b;color:#745819;background:#fff;}
.sns-article-stage .article-subscribe :is(a,button):hover,
.sns-article-stage button.article-subscribe:hover {background:#f4f0e4;color:#58420f;}
.sns-product-index .page-header {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;}
.sns-product-index .page-header .sns-list-kicker {grid-column:1 / -1;}
.sns-product-index .page-header h1 {grid-column:1;min-width:0;margin-right:0;}
.sns-product-index .page-header .section-subscribe {grid-column:2;grid-row:2;}
.sns-product-index .page-header-description {grid-column:1 / -1;font-style:normal;}
@media (max-width:650px) {
 .sns-product-index .page-header {gap:0 12px;}
 .sns-product-index .page-header h1 {overflow-wrap:anywhere;}
}
.sns-article-stage .article-header {text-align:left;justify-content:flex-start;}
.sns-article-stage .article-author {justify-content:flex-start;text-align:left;}
.sns-article-stage .sns-article-time {text-align:left;}
@media (min-width:901px) {
 .sns-article-stage .article-sidebar .collapsible-sidebar {max-height:none;overflow:visible;padding:0;}
 .sns-article-stage .article-sidebar .collapsible-sidebar-body {display:block;}
 .sns-article-stage .article-sidebar .collapsible-sidebar-toggle {display:none;}
}
@media (max-width:900px) {
 .sns-article-stage .article-sidebar .collapsible-sidebar {max-height:48px;min-height:48px;}
 .sns-article-stage .article-sidebar .collapsible-sidebar[aria-expanded='true'] {max-height:none;}
 .sns-article-stage .article-sidebar .sidenav-title {padding-right:38px;}
 .sns-article-stage .article-sidebar .collapsible-sidebar-toggle {z-index:1;width:34px;height:34px;top:24px;}
 .sns-article-stage .article-sidebar .collapsible-sidebar-toggle:focus-visible {outline:2px solid #806015;outline-offset:2px;}
}

/* SNS Technical Library 1.3.0
   Reading contrast, resource navigation, and a coherent light support workspace. */
.breadcrumbs, .breadcrumbs li, .breadcrumbs a, .breadcrumbs a:visited {
  font-family:var(--sns-mono);font-size:12px;line-height:1.85;letter-spacing:0;
  color:#c7cdd2;
}
.breadcrumbs li::before {color:#9da7ae;}
.breadcrumbs a:hover {color:#fff;text-decoration:underline;text-underline-offset:3px;}
.sns-article-stage .breadcrumbs, .sns-article-stage .breadcrumbs li,
.sns-article-stage .breadcrumbs li a, .sns-article-stage .breadcrumbs li a:visited,
.sns-support-stage .breadcrumbs, .sns-support-stage .breadcrumbs li,
.sns-support-stage .breadcrumbs li a, .sns-support-stage .breadcrumbs li a:visited {color:#495a5c;}
.sns-article-stage .breadcrumbs li::before, .sns-support-stage .breadcrumbs li::before {color:#687575;}
.sns-article-stage .breadcrumbs a:hover, .sns-support-stage .breadcrumbs a:hover {color:#223436;}
/* Native search retains its label, keyboard behavior, and instant-search hook. */
.sns-hero .sns-search-shell .search input[name='query'] {
  background:#252a2e;color:#fff;-webkit-text-fill-color:#fff;caret-color:#ffcf6e;
  border-color:#7b868d;font-weight:450;opacity:1;
}
.sns-hero .sns-search-shell .search input[name='query']:focus {
  border-color:#f2bd51;box-shadow:0 0 0 3px #ffb51120;outline:2px solid transparent;
}
.sns-hero .sns-search-shell .search input[name='query']:-webkit-autofill {
  -webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #252a2e inset;caret-color:#ffcf6e;
}
.sns-hero .sns-search-shell > .sns-icon {color:#d2d9de;}
.sns-hero-resources {margin-top:27px;padding:22px 0 0;border-top:1px solid #343b3f;border-bottom:0;max-width:1120px;}
.sns-hero-resources > ul {gap:22px;}
.sns-hero-resources a {padding:8px 0;gap:12px;}
.sns-hero-resources a:hover {text-decoration:none;}
.sns-hero-resources a:hover strong {text-decoration:underline;text-underline-offset:4px;}
.sns-hero-resources a > .sns-icon {color:#e6c27a;}
.sns-hero-resources strong {font:500 12px/1.6 var(--sns-mono);color:#edf0f0;}
.sns-hero-resources small {font-size:12px;color:#b9c1c6;}
.sns-hero-resources .sns-resource-arrow {color:#bbc4c8;}
.sns-reading-grid {padding-top:24px;}
/* A warm-gray stage, white panels, and restrained gold details on all support pages. */
.sns-support-stage {
  --sns-text:#28343b;--sns-muted:#586661;--sns-soft:#64716c;--sns-line:#d8ddd5;
  --sns-surface:#fff;--sns-surface-raised:#f5f6f2;
  color-scheme:light;background:#eef0e9;color:#28343b;
  padding:1px 0 72px;min-height:74vh;border-top:1px solid #cfd4cd;
}
.sns-support-stage .container {max-width:1200px;}
.sns-support-stage a {color:#735518;}
.sns-support-stage a:hover {color:#493713;}
.sns-support-stage :focus-visible {outline-color:#806015;}
.sns-support-stage .sub-nav {margin:25px 0 38px;}
.sns-support-stage .search input[type='search'] {
  background:#fafbf7;color:#28343b;-webkit-text-fill-color:#28343b;border:1px solid #a2aea6;border-radius:7px;
}
.sns-support-stage .search-icon {color:#62716d;}
.sns-support-stage .search input::placeholder {color:#64716d;-webkit-text-fill-color:#64716d;opacity:1;}
.sns-support-top-nav {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:27px 0 36px;font:12px/1.8 var(--sns-mono);color:#52625e;}
.sns-support-top-nav a {color:#495b57;}
.sns-support-top-nav a > span {margin-inline:5px;}
.sns-support-top-nav .sns-following-link {margin-inline-start:auto;}
.sns-support-heading {margin:0 0 32px;}
.sns-support-heading .sns-eyebrow {color:#76602d;margin:0 0 12px;}
.sns-support-heading h1 {margin:0 0 13px;font-size:clamp(32px,3.1vw,43px);font-weight:650;line-height:1.17;letter-spacing:-.035em;max-width:950px;color:#253337;overflow-wrap:anywhere;}
.sns-support-heading > p:not(.sns-eyebrow), .sns-support-heading > div > p:not(.sns-eyebrow) {margin:0;color:#5b6964;font-size:16px;line-height:1.7;max-width:690px;}
.sns-support-heading .follow-up-hint {display:block;margin:10px 0;font-size:14px;line-height:1.6;font-weight:400;letter-spacing:0;}
.sns-support-heading .follow-up-hint:empty {display:none;}
.sns-support-grid {display:grid;grid-template-columns:minmax(0,800px) minmax(240px,1fr);align-items:start;gap:38px;}
.sns-support-card {min-width:0;background:#fff;border:1px solid #d9dfd6;border-radius:12px;box-shadow:0 3px 15px #263c3010;}
.sns-request-form-card {padding:34px 38px 38px;}
.sns-support-stage .form {max-width:none;width:100%;margin:0;padding:0;}
.sns-support-stage .form-field {margin-top:24px;}
.sns-support-stage .form-field:first-child {margin-top:0;}
.sns-support-stage .form-field label {font:600 14px/1.65 var(--sns-font);color:#30413d;margin-bottom:8px;}
.sns-support-stage .form-field label:after {color:#8b491f;}
.sns-support-stage .form-field .optional {font-weight:400;font-size:12px;color:#63706a;}
.sns-support-stage .form .form-field input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='hidden']):not([type='file']),
.sns-support-stage .form-field textarea, .sns-support-stage .form-field select,
.sns-support-stage .form-field .nesty-input, .sns-support-stage .request-container textarea,
.sns-support-stage .request-container input[type='text'], .sns-support-stage .request-container input[type='email'],
.sns-support-stage .request-container select {
  background:#fcfdfb;color:#263b36;-webkit-text-fill-color:#263b36;border:1px solid #a9b5ad;border-radius:6px;
  font:15px/1.6 var(--sns-font);box-shadow:0 1px 1px #10201803;max-width:100%;
}
.sns-support-stage input[type='text'], .sns-support-stage input[type='email'], .sns-support-stage select {min-height:46px;}
.sns-support-stage .form-field textarea, .sns-support-stage .request-container textarea {padding:14px;min-height:170px;}
.sns-support-stage :is(input,textarea)::placeholder {color:#65756e;-webkit-text-fill-color:#65756e;opacity:1;}
.sns-support-stage .form-field :is(input,select,textarea):focus {border-color:#8a702f;outline:2px solid #b89b55;outline-offset:2px;}
.sns-support-stage .form-field .nesty-input {padding:10px 12px;line-height:24px;min-height:46px;}
.sns-support-stage .form-field p, .sns-support-stage .form-field .description {font-size:13px;line-height:1.7;color:#5d6d65;margin-top:8px;}
.sns-support-stage .form footer {border-top:1px solid #e3e7df;margin:29px 0 0;padding:24px 0 0;}
.sns-support-stage .sns-button-primary, .sns-support-stage input[type='submit'] {
  background:#efb73f;border:1px solid #e2a936;color:#231d0e;-webkit-text-fill-color:#231d0e;
  font:650 14px/1.5 var(--sns-font);min-height:46px;border-radius:7px;padding:12px 21px;
}
.sns-support-stage .sns-button-primary:hover, .sns-support-stage input[type='submit']:hover {background:#f8c454;color:#231d0e;text-decoration:none;}
.sns-support-stage .upload-dropzone {background:#f6f8f3;border:1px dashed #a5b1a8;border-radius:8px;padding:23px 14px;color:#55665c;font-size:13px;line-height:1.7;min-height:80px;}
.sns-support-stage .upload-dropzone span {color:#55665c;}
.sns-support-stage .upload-dropzone a {color:#705316;}
.sns-support-stage .upload-item, .sns-support-stage .upload-item a {color:#3a5146;}
.sns-support-stage .hc-wysiwyg {border:1px solid #a9b5ad;border-radius:7px;background:#fff;color:#273d33;overflow:hidden;}
.sns-support-stage .hc-wysiwyg [role='toolbar'], .sns-support-stage .hc-wysiwyg-toolbar {background:#f4f6f0;border-bottom:1px solid #d5ded3;color:#445e51;}
.sns-support-stage .hc-wysiwyg [role='toolbar'] button {color:#445e51;background:transparent;}
.sns-support-stage .hc-wysiwyg [contenteditable='true'], .sns-support-stage [role='textbox'] {background:#fff;color:#283e34;padding:14px;line-height:1.7;min-height:160px;}
.sns-support-stage .notification-error {background:#fff2ef;color:#852e29;border-color:#d5a69c;}
.sns-support-stage .notification-error a {color:#852e29;}
.sns-support-guidance {padding-top:5px;}
.sns-guidance-block {padding:26px 0;border-top:1px solid #d1d9ce;}
.sns-guidance-block:first-child {padding-top:0;border-top:0;}
.sns-guidance-block .sns-eyebrow {color:#6b602e;font-size:10px;letter-spacing:.07em;}
.sns-guidance-block h2 {font:650 24px/1.25 var(--sns-font);letter-spacing:-.025em;color:#304039;margin:0 0 14px;}
.sns-guidance-block h3 {font:650 15px/1.5 var(--sns-font);color:#36493f;margin:0 0 9px;}
.sns-guidance-block p {font:14px/1.8 var(--sns-font);color:#52645b;margin:0 0 14px;}
.sns-support-hours {display:grid;gap:3px;margin-top:22px;padding:16px 18px;border:1px solid #d1d8c7;border-radius:8px;background:#e7ebdf;font-size:14px;color:#405344;}
.sns-support-hours .sns-eyebrow {margin-bottom:5px;font-size:10px;}
.sns-support-hours strong {font-weight:600;}
.sns-guidance-block .sns-text-link {font-size:13px;}
.sns-emergency-note p {font-size:12px;line-height:1.8;margin:0;}
/* Request history: native sorting, search, organization and status filters. */
.sns-requests-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;}
.sns-requests-heading .sns-button {flex-shrink:0;}
.sns-requests-card {padding:0 32px 18px;}
.sns-requests-card .my-activities-sub-nav {margin:0;padding:0;}
.sns-requests-card .collapsible-nav {background:transparent;border:0;min-height:0;height:auto;max-height:none;overflow:visible;}
.sns-requests-card .collapsible-nav-list {display:flex;gap:28px;flex-wrap:wrap;list-style:none;margin:0;padding:0;border-bottom:1px solid #dfe5da;}
.sns-requests-card .collapsible-nav-list li {display:block;padding:0;margin:0;border:0;}
.sns-requests-card .collapsible-nav-list a {display:block;font:550 13px/1.7 var(--sns-font);padding:22px 0 17px;color:#5b6b61;border-bottom:3px solid transparent;}
.sns-requests-card .collapsible-nav-list .current a {border-color:#aa842a;color:#324437;}
.sns-requests-card .collapsible-nav-toggle {display:none;}
.sns-requests-card .requests-table-toolbar {display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:26px 0;margin:0;border-bottom:1px solid #e4e9e0;}
.sns-requests-card .requests-table-toolbar .search {flex:1 1 260px;min-width:160px;max-width:none;}
.sns-requests-card .requests-table-toolbar .search input {height:46px;min-height:46px;background:#f9fbf6;border-color:#a3b1a5;color:#2c4033;border-radius:7px;padding-inline-start:38px;}
.sns-requests-card .request-table-filter {width:auto;flex:0 1 auto;min-width:160px;}
.sns-requests-card .request-filter {margin:0;}
.sns-requests-card .request-filter-label {font:500 11px/1.5 var(--sns-mono);color:#536959;margin:0 0 8px;}
.sns-requests-card .request-table-filter select {height:46px;min-height:46px;max-height:none;width:100%;max-width:none;background:#f9fbf6;color:#2c4033;border:1px solid #a3b1a5;border-radius:7px;padding:8px 28px 8px 12px;}
.sns-requests-card .organization-subscribe {margin:0;min-width:0;}
.sns-requests-card .organization-subscribe:empty {display:none;}
.sns-requests-card .organization-subscribe button {color:#4e603c;background:#f4f6ee;border:1px solid #a9b7a1;border-radius:6px;max-height:none;min-height:46px;}
.sns-requests-card .requests {margin:0;}
.sns-requests-card .table {margin:0;width:100%;table-layout:fixed;border-collapse:collapse;}
.sns-requests-card .table th {background:#fff;color:#586d5c;font:500 10px/1.7 var(--sns-mono);letter-spacing:.035em;text-transform:uppercase;border-bottom:1px solid #dbe2d6;padding:19px 14px 12px;}
.sns-requests-card .table th a {color:#536650;}
.sns-requests-card .table td {color:#596b5c;background:#fff;border-color:#e1e6dc;padding:24px 14px;font-size:12px;line-height:1.7;vertical-align:middle;}
.sns-requests-card .table th:first-child, .sns-requests-card .table td:first-child {padding-inline-start:0;width:44%;}
.sns-requests-card .table th:nth-child(2) {width:11%;}
.sns-requests-card .table th:last-child, .sns-requests-card .table td:last-child {padding-inline-end:0;width:15%;}
.sns-requests-card .table tbody tr:last-child td {border-bottom:0;}
.sns-requests-card .table tbody tr:hover td {background:#fafbf7;}
.sns-requests-card .table td > .striped-list-title {display:block;font:550 15px/1.6 var(--sns-font);color:#2f4c39;max-width:none;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;}
.sns-requests-card .table td > .striped-list-title:hover {color:#755818;}
.sns-support-stage .status-label {font:500 10px/1.6 var(--sns-mono);text-transform:none;letter-spacing:0;border:1px solid #cbd7cb;border-radius:5px;background:#edf2e9;color:#41583e;padding:4px 8px;white-space:normal;}
.sns-support-stage .status-label-open {background:#edf3ec;color:#3e5e39;border-color:#bed0b7;}
.sns-support-stage .status-label-pending {background:#faf2de;color:#74551a;border-color:#dcc693;}
.sns-support-stage .status-label-hold {background:#f1eef7;color:#65527e;border-color:#d0c5df;}
.sns-support-stage .status-label-solved, .sns-support-stage .status-label-closed {background:#eff2ef;color:#59675a;border-color:#ced7cc;}
.sns-support-stage .requests-search-info {color:#5c6d5e;font-size:13px;padding-top:18px;}
.sns-support-stage .sns-empty-state {padding:55px 20px;text-align:center;}
.sns-empty-state h2 {font-size:25px;color:#2f4537;margin:12px 0;}
.sns-empty-state p {color:#576d5c;max-width:440px;margin:12px auto;}
.sns-empty-state .sns-button {margin-top:16px;}
.sns-support-stage .pagination {margin:24px 0 10px;}
.sns-support-stage .pagination a {border-color:#aebbab;color:#58673d;}
/* Individual requests: the conversation and ticket metadata get the same paper treatment. */
.sns-request-summary {display:flex;align-items:center;gap:12px;margin-top:20px;}
.sns-ticket-number {font:12px var(--sns-mono);color:#597062;}
.sns-support-stage .request-container {display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:28px;align-items:start;}
.sns-support-stage .request-main {min-width:0;width:100%;flex:none;margin:0;padding:12px 32px 30px;}
.sns-support-stage .request-main .comment-list {padding:0;margin:0;}
.sns-support-stage .request-main .comment {padding:28px 0;border-bottom:1px solid #e0e7d9;margin:0;}
.sns-support-stage .request-main .comment-wrapper {padding:0;display:block;}
.sns-support-stage .request-main .comment-info {width:100%;margin:0;min-width:0;}
.sns-support-stage .request-main .comment-author {margin:0 0 16px;display:flex;align-items:center;gap:12px;}
.sns-support-stage .comment-avatar {margin:0;}
.sns-support-stage .comment-meta a {font-size:14px;font-weight:650;color:#354f3c;}
.sns-support-stage .comment-meta .meta-data {font:11px/1.7 var(--sns-mono);color:#657465;}
.sns-support-stage .comment-body {color:#34493a;font:16px/1.85 var(--sns-reading-font,var(--sns-font));overflow-wrap:anywhere;}
.sns-support-stage .comment-body p {margin:0 0 1em;}
.sns-support-stage .comment-body :is(h1,h2,h3,h4) {color:#2d4134;}
.sns-support-stage .comment-body :is(img,video,iframe) {max-width:100%;}
.sns-support-stage .comment-body pre {white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6ee;color:#324c35;border:1px solid #d9e1d0;padding:16px;border-radius:7px;}
.sns-support-stage .attachments a {color:#6b531b;}
.sns-support-stage .comment-container {min-width:0;width:auto;flex:1;}
.sns-support-stage .request-main .comment-form {margin:0;padding-top:26px;display:flex;gap:12px;}
.sns-support-stage .comment-show-container {background:#f8faf4;color:#4b624e;border:1px solid #acb9a5;border-radius:7px;padding:15px;min-height:54px;font-size:14px;}
.sns-support-stage .comment-form-controls {margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.sns-support-stage .mark-as-solved {color:#526538;background:#f7f9f0;border:1px solid #a6b595;}
.sns-support-stage .request-sidebar {position:static;overflow:visible;max-height:none;flex:none;width:auto;margin:0;padding:24px;border-color:#d5ded0;background:#fff;font-size:13px;}
.sns-support-stage .request-sidebar h2 {font:600 11px/1.7 var(--sns-mono);letter-spacing:.06em;text-transform:uppercase;color:#506447;margin:0 0 20px;}
.sns-support-stage .request-sidebar .collapsible-sidebar-toggle {color:#5a6b4b;}
.sns-support-stage .request-details {display:grid;grid-template-columns:1fr;gap:4px;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #e0e7d9;}
.sns-support-stage .request-details:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.sns-support-stage .request-details dt {color:#647760;font:11px/1.6 var(--sns-mono);width:auto;max-width:none;margin:10px 0 0;}
.sns-support-stage .request-details dt:first-child {margin-top:0;}
.sns-support-stage .request-details dd {color:#334d39;font:13px/1.65 var(--sns-font);margin:0;width:auto;max-width:none;overflow-wrap:anywhere;}
.sns-support-stage .request-details dd::after {display:none;}
.sns-support-stage .request-details form {min-width:0;}
.sns-support-stage .request-sidebar .request-attachments .attachments {padding:0;}
.sns-support-stage .request-follow-up {color:#586e56;font-size:13px;}
/* The collection keeps the same uncluttered article-list layout as product sections. */
.sns-api-collection {margin-top:10px;}
.sns-collection-status {font:12px/1.8 var(--sns-mono);color:#c0c9cc;margin:0 0 18px;}
.sns-collection-actions {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0;}
.sns-api-collection[aria-busy='true'] .sns-collection-status::before {content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#d8b963;margin-right:10px;}
@media (min-width:1024px) {
  .sns-support-stage .request-sidebar .collapsible-sidebar-body {display:block;}
  .sns-support-stage .request-sidebar .collapsible-sidebar-toggle {display:none;}
}
@media (max-width:1023px) {
  .sns-support-grid {grid-template-columns:minmax(0,1fr) 250px;gap:26px;}
  .sns-request-form-card {padding:28px;}
  .sns-support-stage .request-container {grid-template-columns:minmax(0,1fr);}
  .sns-support-stage .request-sidebar {order:-1;padding:18px 22px;}
  .sns-support-stage .request-sidebar h2 {margin:0;padding-right:30px;}
  .sns-support-stage .request-sidebar .collapsible-sidebar-toggle {right:16px;top:27px;}
  .sns-support-stage .request-sidebar .collapsible-sidebar-body {display:none;padding-top:22px;}
  .sns-support-stage .request-sidebar[aria-expanded='true'] .collapsible-sidebar-body {display:block;}
}
@media (max-width:767px) {
  .sns-hero-resources > ul {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;}
  .sns-support-grid {grid-template-columns:minmax(0,1fr);gap:24px;}
  .sns-support-guidance {display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0;}
  .sns-guidance-block {padding-top:0;border-top:0;}
  .sns-emergency-note {grid-column:1 / -1;border-top:1px solid #d1d9ce;padding-top:22px;}
  .sns-requests-heading {align-items:flex-start;flex-direction:column;gap:22px;}
  .sns-requests-card {padding:0 24px 16px;}
  .sns-requests-card .collapsible-nav-list {gap:20px;}
  .sns-requests-card .collapsible-nav-list a {font-size:12px;}
  .sns-requests-card .requests-table-toolbar {gap:18px;}
  .sns-requests-card .requests-table-toolbar .search {flex:1 1 100%;}
  .sns-requests-card .request-table-filter {flex:1 1 160px;}
  .sns-requests-card .request-table-filter.organization-subscribe:empty {display:none;}
  .sns-requests-card .requests-table td:first-child {width:100%;padding:22px 0;}
  .sns-requests-card .requests-table-meta {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;}
  .sns-requests-card .requests-table-meta .meta-data {color:#657260;font:11px/1.6 var(--sns-mono);}
  .sns-requests-card .requests-table-meta .meta-data::after {display:none;}
  .sns-support-stage .request-main {padding:4px 25px 26px;}
}
@media (max-width:599px) {
  .sns-support-stage {padding-bottom:38px;}
  .sns-support-stage .container {width:calc(100% - 32px);}
  .sns-support-stage .sub-nav {margin:22px 0 26px;}
  .sns-support-top-nav {margin:22px 0 28px;gap:8px;font-size:11px;}
  .breadcrumbs, .breadcrumbs li, .breadcrumbs a {font-size:11px;}
  .sns-article-stage .breadcrumbs {font-size:11px;}
  .sns-support-heading {margin-bottom:26px;}
  .sns-support-heading h1 {font-size:32px;}
  .sns-support-heading > p:not(.sns-eyebrow), .sns-support-heading > div > p:not(.sns-eyebrow) {font-size:14px;}
  .sns-request-form-card {padding:25px 21px;}
  .sns-support-stage .form-field input, .sns-support-stage .form-field textarea, .sns-support-stage .form-field select {font-size:16px !important;}
  .sns-support-guidance {grid-template-columns:1fr;gap:0;padding:0 6px;}
  .sns-guidance-block {border-top:1px solid #d1d9ce;padding:23px 0;}
  .sns-guidance-block:first-child {padding-top:10px;}
  .sns-guidance-block h2 {font-size:23px;}
  .sns-requests-card {padding:0 20px 14px;}
  .sns-requests-card .collapsible-nav-list {gap:0 18px;}
  .sns-requests-card .collapsible-nav-list a {padding:16px 0 11px;font-size:12px;}
  .sns-support-stage .request-main {padding:0 20px 22px;}
  .sns-support-stage .request-sidebar {padding:17px 20px;}
  .sns-support-stage .comment-body {font-size:15px;}
  .sns-support-stage .request-main .comment-form {display:block;}
  .sns-support-stage .request-main .comment-form > .avatar {display:none;}
  .sns-support-stage .comment-form-controls {align-items:stretch;}
  .sns-support-stage .comment-form-controls > .button {flex:1;}
  .sns-support-stage .request-submit-comment input {width:100%;}
  .sns-hero-resources {margin-top:23px;padding-top:18px;}
  .sns-hero-resources > ul {gap:16px;}
  .sns-hero-resources strong {font-size:11px;}
  .sns-hero-resources small {font-size:11px;}
  .sns-hero-resources a {gap:9px;}
  .sns-hero-resources a > .sns-icon {width:17px;height:17px;}
  .sns-hero-resources .sns-resource-arrow {display:none;}
}
@media print {
  .sns-support-stage {background:#fff;padding:0;color:#000;}
  .sns-support-card {border:0;box-shadow:none;}
  .sns-support-stage .request-container, .sns-support-grid {display:block;}
  .sns-support-stage .request-main {padding:0;}
  .sns-support-stage .request-sidebar {page-break-inside:avoid;}
  .sns-support-top-nav, .sns-support-stage .comment-form {display:none;}
}
/* Native template specificity corrections. */
.sns-guidance-block p.sns-eyebrow {font-family:var(--sns-mono);font-weight:600;line-height:1.7;}
.sns-requests-card .table th a {font:inherit;letter-spacing:inherit;text-transform:inherit;}
.sns-support-stage .request-sidebar h2 {display:block;}
.sns-requests-card .collapsible-nav-list li {flex:0 1 auto;min-width:0;width:auto;}
.sns-support-stage .request-main input[type='submit']:disabled {background:#e6e9df;border-color:#ced6c5;color:#677160;-webkit-text-fill-color:#677160;cursor:not-allowed;}
.sns-support-stage .request-sidebar {position:relative;}
.sns-support-stage .request-sidebar .collapsible-sidebar-toggle {z-index:2;width:36px;height:36px;}

/* SNS Technical Library 1.4.0
   Quiet, consistent listing surfaces and accessible native article vote states. */
.sns-site-header .sns-user-nav {gap:24px;}
.sns-site-header .sns-header-products,
.sns-site-header .sns-header-requests {min-height:44px;display:inline-flex;align-items:center;}
.sns-site-header .sns-user-nav > .sns-header-requests {color:#e9eeeb;}
.sns-hero-resources > ul {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.sns-hero .sns-hero-advisory {
  margin:25px 0 0;max-width:1120px;padding:17px 20px;
  background:#1b1d1c;border:1px solid #3d3d35;border-left:3px solid var(--sns-accent);
  border-radius:0 8px 8px 0;
}
.sns-hero-advisory a {color:#d2d7d4;}
.sns-hero-advisory a:hover {color:#fff;}
.sns-hero {padding-bottom:36px;}

/* Feedback is an invitation, not a high-emphasis purchase action.
   selected_class is emitted by Zendesk; the state selectors also cover older markup.
   No custom vote submission or fabricated success message is introduced. */
.article-votes {
  --sns-vote-bg:#232927;--sns-vote-border:#78877d;--sns-vote-ink:#edf3ed;
  --sns-vote-hover-bg:#353c33;--sns-vote-hover-ink:#fff;
}
.sns-article-stage .article-votes {
  --sns-vote-bg:#fff;--sns-vote-border:#97a59a;--sns-vote-ink:#3e5145;
  --sns-vote-hover-bg:#f3f6ef;--sns-vote-hover-ink:#263e2c;
  background:#f7f9f5;border:1px solid #dde5d9;border-radius:10px;
  padding:25px 20px 22px;margin:12px 0 20px;
}
.article-votes .article-votes-question {display:block;font-size:16px;font-weight:600;line-height:1.5;}
.article-votes-controls {display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 10px;}
.article-votes .article-votes-controls .article-vote {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:104px;min-height:44px;width:auto;margin:0;padding:10px 19px;
  font:600 14px/1.5 var(--sns-font);border-radius:7px;box-shadow:none;
  background:var(--sns-vote-bg);border:1px solid var(--sns-vote-border);
  color:var(--sns-vote-ink);-webkit-text-fill-color:currentColor;text-decoration:none;
  transition:background-color .15s,border-color .15s;
}
.article-votes .article-votes-controls .article-vote:hover {
  background:var(--sns-vote-hover-bg);border-color:#788d76;color:var(--sns-vote-hover-ink);text-decoration:none;
}
.article-votes .article-votes-controls .article-vote:is(.sns-vote-selected,.button-primary,.article-voted,[aria-checked='true'],[aria-pressed='true']) {
  background:#f7eedc;border-color:#a48b58;color:#5b451e;-webkit-text-fill-color:#5b451e;
}
.article-votes .article-votes-controls .article-vote-up:is(.sns-vote-selected,.button-primary,.article-voted,[aria-checked='true'],[aria-pressed='true']) {
  background:#e6f0e5;border-color:#73927a;color:#274b31;-webkit-text-fill-color:#274b31;
}
.article-votes .article-votes-controls .article-vote:is(.sns-vote-selected,.button-primary,.article-voted,[aria-checked='true'],[aria-pressed='true'])::before {
  content:'';display:block;width:11px;height:6px;border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(-45deg);flex:0 0 11px;
}
.article-votes .article-votes-controls .article-vote-up:is(.sns-vote-selected,.button-primary,.article-voted,[aria-checked='true'],[aria-pressed='true']):hover {
  background:#dcebdd;border-color:#56755d;color:#21412b;-webkit-text-fill-color:#21412b;
}
.article-votes .article-votes-controls .article-vote-down:is(.sns-vote-selected,.button-primary,.article-voted,[aria-checked='true'],[aria-pressed='true']):hover {
  background:#f2e7cc;border-color:#8a7447;color:#503c19;-webkit-text-fill-color:#503c19;
}
.article-votes .article-votes-controls .article-vote:focus-visible {outline:2px solid #677844;outline-offset:3px;}
.article-votes .article-votes-count {display:block;font:11px/1.65 var(--sns-mono);color:var(--sns-muted);}

/* One light reading environment for categories, sections, search, and API docs. */
.sns-listing-stage {
  --sns-text:#28343b;--sns-muted:#586661;--sns-soft:#64716c;--sns-line:#d8ddd5;
  --sns-surface:#fff;--sns-surface-raised:#f5f6f2;--sns-accent:#735518;--sns-on-accent:#fff;
  color-scheme:light;color:#28343b;background:#eef0e9;border-top:1px solid #cfd4cd;
  padding:1px 0 72px;min-height:74vh;
}
.sns-listing-stage > .container {max-width:1200px;}
.sns-listing-stage a {color:#35543f;}
.sns-listing-stage a:hover {color:#223c2a;}
.sns-listing-stage :focus-visible {outline:2px solid #7b6326;outline-offset:3px;}
.sns-listing-stage .sub-nav {margin:25px 0 38px;}
.sns-listing-stage .breadcrumbs,
.sns-listing-stage .breadcrumbs li,
.sns-listing-stage .breadcrumbs li a,
.sns-listing-stage .breadcrumbs li a:visited {color:#495a5c;}
.sns-listing-stage .breadcrumbs li::before {color:#687575;}
.sns-listing-stage .breadcrumbs li a:hover {color:#223436;}
.sns-listing-stage .search input[type='search'] {
  background:#fafbf7;color:#28343b;-webkit-text-fill-color:#28343b;
  border:1px solid #a2aea6;border-radius:7px;
}
.sns-listing-stage .search-icon {color:#62716d;}
.sns-listing-stage .search input::placeholder {color:#64716d;-webkit-text-fill-color:#64716d;opacity:1;}
.sns-listing-stage .search input[type='search']:-webkit-autofill {
  -webkit-text-fill-color:#28343b;-webkit-box-shadow:0 0 0 1000px #fafbf7 inset;
}
.sns-listing-stage :is(.section-container,.category-container) {display:block;}
.sns-listing-stage :is(.category-content,.section-content) {max-width:none;flex:none;min-width:0;margin:0;padding:0;}
.sns-listing-stage .sns-product-index {max-width:none;margin:0;}
.sns-listing-stage .page-header {margin:0 0 32px;}
.sns-listing-stage .sns-listing-heading {display:block;}
.sns-listing-stage .page-header .sns-eyebrow {color:#76602d;margin:0 0 12px;}
.sns-listing-stage .page-header h1 {
  color:#253337;font-size:clamp(32px,3.1vw,43px);font-weight:650;line-height:1.18;
  letter-spacing:-.035em;margin:0 0 13px;max-width:1050px;overflow-wrap:anywhere;
}
.sns-listing-stage .page-header-description {font-size:16px;font-style:normal;color:#5b6964;line-height:1.7;max-width:760px;margin:0;}
.sns-listing-stage .section-subscribe {margin:0 0 13px;}
.sns-listing-stage .section-subscribe :is(a,button) {
  background:#fff;color:#4b5e4f;border-color:#9aa896;border-radius:6px;min-height:40px;
}
.sns-listing-stage .section-subscribe :is(a,button):hover {background:#e5eadd;color:#2d4534;}
.sns-listing-stage .sns-listing-card {
  background:#fff;border:1px solid #d9dfd6;border-radius:12px;box-shadow:0 3px 15px #263c3010;
  padding:0 32px 16px;min-width:0;overflow:visible;
}
.sns-listing-label {
  padding:23px 0 19px;margin:0;font:500 11px/1.7 var(--sns-mono);
  text-transform:uppercase;letter-spacing:.055em;color:#586951;
}
.sns-listing-stage .sns-doc-list {border-color:#d8ddd5;}
.sns-listing-stage .sns-doc-list > .article-list-item {min-height:73px;border-color:#d8ddd5;gap:13px;transition:background .15s;}
.sns-listing-stage .sns-doc-list > .article-list-item:hover {background:#f8faf6;}
.sns-listing-stage .sns-doc-list .article-list-link {
  color:#2e513a;font-size:15px;font-weight:600;line-height:1.65;padding:22px 35px 22px 0;
  overflow-wrap:anywhere;
}
.sns-listing-stage .sns-doc-list .article-list-link:hover {color:#213b2a;text-decoration:underline;text-underline-offset:3px;}
.sns-listing-stage .sns-doc-list .article-list-link::after {color:#637565;top:50%;transform:translateY(-50%);right:5px;}
.sns-listing-stage .sns-doc-list :is(.icon-star,.icon-lock) {color:#8d7133;}
.sns-listing-stage .sns-index-note {font-size:12px;color:#5d6d62;line-height:1.75;margin:21px 0 7px;}
.sns-listing-stage .sns-index-note a {text-decoration:underline;text-underline-offset:3px;}
.sns-listing-stage .section-list {display:flex;flex-wrap:wrap;gap:10px;padding:22px 0 0;margin:0;}
.sns-listing-stage .section-list-item {margin:0;padding:0;border:0;min-width:0;max-width:100%;}
.sns-listing-stage .section-list-item a {
  display:inline-flex;align-items:center;gap:16px;padding:10px 14px;background:#f6f8f3;
  border:1px solid #c8d1c4;border-radius:7px;font-size:13px;font-weight:550;
}
.sns-listing-stage .section-list-item a:hover {background:#edf2e8;text-decoration:none;}
.sns-listing-stage :is(.section-empty,.category-empty) {display:block;padding:20px 0 26px;font-style:normal;color:#5d6d62;}
.sns-listing-stage .pagination {margin:24px 0 6px;padding:0;}
.sns-listing-stage .pagination a {color:#455b47;border-color:#b1bea9;background:#fff;min-width:36px;min-height:36px;}
.sns-listing-stage .pagination a:hover {background:#edf2e8;color:#253d2e;}
.sns-listing-stage .pagination-current {background:#eee4c9;color:#503c16;border-color:#c8b885;}
/* Categories keep Zendesk's section groupings and show-all links, not a merged search. */
.sns-listing-stage .section-tree {display:block;margin:0;}
.sns-listing-stage .section-tree .section {display:block;width:100%;max-width:none;flex:none;border:0;margin:0;padding:29px 0 22px;}
.sns-listing-stage .section-tree .section + .section {border-top:1px solid #d8ddd5;}
.sns-listing-stage .section-tree-title {font-size:21px;font-weight:650;letter-spacing:-.02em;margin:0 0 20px;}
.sns-listing-stage .section-tree-title a {color:#283f30;}
.sns-listing-stage .section-tree .see-all-articles {display:inline-flex;align-items:center;gap:8px;margin:18px 0 2px;font:500 12px/1.7 var(--sns-mono);color:#70561e;}
.sns-listing-stage .section-tree .see-all-articles::after {content:'\2192';}
/* Search filters are a horizontal toolbar, not a second independently scrolling column. */
.sns-listing-stage .search-results {display:flex;flex-direction:column;gap:0;}
.sns-listing-stage .search-results-sidebar {
  width:100%;max-width:none;flex:none;margin:0;padding:22px 0 20px;border-bottom:1px solid #d8ddd5;
  display:flex;flex-wrap:wrap;gap:20px 32px;overflow:visible;
}
.sns-listing-stage .search-results-sidebar:empty {display:none;}
.sns-listing-stage .search-results-sidebar .filters-in-section {padding:0;border:0;margin:0;flex:1 1 260px;max-width:100%;min-width:0;overflow:visible;}
.sns-listing-stage .search-results-sidebar .sidenav-title {
  font:500 11px/1.7 var(--sns-mono);letter-spacing:.04em;text-transform:uppercase;color:#586951;
  margin:0 0 10px;display:block;
}
.sns-listing-stage .search-results-sidebar .multibrand-filter-list {display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;}
.sns-listing-stage .search-results-sidebar .sidenav-item {display:inline-flex;gap:7px;align-items:center;padding:8px 11px;margin:0;min-height:38px;font-size:12px;font-weight:500;line-height:1.5;color:#50604f;background:#f7f9f4;border:1px solid #d5ddce;border-radius:6px;}
.sns-listing-stage .search-results-sidebar .sidenav-item.current {background:#faf1d9;border-color:#cfb675;color:#624a1b;}
.sns-listing-stage .search-results-sidebar .sidenav-item:hover {background:#eef3e8;border-color:#9cac91;color:#2f4630;text-decoration:none;}
.sns-listing-stage .search-results-sidebar .sidenav-subitem {overflow-wrap:anywhere;}
.sns-listing-stage .search-results-sidebar .doc-count {font:11px/1.5 var(--sns-mono);color:inherit;opacity:1;}
.sns-listing-stage .search-results-sidebar .see-all-filters {margin:0;padding:8px 10px;min-height:38px;font-size:12px;color:#61501f;}
.sns-listing-stage .search-results-column {width:100%;min-width:0;max-width:none;flex:none;padding:0;}
.sns-listing-stage .search-results-subheading {margin:0;padding:23px 0 19px;border-bottom:1px solid #d8ddd5;font:500 12px/1.8 var(--sns-mono);color:#5b6c55;letter-spacing:0;}
.sns-listing-stage .search-results-list {margin:0;padding:0;list-style:none;}
.sns-listing-stage .search-results-list > li {display:block;position:relative;margin:0;padding:25px 0 27px;border-bottom:1px solid #d8ddd5;max-width:none;min-width:0;}
.sns-listing-stage .search-results-list > li:last-child {border-bottom:0;}
.sns-listing-stage .search-results-list > li:first-child {border-top:0;}
.sns-listing-stage .search-results-list > li h2 {margin:0 0 9px;padding-right:30px;font-size:18px;font-weight:650;line-height:1.5;letter-spacing:-.01em;}
.sns-listing-stage .search-results-list .search-result-title a {color:#2e513a;overflow-wrap:anywhere;}
.sns-listing-stage .search-results-list .search-result-title a:hover {color:#213b2a;text-decoration:underline;text-underline-offset:3px;}
.sns-listing-stage .search-results-list .search-result-title a::after {content:'\2192';position:absolute;right:5px;top:27px;color:#637565;font-size:17px;font-weight:400;}
.sns-listing-stage .search-results .meta-group {display:block;padding:0;margin:0 0 10px;font-size:11px;line-height:1.75;}
.sns-listing-stage .search-results .meta-group > li {display:block;padding:0;margin:0;min-width:0;}
.sns-listing-stage .search-result-breadcrumbs {display:flex;flex-wrap:wrap;gap:0;margin:0;overflow:visible;white-space:normal;}
.sns-listing-stage .search-result-breadcrumbs :is(li,a) {font-size:11px;line-height:1.8;color:#566a59;white-space:normal;max-width:100%;overflow-wrap:anywhere;}
.sns-listing-stage .search-result-breadcrumbs a:visited {color:#566a59;}
.sns-listing-stage .search-results-description {color:#596761;font-size:15px;line-height:1.75;max-width:95ch;overflow-wrap:anywhere;}
.sns-listing-stage .search-results :is(.search-results-description,.search-result-title) em {background:#fbf1d0;color:inherit;font-style:normal;font-weight:600;border-radius:2px;padding:0 2px;}
.sns-listing-stage .search-results-column > p {margin:26px 0;line-height:1.8;color:#596761;}
/* The exact-label API loader uses the same list rows as native section pages. */
.sns-listing-stage .sns-collection-status {padding:23px 0 19px;margin:0;color:#5b6c55;font:500 12px/1.8 var(--sns-mono);}
.sns-listing-stage .sns-collection-actions {padding:15px 0 5px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;}
.sns-listing-stage .sns-collection-actions .sns-button {background:#f5f7f1;border-color:#aab79d;color:#344d37;}
.sns-listing-stage .sns-collection-actions a {font-size:13px;text-decoration:underline;}
.sns-listing-stage .sns-index-note code {background:#f0f3eb;color:#465c40;font-size:11px;}
@media (min-width:901px) and (max-width:1100px) {
  .sns-site-header .sns-user-nav {gap:18px;}
  .sns-site-header .sns-brand-name {max-width:100px;font-size:10px;}
  .sns-site-header .sns-user-nav > a {font-size:13px;}
  .sns-user-nav .dropdown-toggle {max-width:160px;}
}
@media (min-width:768px) {
  .sns-listing-stage .search-results-sidebar .collapsible-sidebar {max-height:none;overflow:visible;}
  .sns-listing-stage .search-results-sidebar .collapsible-sidebar[aria-expanded='false'] .multibrand-filter-list {display:flex;}
  .sns-listing-stage .search-results-sidebar .collapsible-sidebar-toggle {display:none;}
}
@media (max-width:900px) {
  .sns-site-header .sns-user-nav[aria-expanded='true'] {gap:4px;}
  .sns-hero-resources > ul {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
}
@media (max-width:767px) {
  .sns-listing-stage .search-results-sidebar {display:block;padding:0;border-bottom:0;}
  .sns-listing-stage .search-results-sidebar .filters-in-section {padding:15px 0;border-bottom:1px solid #d8ddd5;min-height:52px;max-height:none;}
  .sns-listing-stage .search-results-sidebar .collapsible-sidebar-toggle {display:block;right:0;top:26px;width:36px;height:36px;color:#53664f;}
  .sns-listing-stage .search-results-sidebar .sidenav-title {padding-right:40px;margin:0;}
  .sns-listing-stage .search-results-sidebar .multibrand-filter-list {padding-top:13px;}
  .sns-listing-stage .search-results-sidebar .collapsible-sidebar[aria-expanded='false'] .multibrand-filter-list {display:none;}
  .sns-listing-stage .sns-listing-card {padding:0 24px 14px;}
  .sns-listing-stage .page-header h1 {font-size:34px;}
}
@media (max-width:599px) {
  .sns-hero-resources > ul {grid-template-columns:1fr;gap:0;}
  .sns-hero-resources a {padding:15px 0;gap:13px;align-items:center;}
  .sns-hero-resources li + li {border-top:1px solid #303835;}
  .sns-hero-resources strong {font-size:12px;}
  .sns-hero-resources small {font-size:12px;margin-top:2px;}
  .sns-hero-resources .sns-resource-arrow {display:block;margin-left:auto;}
  .sns-hero-resources a > .sns-icon {width:20px;height:20px;}
  .sns-hero .sns-hero-advisory {margin-top:20px;padding:17px;}
  .sns-listing-stage {padding-bottom:38px;}
  .sns-listing-stage > .container {width:calc(100% - 32px);}
  .sns-listing-stage .sub-nav {margin:22px 0 26px;}
  .sns-listing-stage .page-header {margin-bottom:26px;}
  .sns-listing-stage .page-header h1 {font-size:32px;}
  .sns-listing-stage .page-header-description {font-size:14px;}
  .sns-listing-stage .sns-listing-card {padding:0 20px 13px;border-radius:10px;}
  .sns-listing-stage .sns-doc-list > .article-list-item {min-height:70px;gap:9px;}
  .sns-listing-stage .sns-doc-list .article-list-link {font-size:14px;padding:20px 27px 20px 0;}
  .sns-listing-stage .section-tree .section {padding:24px 0 20px;}
  .sns-listing-stage .section-tree-title {font-size:20px;margin-bottom:17px;}
  .sns-listing-stage .search-results-list > li {padding:22px 0;}
  .sns-listing-stage .search-results-list > li h2 {font-size:16px;padding-right:23px;}
  .sns-listing-stage .search-results-list .search-result-title a::after {top:24px;right:0;}
  .sns-listing-stage .search-results-description {font-size:14px;}
  .sns-listing-stage .search-result-breadcrumbs :is(li,a) {font-size:10px;}
  .sns-listing-stage .sns-listing-label,.sns-listing-stage .sns-collection-status {font-size:11px;}
  .sns-article-stage .article-votes {padding:23px 14px 20px;}
}
@media (prefers-reduced-motion:reduce) {
  .article-votes .article-votes-controls .article-vote,.sns-listing-stage .sns-doc-list > .article-list-item {transition:none;}
}
@media (forced-colors:active) {
  .article-votes .article-votes-controls .article-vote:is(.sns-vote-selected,.button-primary,.article-voted,[aria-checked='true'],[aria-pressed='true']) {border:2px solid Highlight;}
}
@media print {
  .sns-listing-stage {background:#fff;color:#000;padding:0;min-height:0;}
  .sns-listing-stage .sns-listing-card {border:0;box-shadow:none;padding:0;}
  .sns-listing-stage .search-results-sidebar {display:none;}
}

.sns-listing-stage .search-results-sidebar:not(:has(.filters-in-section)) {display:none;}

.sns-listing-stage .search-results-sidebar .collapsible-sidebar-toggle {z-index:2;}

/* SNS Technical Library 1.5.0
   Navigation, pagination, CC input geometry, and stable request tabs.
   Native Zendesk helpers and submission behavior are intentionally unchanged. */

/* Header links use the footer's quiet, regular-weight treatment.
   Every direct link shares the same line box, including the outlined action. */
.sns-site-header .sns-user-nav {gap:22px;align-items:center;}
.sns-site-header .sns-user-nav > a {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;margin:0;padding:0;border:0;
  font:400 13px/20px var(--sns-font);letter-spacing:normal;
  color:var(--sns-muted);text-decoration:none;vertical-align:middle;
  transition:color .15s ease,border-color .15s ease,background-color .15s ease;
}
.sns-site-header .sns-user-nav > .sns-header-link {color:var(--sns-muted);}
.sns-site-header .sns-user-nav > a:hover,
.sns-site-header .sns-user-nav > a:focus-visible {color:var(--sns-text);}
.sns-site-header .sns-user-nav > .sns-header-link:hover {
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;
}
.sns-site-header .sns-user-nav > .submit-a-request {
  padding:0 16px;border:1px solid #68717a;border-radius:6px;
  color:var(--sns-text);font-weight:400;
}
.sns-site-header .sns-user-nav > .submit-a-request:hover {
  background:#202428;border-color:var(--sns-accent);text-decoration:none;
}
.sns-site-header .sns-user-nav > a:focus-visible,
.sns-site-header .sns-user-nav .dropdown-toggle:focus-visible {
  outline:2px solid var(--sns-accent);outline-offset:4px;border-radius:4px;
}
.sns-site-header .sns-user-nav .dropdown-toggle {
  font:400 13px/20px var(--sns-font);color:var(--sns-muted);
}
.sns-site-header .sns-user-nav .dropdown-toggle:hover {color:var(--sns-text);}
.sns-site-header .sns-account-label {font-weight:400;}

/* The additional links need a compact menu before they can crowd the logo.
   This overrides Copenhagen's and earlier SNS breakpoints together. */
@media (max-width:1100px) {
  .sns-site-header .menu-button {
    display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
    margin:0;padding:10px;border:1px solid #75808a;border-radius:6px;color:var(--sns-text);
  }
  .sns-site-header .sns-user-nav {
    display:none;position:absolute;top:calc(100% - 1px);left:24px;right:24px;
    background:var(--sns-surface);border:1px solid var(--sns-line);
    box-shadow:0 18px 35px #0005;border-radius:0 0 10px 10px;padding:16px;z-index:40;
  }
  .sns-site-header .sns-user-nav[aria-expanded='true'] {
    display:flex;flex-direction:column;align-items:stretch;gap:4px;
  }
  .sns-site-header .sns-user-nav > a {
    display:flex;justify-content:flex-start;min-height:44px;padding:12px;margin:0;
  }
  .sns-site-header .sns-user-nav > .submit-a-request {margin:4px 0;padding:11px 12px;}
  .sns-site-header .sns-user-nav .user-info {display:block;}
  .sns-site-header .sns-user-nav .dropdown-toggle {padding:12px;width:100%;max-width:none;}
  .sns-site-header .sns-user-nav .dropdown-menu {left:0;right:0;}
}
@media (max-width:650px) {
  .sns-site-header .sns-user-nav {left:20px;right:20px;}
}

/* One pager treatment for article lists, search, request history, and comments.
   Borders belong to the clickable item, never to nested text/icon spans.
   Support both numbered legacy output and next/previous-only output. */
.pagination {
  --sns-page-bg:#191c1f;--sns-page-text:#dce3dd;--sns-page-border:#56615b;
  --sns-page-hover:#29312b;--sns-page-active:#eadcb4;--sns-page-active-text:#403617;
  --sns-page-ring:#dfb456;
}
:is(.sns-listing-stage,.sns-support-stage,.sns-article-stage) .pagination {
  --sns-page-bg:#fff;--sns-page-text:#3f5847;--sns-page-border:#bcc7bc;
  --sns-page-hover:#edf2e8;--sns-page-active:#eee5cf;--sns-page-active-text:#514321;
  --sns-page-ring:#8a702f;
}
.pagination.pagination {
  margin:28px 0 8px;padding:20px 0 0;border-top:1px solid var(--sns-page-border);
  text-align:center;clear:both;
}
.pagination.pagination > ul {
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;
  margin:0;padding:0;list-style:none;
}
.pagination.pagination > ul > li {
  display:flex;align-items:center;flex:0 0 auto;float:none;
  margin:0;padding:0;border:0;background:transparent;line-height:1;
}
.pagination.pagination > ul > li > :is(a,span) {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;min-width:42px;min-height:42px;width:auto;height:auto;
  margin:0;padding:9px 13px;border:1px solid var(--sns-page-border);border-radius:6px;
  background:var(--sns-page-bg);color:var(--sns-page-text);
  font:400 13px/22px var(--sns-font);text-decoration:none;white-space:nowrap;
  vertical-align:middle;transform:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.pagination.pagination > ul > li > a:hover {
  background:var(--sns-page-hover);color:var(--sns-page-text);border-color:#8b9b8c;
  text-decoration:none;transform:none;
}
.pagination.pagination > ul > li > a:focus-visible {
  outline:2px solid var(--sns-page-ring);outline-offset:3px;
}
.pagination.pagination > ul > .pagination-current > :is(a,span),
.pagination.pagination > ul > li > [aria-current='page'] {
  color:var(--sns-page-active-text);background:var(--sns-page-active);border-color:#c7b88c;
  font-weight:600;
}
.pagination.pagination > ul > li > a :is(span,svg) {
  min-width:0;min-height:0;width:auto;height:auto;padding:0;margin:0;
  border:0;border-radius:0;background:transparent;color:inherit;
  font:inherit;line-height:inherit;box-shadow:none;
}
.pagination.pagination > ul > li > a svg {display:block;width:14px;height:14px;flex:0 0 14px;}
.pagination.pagination .pagination-prev-text,
.pagination.pagination .pagination-next-text {display:inline;}
.pagination.pagination .pagination-first-text,
.pagination.pagination .pagination-last-text {
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;
}
.pagination.pagination .pagination-ellipsis > span {
  border-color:transparent;background:transparent;min-width:24px;padding-inline:4px;
}
.pagination.pagination > ul > li > [aria-disabled='true'] {
  background:transparent;color:#6b776e;border-color:transparent;cursor:default;
}
@media (max-width:650px) {
  .pagination.pagination {margin-top:22px;padding-top:18px;}
  .pagination.pagination > ul {gap:6px;}
  .pagination.pagination > ul > li > :is(a,span) {min-width:40px;min-height:42px;padding:9px 10px;}
}

/* Keep tab geometry identical at rest, hover, focus, and selected states.
   Copenhagen's legacy li:hover rule otherwise replaces link padding. */
.sns-requests-card .collapsible-nav-list {flex-direction:row;align-items:stretch;}
.sns-requests-card .collapsible-nav-list > li,
.sns-requests-card .collapsible-nav-list > li:hover,
.sns-requests-card .collapsible-nav-list > li:focus-within {
  display:block;margin:0;padding:0;border:0;transform:none;order:1;
}
.sns-requests-card .collapsible-nav-list > li > a,
.sns-requests-card .collapsible-nav-list > li:hover > a:not([aria-current='page']),
.sns-requests-card .collapsible-nav-list > li > a:is(:hover,:focus,:active) {
  display:block;box-sizing:border-box;margin:0;padding:22px 0 17px;
  border:0;border-bottom:3px solid transparent;
  font:400 13px/1.7 var(--sns-font);color:#516557;transform:none;text-decoration:none;
  transition:color .15s ease,border-color .15s ease;
}
.sns-requests-card .collapsible-nav-list > li:hover > a:not([aria-current='page']) {
  color:#2e4b36;border-bottom-color:#aabbab;
}
.sns-requests-card .collapsible-nav-list > li.current > a,
.sns-requests-card .collapsible-nav-list > li > a[aria-current='page'] {
  color:#324437;border-bottom-color:#aa842a;
}
.sns-requests-card .collapsible-nav-list > li > a:focus-visible {
  outline:2px solid #8a702f;outline-offset:3px;
}
@media (max-width:650px) {
  .sns-requests-card .collapsible-nav-list > li > a,
  .sns-requests-card .collapsible-nav-list > li:hover > a:not([aria-current='page']),
  .sns-requests-card .collapsible-nav-list > li > a:is(:hover,:focus,:active) {
    padding:16px 0 11px;font-size:12px;
  }
}

/* A visibly distinct, readable emergency heading; keep entitlement text intact. */
.sns-support-guidance .sns-emergency-note h3 {color:#a13232;}

/* Native CC/token controls contain a small input inside a bordered list.
   Do not give that inner input the full-size text-field height/padding.
   Narrow !important resets also take precedence over widget inline sizing;
   they do not alter values, autocomplete, validation, or submission. */
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) {min-width:0;max-width:100%;}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul,
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) .hc-token-input {
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:46px;height:auto;
  margin:0;padding:8px 12px;list-style:none;
  border:1px solid #a9b5ad;border-radius:6px;background:#fcfdfb;color:#263b36;
  line-height:28px;overflow:visible;
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul:focus-within,
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul[data-hc-focus='true'] {
  border-color:#8a702f;outline:2px solid #b89b55;outline-offset:2px;
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul > li {
  float:none;max-width:100%;min-width:0;margin:0;line-height:26px;overflow-wrap:anywhere;
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul > li:has(input) {
  flex:1 1 12ch;padding:0;border:0;background:transparent;
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) :is(ul,.hc-token-input) input:is([type='text'],[type='email'],:not([type])) {
  box-sizing:border-box!important;display:block!important;flex:1 1 12ch;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:28px!important;min-height:28px!important;margin:0!important;padding:2px 4px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  font:400 15px/24px var(--sns-font)!important;color:#263b36!important;
  -webkit-text-fill-color:#263b36!important;box-shadow:none!important;outline:0!important;
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) :is(ul,.hc-token-input) input::placeholder {
  color:#65756e!important;-webkit-text-fill-color:#65756e!important;opacity:1;
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul > li:not(:has(input)) {
  display:inline-flex;align-items:center;gap:6px;padding:1px 8px;
  background:#edf2e8;border:1px solid #d1dbcf;border-radius:4px;color:#3c5342;
  font:400 13px/24px var(--sns-font);
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul > li > :is(span,a) {
  min-width:0;max-width:100%;overflow-wrap:anywhere;
}
.sns-support-stage .form-field:is(.request_cc_emails,.comment-ccs) > ul > li > button {
  flex:0 0 auto;min-width:24px;min-height:24px;padding:0;border:0;
  background:transparent;color:#3c5342;line-height:24px;
}
@media (prefers-reduced-motion:reduce) {
  .sns-site-header .sns-user-nav > a,
  .pagination.pagination > ul > li > :is(a,span),
  .sns-requests-card .collapsible-nav-list > li > a {transition:none;}
}

/* SNS Technical Library 1.6.0
   Single-line identity, grouped header navigation, and an optional light hero.
   Article text always defaults to the white reading surface's dark ink. */

/* Brand + company navigation at left; support/account navigation at right.
   Retain a single native navigation element and its existing mobile handler. */
.sns-site-header {gap:32px;}
.sns-site-header .logo {flex:0 0 auto;min-width:0;}
.sns-site-header .logo a {gap:16px;}
.sns-site-header .logo a > .sns-brand-mark,
.sns-site-header .logo a > .sns-brand-name {margin:0;}
.sns-site-header .logo a .sns-brand-name {
  display:block;flex:0 0 auto;max-width:none;white-space:nowrap;
  font-size:12px;line-height:1.4;letter-spacing:.015em;color:#c3c9cd;
}
.sns-site-header .sns-nav-wrapper {display:flex;align-items:center;flex:1 1 auto;min-width:0;}
.sns-site-header .sns-user-nav {width:100%;min-width:0;gap:22px;}
.sns-site-header .sns-user-nav > .sns-header-requests {margin-inline-start:auto;}
.sns-site-header .sns-user-nav > a {flex:0 0 auto;}
.sns-site-header .sns-user-nav .user-info {flex:0 0 auto;}

@media (max-width:1100px) {
  .sns-site-header {gap:16px;}
  .sns-site-header .sns-nav-wrapper {flex:0 0 auto;margin-inline-start:auto;}
  .sns-site-header .sns-user-nav {width:auto;}
  .sns-site-header .sns-user-nav[aria-expanded='true'] {gap:4px;}
  .sns-site-header .sns-user-nav > .sns-header-requests {
    margin-inline-start:0;margin-top:8px;padding-top:17px;min-height:53px;
    border-top:1px solid var(--sns-line);border-radius:0;
  }
}
@media (max-width:650px) {
  .sns-site-header .logo a {gap:10px;}
  .sns-site-header .sns-brand-mark {width:52px;height:40px;flex-basis:52px;}
  .sns-site-header .sns-brand-mark img {width:48px;height:36px;}
  .sns-site-header .logo a .sns-brand-name {font-size:11.5px;letter-spacing:0;}
}
@media (max-width:360px) {
  .sns-site-header {gap:12px;}
  .sns-site-header .logo a .sns-brand-name {font-size:11px;}
}

/* The same warm-gray surround used on article and request pages.
   Scope every light treatment to the hero; the product cards stay dark. */
.sns-hero.sns-hero-light {
  --sns-text:#222b30;--sns-muted:#56625e;--sns-soft:#626e68;
  --sns-line:#cbd1c7;--sns-surface:#ffffff;--sns-surface-raised:#ffffff;
  color-scheme:light;color:var(--sns-reading-ink);
  background:var(--sns-reading-surround);border-bottom-color:#d0d4cc;
}
.sns-hero-light h1 {color:#222b30;}
.sns-hero-light .sns-hero-eyebrow {color:#58645c;}
.sns-hero-light .sns-hero-eyebrow > span {background:#8b6c2d;}
.sns-hero-light .sns-hero-intro {color:#56625e;}
.sns-hero-light .sns-search-shell .search input[name='query'] {
  color:#26342e;-webkit-text-fill-color:#26342e;caret-color:#26342e;
  background:#ffffff;border-color:#a8b3a8;
  box-shadow:0 3px 14px rgba(37,47,37,.045);
}
.sns-hero-light .sns-search-shell .search input[name='query']:focus {
  color:#26342e;-webkit-text-fill-color:#26342e;
  background:#ffffff;border-color:#677f6a;
  outline:2px solid #677f6a;outline-offset:3px;
  box-shadow:0 3px 14px rgba(37,47,37,.06);
}
.sns-hero-light .sns-search-shell .search input[name='query']:-webkit-autofill {
  -webkit-text-fill-color:#26342e;caret-color:#26342e;
  -webkit-box-shadow:0 0 0 1000px #ffffff inset;
}
.sns-hero-light .sns-search-shell > .sns-icon {color:#5b6b5e;}
.sns-hero-light .sns-search .clear-button {color:#56625e;}
.sns-hero-light .sns-hero-resources {border-top-color:#cbd1c7;}
.sns-hero-light .sns-hero-resources a > .sns-icon {color:#586e55;}
.sns-hero-light .sns-hero-resources strong {color:#2f4035;}
.sns-hero-light .sns-hero-resources small {color:#5e6a62;}
.sns-hero-light .sns-hero-resources .sns-resource-arrow {color:#687754;}
.sns-hero-light .sns-hero-resources a:hover strong {color:#243e2c;}
.sns-hero-light .sns-hero-resources a:focus-visible {
  outline:2px solid #677f6a;outline-offset:5px;border-radius:3px;
}
.sns-hero.sns-hero-light .sns-hero-advisory {
  background:#f6f3e9;border-color:#d8d0bb;border-left-color:#a48034;
}
.sns-hero-light .sns-advisory-label {color:#755b22;}
.sns-hero-light .sns-hero-advisory a {color:#505b4f;}
.sns-hero-light .sns-hero-advisory a:hover {color:#263f2c;}
.sns-hero-light .sns-hero-advisory a > span {color:#755b22;}
.sns-hero-light .sns-hero-advisory a:focus-visible {
  outline:2px solid #8b6c2d;outline-offset:5px;border-radius:3px;
}
@media (max-width:650px) {
  .sns-hero-light .sns-hero-resources li + li {border-top-color:#cbd1c7;}
}

/* Readable default ink does not depend on the compatibility class being present.
   This also covers nested .article-body wrappers in older article markup.
   No blanket !important reset: authored inline colors, warnings, highlighted
   passages, and code samples retain their intentional formatting. */
.sns-article-stage .article-body {
  color:var(--sns-reading-ink,#2c3439);
}
.sns-article-stage .article-body :where(p,li,dt,dd):not([class]):not([style]) {
  color:inherit;
}
@media (forced-colors:active) {
  .sns-hero.sns-hero-light {background:Canvas;color:CanvasText;}
  .sns-hero-light .sns-search-shell .search input[name='query'] {
    color:FieldText;-webkit-text-fill-color:FieldText;background:Field;
  }
}


/* SNS Technical Library 1.7.0
   A restrained graphite gradient on Home; a light, scoped profile workspace.
   The production JavaScript and all native profile data/permission helpers stay intact. */
.sns-hero.sns-hero-gradient {
  color-scheme:dark;
  background-color:#111315;
  background-image:
    radial-gradient(ellipse at 88% 8%, rgba(191,151,76,.15) 0%, rgba(191,151,76,0) 62%),
    radial-gradient(ellipse at 10% 0%, rgba(107,132,123,.13) 0%, rgba(107,132,123,0) 62%),
    linear-gradient(150deg, #242b2c 0%, #1b2023 43%, #111315 100%);
  border-bottom-color:#303536;
  color:#f5f5f2;
}
.sns-hero-gradient h1 {color:#f5f5f2;}
.sns-hero-gradient .sns-hero-eyebrow {color:#c4cbc8;}
.sns-hero-gradient .sns-hero-intro {color:#c2c9ca;}
.sns-hero-gradient .sns-hero-resources {border-top-color:#535956;}
.sns-hero-gradient .sns-hero-resources strong {color:#f1f2ee;}
.sns-hero-gradient .sns-hero-resources small {color:#bec7c4;}
.sns-hero-gradient .sns-hero-resources a > .sns-icon {color:#dfc38c;}
.sns-hero-gradient .sns-hero-resources .sns-resource-arrow {color:#c5cfc7;}
.sns-hero-gradient .sns-search-shell .search input[name='query'] {
  color:#f5f5f2;-webkit-text-fill-color:#f5f5f2;caret-color:#f5f5f2;
  background:#202729;border-color:#8c9690;
  box-shadow:0 6px 22px rgba(0,0,0,.13);
}
.sns-hero-gradient .sns-search-shell .search input[name='query']:focus {
  background:#202729;border-color:#e1bd71;
  outline:2px solid #dfb456;outline-offset:3px;
}
.sns-hero-gradient .sns-search-shell .search input[name='query']:-webkit-autofill {
  -webkit-box-shadow:0 0 0 1000px #202729 inset;
  -webkit-text-fill-color:#f5f5f2;caret-color:#f5f5f2;
}
.sns-hero-gradient .sns-search-shell > .sns-icon {color:#d0d8d3;}
.sns-hero-gradient .sns-search .clear-button {color:#c8d1ca;}
.sns-hero.sns-hero-gradient .sns-hero-advisory {
  background:#202523;border-color:#51594f;border-left-color:#cfad63;
}
.sns-hero-gradient .sns-advisory-label {color:#e4c78c;}
.sns-hero-gradient .sns-hero-advisory a {color:#d8ded8;}
.sns-hero-gradient .sns-hero-advisory a:hover {color:#fff;}
.sns-hero-gradient .sns-hero-advisory a > span {color:#e4c78c;}

/* Scope the complete user-profile experience, including empty/private states.
   Do not alter global header/footer palettes or Zendesk visibility conditions. */
.sns-profile-stage {
  --sns-text:#29352e;--sns-muted:#5e6b62;--sns-soft:#657268;
  --sns-accent:#466b50;--sns-line:#d6dcd3;
  color-scheme:light;color:var(--sns-reading-ink,#2c3439);
  background:var(--sns-reading-surround,#eeede8);
  padding:32px 0 64px;min-height:calc(100vh - 210px);
}
.sns-profile-stage :is(h1,h2,h3,h4) {color:#29352e;}
.sns-profile-stage a {color:#3c6247;}
.sns-profile-stage a:hover {color:#254b32;}
.sns-profile-stage :focus-visible {outline-color:#827033;}
.sns-profile-stage .profile-header {padding:0;background:transparent;}
.sns-profile-stage .profile-header > .container {
  display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:30px;
  padding:32px;background:#fff;border:1px solid #d6dcd3;border-radius:12px;
  box-shadow:0 3px 14px rgba(41,53,46,.025);
}
.sns-profile-stage .profile-info {
  display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:0 18px;
  min-width:0;align-items:start;
}
.sns-profile-stage .profile-avatar {grid-column:1;grid-row:1 / 3;margin:0;align-self:start;}
.sns-profile-stage .profile-avatar .user-avatar {width:74px;height:74px;border-radius:50%;}
.sns-profile-stage .profile-avatar .icon-agent {background:#fff;color:#466b50;border-color:#fff;}
.sns-profile-stage .basic-info {grid-column:2;grid-row:1;min-width:0;align-self:center;}
.sns-profile-stage .basic-info .name {
  margin:0;font:600 clamp(25px,2.5vw,34px)/1.25 var(--sns-font);letter-spacing:-.025em;
  color:#29352e;overflow-wrap:anywhere;
}
.sns-profile-stage .basic-info .name a {color:inherit;}
.sns-profile-stage .profile-header .description {
  grid-column:2;grid-row:2;margin:7px 0 0;color:#5e6b62;font-size:14px;line-height:1.7;
}
.sns-profile-stage .profile-header .options {
  grid-column:3;grid-row:1 / 3;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:flex-end;gap:8px;margin:0;max-width:220px;
}
.sns-profile-stage .profile-header .options > :not(:last-child) {margin:0;}
.sns-profile-stage .user-profile-actions {margin:0;width:auto;}
.sns-profile-stage :is(.split-button button,.community-follow button,.profile-section-sorter .dropdown-toggle) {
  background:#fff;color:#3c5943;border:1px solid #a7b5a7;border-radius:6px;
  min-height:42px;padding:9px 13px;font:400 13px/22px var(--sns-font);
  max-width:100%;white-space:normal;text-align:center;
}
.sns-profile-stage :is(.split-button button,.community-follow button,.profile-section-sorter .dropdown-toggle):hover {
  background:#edf2e8;color:#2b4d35;border-color:#809780;
}
.sns-profile-stage :is(.split-button button,.community-follow button,.profile-section-sorter .dropdown-toggle):focus-visible {
  background:#edf2e8;color:#2b4d35;outline:2px solid #827033;outline-offset:3px;
}
.sns-profile-stage .split-button button:not(:only-child):first-child {border-radius:6px 0 0 6px;}
.sns-profile-stage .split-button button:not(:only-child):last-child {border-radius:0 6px 6px 0;}
.sns-profile-stage .community-follow button::after {border-color:#b4c1b2;color:#465b49;}
.sns-profile-stage .community-follow button[data-selected='true'] {
  background:#e6eee1;color:#334f36;border-color:#9db195;
}
.sns-profile-stage .community-follow button[data-selected='true']:hover {background:#dce7d6;color:#2d4a31;}
.sns-profile-stage .profile-private-badge {
  flex-basis:auto;margin:0;padding:6px 9px;background:#eff2eb;color:#4e634f;border-color:#c6d0c0;
  font:500 11px/20px var(--sns-mono);
}
.sns-profile-stage .profile-stats {margin:0;padding:0;list-style:none;}
.sns-profile-stage .profile-stats .stat {margin:0;min-width:0;}
.sns-profile-stage .profile-stats .stat-label {
  color:#5e6b62;font:400 11px/1.7 var(--sns-mono);letter-spacing:.01em;
  flex:auto;margin:0;overflow-wrap:anywhere;
}
.sns-profile-stage .profile-stats .stat-value {color:#2f4334;font-size:14px;line-height:1.7;overflow-wrap:anywhere;}
.sns-profile-stage .profile-stats-activity {
  grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;margin-top:25px;padding-top:18px;border-top:1px solid #e0e4dd;
}
.sns-profile-stage .profile-stats-activity .stat {display:flex;flex-direction:column;gap:4px;}
.sns-profile-stage .profile-stats-counters {
  display:grid;grid-template-columns:1fr;gap:10px;padding:3px 0 3px 25px;
  border:0;border-inline-start:1px solid #e0e4dd;
}
.sns-profile-stage .profile-stats-counters .stat {display:flex;flex-direction:row;justify-content:space-between;gap:12px;}
.sns-profile-stage .profile-stats-counters .stat-value {text-align:end;font-size:13px;}
.sns-profile-stage > .container {margin-top:20px;}
.sns-profile-stage .profile-nav {margin:16px 0 20px;background:transparent;}
.sns-profile-stage .profile-nav + .container {margin-top:0;}
.sns-profile-stage .profile-nav > .container {background:transparent;}
.sns-profile-stage .profile-nav .collapsible-nav {border:0;border-bottom:1px solid #cbd3c6;}
.sns-profile-stage .profile-nav .collapsible-nav-list {align-items:stretch;gap:26px;}
.sns-profile-stage .profile-nav .collapsible-nav-list > li.current {display:block;}
.sns-profile-stage .profile-nav .collapsible-nav-list > li,
.sns-profile-stage .profile-nav .collapsible-nav-list > li:hover,
.sns-profile-stage .profile-nav .collapsible-nav-list > li:focus-within {
  margin:0;padding:0;border:0;transform:none;
}
.sns-profile-stage .profile-nav .collapsible-nav-list > li > a,
.sns-profile-stage .profile-nav .collapsible-nav-list > li:hover > a:not([aria-current='page']),
.sns-profile-stage .profile-nav .collapsible-nav-list > li > a:is(:hover,:focus,:active) {
  display:block;margin:0;padding:16px 0 13px;border:0;border-bottom:3px solid transparent;
  font:400 13px/1.7 var(--sns-font);color:#506653;transform:none;text-decoration:none;
  transition:color .15s ease,border-color .15s ease;
}
.sns-profile-stage .profile-nav .collapsible-nav-list > li:hover > a:not([aria-current='page']) {
  color:#294b32;border-bottom-color:#a7b79f;
}
.sns-profile-stage .profile-nav .collapsible-nav-list > li.current > a,
.sns-profile-stage .profile-nav .collapsible-nav-list > li > a[aria-current='page'] {
  color:#2e4a35;border-bottom-color:#aa842a;
}
.sns-profile-stage .profile-nav .collapsible-nav-toggle {color:#52684f;}
.sns-profile-stage .profile-section {
  width:100%;margin:0;padding:30px 32px;background:#fff;
  border:1px solid #d6dcd3;border-radius:12px;min-width:0;
}
.sns-profile-stage .profile-section-header {align-items:center;gap:8px 14px;}
.sns-profile-stage .profile-section-title {font-size:24px;line-height:1.3;letter-spacing:-.02em;margin:0;}
.sns-profile-stage .profile-section-description {
  padding:0;color:#626e63;font-size:13px;line-height:1.7;font-weight:400;
  white-space:normal;overflow:visible;text-overflow:clip;
}
.sns-profile-stage .profile-section-sorter {border:0;padding:0;margin:0;}
.sns-profile-stage .dropdown-menu {background:#fff;border-color:#c8d1c4;color:#344d3b;}
.sns-profile-stage .dropdown-menu :is(a,[role='menuitem']) {color:#344d3b;}
.sns-profile-stage .dropdown-menu :is(a,[role='menuitem']):hover,
.sns-profile-stage .dropdown-menu [role='menuitem'][aria-selected='true'] {background:#edf2e8;color:#29482f;}
.sns-profile-stage .profile-activity-list {margin:25px 0 0;padding:0;list-style:none;}
.sns-profile-stage .profile-activity {padding:0 0 26px 24px;border-color:#d4dcce;}
.sns-profile-stage .profile-activity:last-child {padding-bottom:0;}
.sns-profile-stage .profile-activity-icon {
  background:#eef2e8;color:#5c7455;border:1px solid #d6e0cf;left:-14px;
}
.sns-profile-stage .profile-activity-header {margin:0 0 10px;}
.sns-profile-stage .profile-activity-header .user-avatar {width:30px;height:30px;min-width:30px;}
.sns-profile-stage .profile-activity-description {color:#59685c;font-size:13px;line-height:1.7;}
.sns-profile-stage .profile-activity-contribution {
  background:#f8f9f5;border:1px solid #e0e5d9;border-radius:8px;margin:0 0 0 40px;padding:18px 20px;
}
.sns-profile-stage .profile-contribution-title {font-size:17px;line-height:1.5;font-weight:550;}
.sns-profile-stage .profile-contribution-title a {color:#365d41;}
.sns-profile-stage .profile-contribution-title a:hover {color:#23492e;}
.sns-profile-stage .profile-contribution-body {color:#56655a;font-size:14px;line-height:1.8;max-width:88ch;}
.sns-profile-stage .profile-contribution-list {margin:24px 0 0;padding:0;list-style:none;}
.sns-profile-stage .profile-contribution-list > .profile-contribution {
  border-color:#dce3d5;padding:22px 0 22px 28px;
}
.sns-profile-stage .profile-contribution-icon {color:#6b815f;left:0;}
.sns-profile-stage .profile-contribution-list .profile-contribution-header {margin:0;}
.sns-profile-stage .breadcrumbs {color:#66715f;font:400 11px/1.8 var(--sns-mono);}
.sns-profile-stage .breadcrumbs :is(li,li + li::before) {color:#66715f;}
.sns-profile-stage .breadcrumbs a {color:#486c50;}
.sns-profile-stage .breadcrumbs a:hover {color:#294b32;}
.sns-profile-stage .meta-group {color:#637060;font-size:12px;line-height:1.8;}
.sns-profile-stage .meta-data {color:#637060;}
.sns-profile-stage .meta-data:not(:last-child)::after {color:#879681;}
.sns-profile-stage .profile-section :is(.no-activity,.private-activity) {
  color:#5c6e5c;margin:0;padding:25px 0;font-size:15px;line-height:1.7;
}
.sns-profile-stage .profile-badges-item {border-color:#dce3d5;}
.sns-profile-stage :is(.profile-badges-item-title,.profile-badges-item-metadata-title) {color:#344c3b;}
.sns-profile-stage :is(.profile-badges-item-description,.profile-badges-item-metadata-description) {color:#65725f;}
.sns-profile-stage .pagination {
  --sns-page-bg:#fff;--sns-page-text:#3f5847;--sns-page-border:#bcc7bc;
  --sns-page-hover:#edf2e8;--sns-page-active:#eee5cf;--sns-page-active-text:#514321;
  --sns-page-ring:#8a702f;
}
@media (max-width:1050px) {
  .sns-profile-stage .profile-header > .container {grid-template-columns:1fr;gap:22px;}
  .sns-profile-stage .profile-stats-counters {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
    padding:18px 0 0;border:0;border-top:1px solid #e0e4dd;
  }
  .sns-profile-stage .profile-stats-counters .stat {flex-direction:column;gap:4px;}
  .sns-profile-stage .profile-stats-counters .stat-value {text-align:start;}
}
@media (max-width:767px) {
  .sns-profile-stage .profile-nav .collapsible-nav-list {gap:0;}
  .sns-profile-stage .profile-nav .collapsible-nav-list > li > a,
  .sns-profile-stage .profile-nav .collapsible-nav-list > li:hover > a:not([aria-current='page']),
  .sns-profile-stage .profile-nav .collapsible-nav-list > li > a:is(:hover,:focus,:active) {padding-inline:0 48px;}
  .sns-profile-stage .profile-nav .collapsible-nav-list > li.current > a {border-bottom-color:transparent;}
  .sns-profile-stage .profile-nav .collapsible-nav-toggle {top:27px;min-width:40px;min-height:40px;z-index:2;}
  .sns-profile-stage .profile-activity {padding-left:0;}
  .sns-profile-stage .profile-activity-icon {display:none;}
  .sns-profile-stage .profile-activity-contribution {margin:0;}
}
@media (max-width:650px) {
  .sns-hero-gradient .sns-hero-resources li + li {border-top-color:#424b44;}
  .sns-profile-stage {padding:22px 0 38px;}
  .sns-profile-stage .profile-header > .container {padding:22px 20px;gap:20px;}
  .sns-profile-stage .profile-info {grid-template-columns:54px minmax(0,1fr);gap:0 14px;}
  .sns-profile-stage .profile-avatar .user-avatar {width:54px;height:54px;}
  .sns-profile-stage .basic-info .name {font-size:25px;line-height:1.3;}
  .sns-profile-stage .profile-header .description {font-size:13px;}
  .sns-profile-stage .profile-header .options {grid-column:1 / -1;grid-row:auto;justify-content:flex-start;margin-top:18px;max-width:none;}
  .sns-profile-stage .profile-stats-activity {grid-template-columns:1fr;gap:13px;margin-top:20px;}
  .sns-profile-stage .profile-stats-activity .stat {flex-direction:row;justify-content:space-between;gap:14px;}
  .sns-profile-stage .profile-stats-activity .stat .stat-value {text-align:end;font-size:13px;}
  .sns-profile-stage .profile-stats-counters {grid-template-columns:repeat(2,minmax(0,1fr));}
  .sns-profile-stage .profile-section {padding:22px 20px;}
  .sns-profile-stage .profile-section-title {font-size:22px;}
  .sns-profile-stage .profile-activity-contribution {padding:16px;}
  .sns-profile-stage .profile-contribution-title {font-size:16px;}
  .sns-profile-stage .profile-contribution-body {font-size:14px;}
  .sns-profile-stage .profile-section-sorter {margin-top:8px;}
  .sns-profile-stage .profile-contribution-list > .profile-contribution {padding:20px 0;}
  .sns-profile-stage .profile-contribution-list .profile-contribution-icon {display:none;}
  .sns-profile-stage .profile-badges-item {flex-wrap:wrap;gap:12px;padding-inline:0;}
  .sns-profile-stage .profile-badges-item-metadata {margin:0;text-align:start;}
}
@media (forced-colors:active) {
  .sns-hero.sns-hero-gradient {background:Canvas;color:CanvasText;}
  .sns-hero-gradient :is(h1,.sns-hero-eyebrow,.sns-hero-intro) {color:CanvasText;}
  .sns-hero-gradient .sns-search-shell .search input[name='query'] {
    color:FieldText;-webkit-text-fill-color:FieldText;background:Field;
    border-color:ButtonText;box-shadow:none;
  }
  .sns-profile-stage {background:Canvas;color:CanvasText;}
  .sns-profile-stage :is(.profile-header > .container,.profile-section,.profile-activity-contribution) {
    background:Canvas;border-color:ButtonText;
  }
}
@media print {
  .sns-profile-stage {padding:0;background:#fff;}
  .sns-profile-stage :is(.profile-header > .container,.profile-section) {width:100%;max-width:none;border:0;box-shadow:none;}
  .sns-profile-stage :is(.profile-nav,.profile-header .options) {display:none;}
}


/* SNS 1.8: a quiet light introduction with one unified search/resource panel.
   All selectors are scoped to the optional light homepage treatment.
   No changes to the header, product cards, article pages, or Zendesk runtime. */
.sns-hero.sns-hero-light {
  --sns-text:#242c30;
  --sns-muted:#56605e;
  --sns-soft:#606b66;
  --sns-line:#d4d9d4;
  background:#f1f2ef;
  background-image:none;
  color:#242c30;
  border-bottom-color:#d4d9d4;
  padding:52px 0 34px;
  color-scheme:light;
}
.sns-hero-light .sns-hero-eyebrow {color:#59635e;margin-bottom:20px;}
.sns-hero-light .sns-hero-eyebrow > span {background:#aa8229;}
.sns-hero-light h1 {
  color:#242c30;
  font-size:clamp(38px,4.25vw,60px);
  letter-spacing:-.045em;
  line-height:1.12;
  margin-bottom:18px;
}
.sns-hero-light .sns-hero-intro {color:#56605e;font-size:17px;margin-bottom:28px;}
.sns-hero-light .sns-home-search-panel {
  max-width:none;
  min-width:0;
  padding:20px 22px 4px;
  border:1px solid #d4d9d4;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 10px rgba(30,42,35,.035);
  /* Keep native instant-search results free to extend outside this panel. */
  overflow:visible;
}
.sns-hero-light .sns-home-search-panel .sns-search-shell {max-width:none;}
.sns-hero-light .sns-search-shell .search input[name='query'] {
  color:#242c30;-webkit-text-fill-color:#242c30;caret-color:#242c30;
  background:#fff;border-color:#86938b;box-shadow:none;
}
.sns-hero-light .sns-search-shell .search input[name='query']:focus {
  color:#242c30;-webkit-text-fill-color:#242c30;background:#fff;
  border-color:#526951;outline:2px solid #526951;outline-offset:3px;box-shadow:none;
}
.sns-hero-light .sns-search-shell .search input[name='query']:-webkit-autofill {
  -webkit-text-fill-color:#242c30;caret-color:#242c30;
  -webkit-box-shadow:0 0 0 1000px #fff inset;
}
.sns-hero-light .sns-search-shell > .sns-icon,
.sns-hero-light .sns-search .clear-button {color:#5b6961;}
.sns-hero-light .sns-search :is(input,button)[type='submit']:focus-visible {
  outline:2px solid #526951;outline-offset:3px;
}
.sns-hero-light .sns-hero-resources {
  max-width:none;margin-top:18px;padding:4px 0 0;border-top:1px solid #e1e5df;
}
.sns-hero-light .sns-hero-resources > ul {gap:0 20px;}
.sns-hero-light .sns-hero-resources a {
  align-items:center;gap:12px;min-height:80px;padding:15px 8px;
  border-radius:6px;transition:background-color 120ms ease;
}
.sns-hero-light .sns-hero-resources a:hover {background:#f5f6f3;text-decoration:none;}
.sns-hero-light .sns-hero-resources a > .sns-icon {color:#526951;margin-top:0;}
.sns-hero-light .sns-hero-resources strong {color:#303b35;}
.sns-hero-light .sns-hero-resources small {color:#616c65;}
.sns-hero-light .sns-hero-resources .sns-resource-arrow {color:#526951;}
.sns-hero-light .sns-hero-resources a:hover strong {color:#303b35;}
.sns-hero-light .sns-hero-resources a:focus-visible {outline:2px solid #526951;outline-offset:1px;}
.sns-hero.sns-hero-light .sns-hero-advisory {
  max-width:none;margin-top:18px;padding:15px 20px;
  background:#f8f8f4;border-color:#d4d8cd;
  border-inline-start:3px solid #aa8229;border-radius:0 7px 7px 0;
}
.sns-hero-light .sns-advisory-label {color:#765c22;}
.sns-hero-light .sns-hero-advisory a {color:#4f5c53;}
.sns-hero-light .sns-hero-advisory a:hover {color:#2c4432;}
.sns-hero-light .sns-hero-advisory a > span {color:#765c22;}
.sns-hero-light .sns-hero-advisory a:focus-visible {outline:2px solid #526951;outline-offset:4px;}
@media (max-width:900px) {
  .sns-hero.sns-hero-light {padding-top:42px;}
  .sns-hero-light h1 {font-size:48px;}
  .sns-hero-light .sns-home-search-panel {padding-inline:18px;}
  .sns-hero-light .sns-hero-resources > ul {gap:0 10px;}
  .sns-hero-light .sns-hero-resources a {padding-inline:4px;gap:9px;}
}
@media (max-width:650px) {
  .sns-hero.sns-hero-light {padding:34px 0 28px;}
  .sns-hero-light .sns-hero-eyebrow {margin-bottom:18px;}
  .sns-hero-light h1 {font-size:40px;line-height:1.1;margin-bottom:18px;}
  .sns-hero-light .sns-hero-intro {font-size:16px;margin-bottom:24px;}
  .sns-hero-light .sns-home-search-panel {padding:14px 14px 3px;border-radius:10px;}
  .sns-hero-light .sns-hero-resources {margin-top:14px;padding-top:0;}
  .sns-hero-light .sns-hero-resources > ul {grid-template-columns:1fr;gap:0;}
  .sns-hero-light .sns-hero-resources a {min-height:76px;padding:15px 4px;gap:12px;}
  .sns-hero-light .sns-hero-resources li + li {border-top-color:#e1e5df;}
  .sns-hero-light .sns-hero-resources strong {font-size:12px;}
  .sns-hero-light .sns-hero-resources small {font-size:12px;}
  .sns-hero-light .sns-hero-resources .sns-resource-arrow {display:block;}
  .sns-hero.sns-hero-light .sns-hero-advisory {margin-top:16px;padding:14px 16px;}
}
@media (max-width:360px) {
  .sns-hero-light h1 {font-size:36px;}
  .sns-hero-light .sns-home-search-panel {padding-inline:12px;}
  .sns-hero-light .sns-hero-resources a {gap:10px;}
  .sns-hero-light .sns-hero-resources small {font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
  .sns-hero-light .sns-hero-resources a {transition:none;}
}
@media (forced-colors:active) {
  .sns-hero.sns-hero-light {background:Canvas;color:CanvasText;border-color:CanvasText;}
  .sns-hero-light .sns-home-search-panel,
  .sns-hero.sns-hero-light .sns-hero-advisory {background:Canvas;border-color:CanvasText;box-shadow:none;}
  .sns-hero-light .sns-search-shell .search input[name='query'] {
    background:Field;color:FieldText;-webkit-text-fill-color:FieldText;border-color:FieldText;
  }
  .sns-hero-light .sns-search-shell .search input[name='query']:focus {
    color:FieldText;-webkit-text-fill-color:FieldText;outline-color:Highlight;
  }
}

/* SNS 1.10: corrected product identities and deterministic section marks. */
.sns-product-mark {
  display:block !important;
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  color:#f2f2ef;
  overflow:visible;
  flex:0 0 auto;
}
.sns-mark-evo {
  width:68px !important;
  max-width:68px !important;
  height:32px !important;
  max-height:32px !important;
}
.sns-mark-letter {font-family:Arial,Helvetica,sans-serif;font-size:43px;font-weight:800;letter-spacing:-2px;}
.sns-mark-letter-light {fill:#f2f2ef;}
.sns-mark-letter-accent {fill:var(--sns-accent);}
.sns-card-top {min-height:50px;align-items:center;margin-bottom:24px;}
.sns-card-top > .sns-product-mark {margin:0;}
.sns-directory-featured {padding-bottom:0;min-width:0;}
.sns-directory-featured > .sns-eyebrow {font-size:10px;letter-spacing:.055em;margin:0 0 10px;}
.sns-directory-featured > h2 {font-size:29px;font-weight:550;letter-spacing:-.035em;margin:0 0 20px;}
.sns-directory-featured .sns-directory-top {padding-bottom:18px;}
.sns-help-card > .sns-button {margin-top:6px;}

/* Section-page product identity is rendered in the template, not injected by JS. */
.sns-product-section-header .sns-section-title-row {grid-column:1;display:flex;align-items:center;gap:16px;min-width:0;margin:0 0 14px;}
.sns-product-section-header .sns-section-title-row h1 {margin:0;min-width:0;}
.sns-section-product-marks {display:none;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;}
.sns-section-product-mark {display:none;align-items:center;justify-content:center;width:52px;height:52px;color:#27302d;}
.sns-section-product-mark .sns-product-mark {
  width:42px !important;max-width:42px !important;height:42px !important;max-height:42px !important;color:#27302d;
}
.sns-section-product-mark .sns-mark-evo {
  width:56px !important;max-width:56px !important;height:27px !important;max-height:27px !important;
}
.sns-section-product-mark .sns-mark-letter-light {fill:#27302d;}
.sns-section-product-mark .sns-mark-letter-accent {fill:#a97c1f;}
.sns-product-section-header[data-sns-section-name*="EVO" i] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="ShareBrowser" i] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Slingshot" i] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Nomad" i] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Trio" i] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Outpost" i] .sns-section-product-marks {display:flex;}
.sns-product-section-header[data-sns-section-name*="EVO" i] .sns-section-product-mark--evo,
.sns-product-section-header[data-sns-section-name*="ShareBrowser" i] .sns-section-product-mark--sharebrowser,
.sns-product-section-header[data-sns-section-name*="Slingshot" i] .sns-section-product-mark--slingshot,
.sns-product-section-header[data-sns-section-name*="Nomad" i] .sns-section-product-mark--nomad,
.sns-product-section-header[data-sns-section-name*="Trio" i] .sns-section-product-mark--trio,
.sns-product-section-header[data-sns-section-name*="Outpost" i] .sns-section-product-mark--outpost {display:flex;}
.sns-product-section-header .section-subscribe {grid-column:2;grid-row:2;align-self:center;}
.sns-product-section-header .page-header-description {grid-column:1 / -1;}

@media (max-width:650px) {
  .sns-product-mark {width:44px !important;max-width:44px !important;height:44px !important;max-height:44px !important;}
  .sns-mark-evo {width:62px !important;max-width:62px !important;height:29px !important;max-height:29px !important;}
  .sns-card-top {min-height:46px;margin-bottom:20px;}
  .sns-product-section-header .sns-section-title-row {gap:12px;align-items:center;}
  .sns-section-product-marks,.sns-section-product-mark {width:46px;height:46px;flex-basis:46px;}
  .sns-section-product-mark .sns-product-mark {width:38px !important;max-width:38px !important;height:38px !important;max-height:38px !important;}
  .sns-section-product-mark .sns-mark-evo {width:50px !important;max-width:50px !important;height:24px !important;max-height:24px !important;}
  .sns-product-section-header .sns-section-title-row h1 {font-size:clamp(28px,9vw,38px);}
}
@media (forced-colors:active) {
  .sns-product-mark,.sns-section-product-mark .sns-product-mark {color:CanvasText;}
}


/* SNS 1.11: exact approved product mark image assets. */
.sns-product-mark {
  display:block !important;
  width:auto !important;
  height:48px !important;
  max-width:72px !important;
  max-height:48px !important;
  object-fit:contain;
  flex:0 0 auto;
}
.sns-mark-evo {
  width:auto !important;
  height:28px !important;
  max-width:88px !important;
  max-height:28px !important;
}
.sns-card-top > .sns-product-mark { margin:0; }

/* The approved marks are white/gold, so section pages give them a small
   charcoal identity tile rather than recoloring or redrawing the artwork. */
.sns-section-product-marks {
  display:none;
  align-items:center;
  justify-content:center;
  flex:0 0 58px;
  width:58px;
  height:58px;
  padding:7px;
  box-sizing:border-box;
  border:1px solid #3a3f42;
  border-radius:13px;
  background:#202326;
}
.sns-section-product-mark {
  display:none;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.sns-section-product-mark .sns-product-mark {
  width:auto !important;
  height:40px !important;
  max-width:44px !important;
  max-height:40px !important;
  object-fit:contain;
}
.sns-section-product-mark .sns-mark-evo {
  width:auto !important;
  height:20px !important;
  max-width:48px !important;
  max-height:20px !important;
}
@media (max-width:650px) {
  .sns-product-mark {height:44px !important;max-width:66px !important;max-height:44px !important;}
  .sns-mark-evo {height:26px !important;max-width:80px !important;max-height:26px !important;}
  .sns-section-product-marks {width:52px;height:52px;flex-basis:52px;padding:6px;border-radius:12px;}
  .sns-section-product-mark .sns-product-mark {height:36px !important;max-width:40px !important;max-height:36px !important;}
  .sns-section-product-mark .sns-mark-evo {height:18px !important;max-width:44px !important;max-height:18px !important;}
}

/* SNS 1.12: cleaned product marks and consistent listing-header identity. */
.sns-section-title-row {
  display:flex;
  align-items:center;
  gap:16px;
}
.sns-section-product-marks {
  display:none;
  align-items:center;
  justify-content:center;
  flex:0 0 60px;
  width:60px;
  height:60px;
  padding:7px;
  box-sizing:border-box;
  border:1px solid #3a3f42;
  border-radius:14px;
  background:#202326;
  overflow:hidden;
}
.sns-section-product-mark {
  display:none;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}
.sns-section-product-mark .sns-product-mark {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:44px !important;
  max-height:44px !important;
  margin:auto !important;
  object-fit:contain;
  object-position:center center;
}
.sns-section-product-mark .sns-mark-evo {
  max-width:50px !important;
  max-height:24px !important;
}

/* Section and category titles can identify the product directly. */
.sns-product-section-header[data-sns-section-name*="EVO"] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="ShareBrowser"] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Slingshot"] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Nomad"] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Trio"] .sns-section-product-marks,
.sns-product-section-header[data-sns-section-name*="Outpost"] .sns-section-product-marks,
.sns-product-category-header[data-sns-category-name*="EVO"] .sns-section-product-marks,
.sns-product-category-header[data-sns-category-name*="ShareBrowser"] .sns-section-product-marks,
.sns-product-category-header[data-sns-category-name*="Slingshot"] .sns-section-product-marks,
.sns-product-category-header[data-sns-category-name*="Nomad"] .sns-section-product-marks,
.sns-product-category-header[data-sns-category-name*="Trio"] .sns-section-product-marks,
.sns-product-category-header[data-sns-category-name*="Outpost"] .sns-section-product-marks,
.sns-product-section-header.sns-product-evo .sns-section-product-marks,
.sns-product-section-header.sns-product-sharebrowser .sns-section-product-marks,
.sns-product-section-header.sns-product-slingshot .sns-section-product-marks,
.sns-product-section-header.sns-product-nomad .sns-section-product-marks,
.sns-product-section-header.sns-product-trio .sns-section-product-marks,
.sns-product-section-header.sns-product-outpost .sns-section-product-marks,
.sns-product-category-header.sns-product-evo .sns-section-product-marks,
.sns-product-category-header.sns-product-sharebrowser .sns-section-product-marks,
.sns-product-category-header.sns-product-slingshot .sns-section-product-marks,
.sns-product-category-header.sns-product-nomad .sns-section-product-marks,
.sns-product-category-header.sns-product-trio .sns-section-product-marks,
.sns-product-category-header.sns-product-outpost .sns-section-product-marks {display:flex;}

.sns-product-section-header[data-sns-section-name*="EVO"] .sns-section-product-mark--evo,
.sns-product-category-header[data-sns-category-name*="EVO"] .sns-section-product-mark--evo,
.sns-product-section-header.sns-product-evo .sns-section-product-mark--evo,
.sns-product-category-header.sns-product-evo .sns-section-product-mark--evo,
.sns-product-section-header[data-sns-section-name*="ShareBrowser"] .sns-section-product-mark--sharebrowser,
.sns-product-category-header[data-sns-category-name*="ShareBrowser"] .sns-section-product-mark--sharebrowser,
.sns-product-section-header.sns-product-sharebrowser .sns-section-product-mark--sharebrowser,
.sns-product-category-header.sns-product-sharebrowser .sns-section-product-mark--sharebrowser,
.sns-product-section-header[data-sns-section-name*="Slingshot"] .sns-section-product-mark--slingshot,
.sns-product-category-header[data-sns-category-name*="Slingshot"] .sns-section-product-mark--slingshot,
.sns-product-section-header.sns-product-slingshot .sns-section-product-mark--slingshot,
.sns-product-category-header.sns-product-slingshot .sns-section-product-mark--slingshot,
.sns-product-section-header[data-sns-section-name*="Nomad"] .sns-section-product-mark--nomad,
.sns-product-category-header[data-sns-category-name*="Nomad"] .sns-section-product-mark--nomad,
.sns-product-section-header.sns-product-nomad .sns-section-product-mark--nomad,
.sns-product-category-header.sns-product-nomad .sns-section-product-mark--nomad,
.sns-product-section-header[data-sns-section-name*="Trio"] .sns-section-product-mark--trio,
.sns-product-category-header[data-sns-category-name*="Trio"] .sns-section-product-mark--trio,
.sns-product-section-header.sns-product-trio .sns-section-product-mark--trio,
.sns-product-category-header.sns-product-trio .sns-section-product-mark--trio,
.sns-product-section-header[data-sns-section-name*="Outpost"] .sns-section-product-mark--outpost,
.sns-product-category-header[data-sns-category-name*="Outpost"] .sns-section-product-mark--outpost,
.sns-product-section-header.sns-product-outpost .sns-section-product-mark--outpost,
.sns-product-category-header.sns-product-outpost .sns-section-product-mark--outpost {display:flex;}

@media (max-width:650px) {
  .sns-section-title-row {gap:12px;}
  .sns-section-product-marks {width:52px;height:52px;flex-basis:52px;padding:6px;border-radius:12px;}
  .sns-section-product-mark .sns-product-mark {max-width:38px !important;max-height:38px !important;}
  .sns-section-product-mark .sns-mark-evo {max-width:43px !important;max-height:20px !important;}
}