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

body {
  margin: 0;
}

main {
  display: block;
}

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

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

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* ============================================================
   ARPA-H custom — self-hosted type
   Public Sans (USWDS / ARPA-H standard body type) and Poppins
   (NEXUS display type) are self-hosted from /assets rather than
   pulled from a third-party font CDN (privacy/CSP concern on a
   federal site). Referenced via the `$assets-<filename>-<ext>`
   convention that zass.mjs/Zendesk's asset pipeline resolves to
   the real CDN URL at serve time — the same mechanism used for
   settings-driven images like /hc/theming_assets/01KTJ6P8DPND88DJ4M1NGPT9VN.
   font-display: swap avoids invisible text while the woff2 loads.
   Weights 400/500/600/700, latin + latin-ext (latin-ext covers
   accented names).
   ============================================================ */
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6VYV848GE36480C9DQQ) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6TFC2VRP0MR0G5K7DTT) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6VYV848GE36480C9DQQ) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6TFC2VRP0MR0G5K7DTT) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6VYV848GE36480C9DQQ) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6TFC2VRP0MR0G5K7DTT) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6VYV848GE36480C9DQQ) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6TFC2VRP0MR0G5K7DTT) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6VWTY4Q52928Z4M6RFA) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6VY7WZR90S94YT2FNGT) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6SA1V9WE576V6BNQS4V) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6X9CP8X8JMCHP172B25) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE72TD2JF5FTKPW65EEYT) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE706BBD0WXCV1MJ1ZQTM) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE71XH7P6NKN93MP2FK00) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/hc/theming_assets/01KYRGE6Y0XWJN440NZTQY66SZ) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(19, 19, 20, 1);
  font-family: "Public Sans", "Arial", 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2 {
  font-family: "Poppins", "Public Sans", "Arial", 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, sans-serif;
  margin-top: 0;
}

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

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

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

h4 {
  font-size: 16px;
}

a {
  color: rgba(25, 84, 208, 1);
  text-decoration: none;
}
a:visited {
  color: rgba(47, 177, 230, 1);
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.hbs-form input,
.hbs-form textarea, .search input,
.search textarea {
  color: #000;
  font-size: 14px;
}
.hbs-form input, .search input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
  /* We use the :where selector to not increase the specificity of the selector */
}
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) {
  outline: none;
}
.hbs-form input:where(:not([type=checkbox])):focus, .search input:where(:not([type=checkbox])):focus {
  border: 1px solid rgba(0, 27, 94, 1);
}
.hbs-form input[disabled], .search input[disabled] {
  background-color: #ddd;
}
.hbs-form select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}
.hbs-form select:focus, .search select:focus {
  border: 1px solid rgba(0, 27, 94, 1);
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: 1px solid #848F99;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid rgba(0, 27, 94, 1);
}

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

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

.button-secondary {
  color: #454548;
  border: 1px solid #848F99;
  background-color: transparent;
}
.button-secondary:visited {
  color: #454548;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(19, 19, 20, 1);
  border: 1px solid #848F99;
  background-color: #f7f7f7;
}

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

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

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

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

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

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

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

.form-field input {
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid rgba(0, 27, 94, 1);
}

.form-field input[type=text] {
  border: 1px solid #848F99;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid rgba(0, 27, 94, 1);
}

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

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #848F99;
  height: 80px;
  line-height: 80px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  border: 1px solid rgba(0, 27, 94, 1);
  text-decoration: none;
}

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

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

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

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

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

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

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

.form footer a {
  color: #454548;
  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: rgba(47, 177, 230, 1);
}

/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 71px;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.search-wrapper {
  flex: 1 1 auto;
  max-width: 600px;
}

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

.logo span {
  margin: 0 10px;
  color: rgba(0, 27, 94, 1);
}

.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;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
  display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
  display: block;
  margin: 20px;
}

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

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

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

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

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

.ask-ai {
  align-items: center;
  background-color: rgba(25, 84, 208, 1);
  border: 1px solid rgba(25, 84, 208, 1);
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.4286;
  padding: 6px 14px;
}
.ask-ai:visited {
  color: #FFFFFF;
}
.ask-ai .ask-ai-icon {
  flex-shrink: 0;
}

.nav-wrapper-desktop .ask-ai {
  margin-inline-end: 16px;
  padding: 6px 14px;
}
.nav-wrapper-desktop .ask-ai, .nav-wrapper-desktop .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
  background-color: rgba(0, 27, 94, 1);
  border-color: rgba(0, 27, 94, 1);
  color: #FFFFFF;
  text-decoration: none;
}

.nav-wrapper-mobile .ask-ai {
  margin: 4px 24px;
  padding: 6px 14px;
  width: auto;
  height: auto;
}
.nav-wrapper-mobile .ask-ai, .nav-wrapper-mobile .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
  background-color: rgba(0, 27, 94, 1);
  border-color: rgba(0, 27, 94, 1);
  color: #FFFFFF;
  text-decoration: none;
}

/***** Header "Submit a request" nav button *****/
.nav-wrapper-desktop .submit-a-request {
  border: 1px solid rgba(0, 27, 94, 1);
  border-radius: 8px;
  box-sizing: border-box;
  color: rgba(0, 27, 94, 1);
  display: flex;
  flex: 1 0 340px;
  max-width: 100%;
  text-align: center;
  padding: 12px 24px;
  margin-right: 12px;
}
.nav-wrapper-desktop .submit-a-request:hover, .nav-wrapper-desktop .submit-a-request:focus, .nav-wrapper-desktop .submit-a-request:active {
  background-color: rgba(0, 27, 94, 1);
  color: #FFFFFF;
  text-decoration: none;
}

.submit-a-request:focus,
.submit-a-request:active {
  background-color: rgba(0, 27, 94, 1);
  color: #FFFFFF;
  text-decoration: none;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}
.user-info .dropdown-toggle::after {
  display: none;
}
@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}
.user-info > button {
  border: 0;
  color: rgba(25, 84, 208, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: rgba(25, 84, 208, 1);
  background-color: transparent;
}
.user-info > button::after {
  color: rgba(25, 84, 208, 1);
  padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

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

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

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

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}
.footer a {
  color: #454548;
}
.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: #454548;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #454548;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  color: #454548;
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: rgba(25, 84, 208, 1);
}

/* The current-page breadcrumb must not navigate (see src/domFixups.js, which
   strips its href). pointer-events guards the mouse; the href removal guards
   the keyboard. This replaces a body-wide MutationObserver + inline styles. */
.breadcrumbs a[aria-current=page],
.breadcrumbs a[aria-disabled=true],
.breadcrumbs a[href="#"],
nav[aria-label=Breadcrumb] a[aria-current=page],
nav[aria-label=Breadcrumb] a[aria-disabled=true] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

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

.search {
  border-color: #848F99;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}
.search:focus-within {
  border-color: rgba(0, 27, 94, 1);
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #fff;
}
.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}
.search input[type=search]:focus {
  color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}
.search .clear-button:hover {
  background-color: rgba(0, 27, 94, 1);
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 27, 94, 1);
}
.search-has-value .clear-button {
  display: flex;
}

[dir=ltr] .search input[type=search] {
  padding-left: 40px;
  padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=ltr] .search-has-value input[type=search]:focus {
  border-right-color: rgba(0, 27, 94, 1);
}
[dir=ltr] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=ltr] .search .clear-button:focus {
  border-left-color: rgba(0, 27, 94, 1);
}

[dir=rtl] .search input[type=search] {
  padding-left: 20px;
  padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=rtl] .search-has-value input[type=search]:focus {
  border-left-color: rgba(0, 27, 94, 1);
}
[dir=rtl] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=rtl] .search .clear-button:focus {
  border-right-color: rgba(0, 27, 94, 1);
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}
[dir=rtl] .search-icon {
  left: auto;
  right: 15px;
}

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

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

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

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
    justify-content: center;
  }
}
.blocks-item {
  border: 1px solid var(--svc-line);
  border-radius: 12px;
  box-sizing: border-box;
  color: rgba(0, 27, 94, 1);
  display: flex;
  flex: 1 0 100%;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .blocks-item {
    display: flex;
    flex: 1 0 18%;
    margin: 0 12px 30px;
    max-width: 18%;
    text-align: center;
    height: 168px;
  }
  .blocks-item:first-child {
    margin-left: 0;
  }
  .blocks-item:last-child {
    margin-right: 0;
  }
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: rgba(19, 19, 20, 1);
}
.blocks-item-link {
  color: rgba(0, 27, 94, 1);
  display: grid;
  grid-template-columns: 52px 1fr;
  padding: 20px 30px;
  border-radius: inherit;
  width: 100%;
}
@media (min-width: 768px) {
  .blocks-item-link {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    padding: 20px 10px;
    border-radius: inherit;
  }
}
@media (min-width: 1024px) {
  .blocks-item-link {
    padding: 20px 30px;
  }
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}
.blocks-item-link:hover {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.blocks-item-link:hover .blocks-item-img {
  transform: scale(1.1);
}
.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0, 27, 94, 1);
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 45px;
}
@media (min-width: 768px) {
  .blocks-item-title {
    line-height: inherit;
  }
}
.blocks-item-description {
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}
.blocks-item-img {
  height: 40px;
  width: 40px;
  transition: transform 0.2s;
}
@media (min-width: 768px) {
  .blocks-item-img {
    height: 64px;
    width: 64px;
  }
}

/***** 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;
}
.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/01KTJ6P8DPND88DJ4M1NGPT9VN);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.community a:visited {
  color: rgba(47, 177, 230, 1);
}
.community a:hover, .community a:active, .community a:focus {
  color: rgba(0, 27, 94, 1);
}

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

/***** Hero "Report an issue" button *****/
.centered-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}

.hero-inner .submit-a-request {
  background-color: #fff;
  border: 1px solid rgba(47, 177, 230, 1);
  border-radius: 8px;
  box-sizing: border-box;
  color: rgba(0, 27, 94, 1);
  display: inline-block;
  font-size: 18px;
  min-width: 250px;
  padding: 36px 42px;
  text-align: center;
  text-transform: uppercase;
}
.hero-inner .submit-a-request:hover {
  text-decoration: none;
  transform: scale(1.03);
}
.hero-inner .submit-a-request:focus, .hero-inner .submit-a-request:active {
  background-color: #ddd;
  color: rgba(19, 19, 20, 1);
  text-decoration: none;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}
.recent-activity-list {
  padding: 0;
}
.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}
.recent-activity-item h3 {
  margin: 0;
}
.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}
.recent-activity-item-link {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-activity-item-meta {
  color: rgba(19, 19, 20, 1);
  margin: 15px 0 0 0;
  float: none;
}
@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir=rtl] .recent-activity-item-meta {
    float: left;
  }
}
.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}
.recent-activity-item-comment {
  padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
  display: inline-block;
}
.recent-activity-controls {
  padding-top: 15px;
}
.recent-activity-controls a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: rgba(47, 177, 230, 1);
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: rgba(0, 27, 94, 1);
}
.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: rgba(0, 27, 94, 1);
  width: 16px;
  height: 16px;
}
.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}
.category-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}
.section-tree .section {
  flex: initial;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}
.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.section-tree-title a {
  color: rgba(19, 19, 20, 1);
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-list-item a {
  color: rgba(19, 19, 20, 1);
}

.icon-star {
  color: rgba(0, 27, 94, 1);
  font-size: 18px;
}

/***** ARPA-H category/section swirl background *****/
body.category-page .container,
body.section-page .container {
  background-image: url(/hc/theming_assets/01KTJ6P8DPND88DJ4M1NGPT9VN);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

/***** Custom OS tile image zoom *****/
.custom-os-tile img {
  transition: transform 0.4s ease;
}

.custom-os-tile:hover img {
  transform: scale(1.1);
}

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

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

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

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}
.article-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-avatar {
  margin-right: 10px;
}
.article-author {
  margin-bottom: 10px;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
}
.article-body a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.article-body a:visited {
  color: rgba(47, 177, 230, 1);
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: rgba(0, 27, 94, 1);
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #454548;
  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: #454548;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(0, 27, 94, 1);
  width: 18px;
  height: 18px;
}
.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
    max-width: 17%;
  }
}
.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}
.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}
.article-relatives > *:last-child {
  padding: 0;
}
@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}
.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}
.article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}
.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}
.article-more-questions a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: rgba(47, 177, 230, 1);
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: rgba(0, 27, 94, 1);
}
.article-return-to-top {
  border-top: 1px solid #848F99;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: rgba(19, 19, 20, 1);
  display: block;
  padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}
.article-return-to-top-icon {
  transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

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

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

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

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

/***** 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: #454548;
}
.share a:hover {
  text-decoration: none;
  color: rgba(0, 27, 94, 1);
}
.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: #454548;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.comment-callout a:visited {
  color: rgba(47, 177, 230, 1);
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: rgba(0, 27, 94, 1);
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #454548;
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid rgba(0, 27, 94, 1);
  padding: 40px 20px 20px;
}
@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}
.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}
.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}
.comment-avatar {
  margin-right: 10px;
}
[dir=rtl] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}
.comment-meta {
  flex: 1 1 auto;
}
.comment-labels {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}
.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}
.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}
.comment-container {
  width: 100%;
}
.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 768px) {
  [dir=ltr] .comment-form-controls {
    text-align: right;
  }
}
.comment-form-controls input[type=submit] {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .comment-form-controls input[type=submit] {
    margin-left: 15px;
  }
  [dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: 0;
    margin-right: 15px;
  }
}
.comment-form-controls input[type=checkbox] {
  margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
  margin-left: 5px;
}
.comment-ccs {
  display: none;
}
.comment-ccs + textarea {
  margin-top: 10px;
}
.comment-attachments {
  margin-top: 10px;
}
.comment-attachments a {
  color: rgba(0, 27, 94, 1);
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.comment-body a:visited {
  color: rgba(47, 177, 230, 1);
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: rgba(0, 27, 94, 1);
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}
.comment-body ul {
  list-style-type: disc;
}
.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #454548;
  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: #454548;
  display: block;
  margin: 3px 0;
}
[dir=rtl] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

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

.vote-up:hover,
.vote-down:hover {
  color: rgba(0, 27, 94, 1);
}

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

.vote-voted {
  color: rgba(0, 27, 94, 1);
}

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

/***** 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/01KTJ6P8DPND88DJ4M1NGPT9VN);
  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: rgba(0, 27, 94, 1);
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true] {
  background-color: rgba(0, 27, 94, 1);
  color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
  background-color: #000;
  border-color: #000;
}
.community-follow button::after {
  border-left: 1px solid rgba(0, 27, 94, 1);
  content: attr(data-follower-count);
  color: rgba(0, 27, 94, 1);
  display: inline-block;
  font-family: 'Public Sans', -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 rgba(0, 27, 94, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}
.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #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: rgba(25, 84, 208, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}
.striped-list-title:visited {
  color: rgba(47, 177, 230, 1);
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #454548;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}
.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}
.striped-list-count-item:last-child::after {
  display: none;
}
.striped-list-number {
  text-align: center;
}
@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(19, 19, 20, 1);
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(0, 27, 94, 1);
}
.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}
[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}
.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #454548;
}
.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}
.status-label-open {
  background-color: #c72a1c;
}
.status-label-solved {
  background-color: #68737d;
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** 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: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}
.post-info-container {
  display: flex;
  margin-bottom: 40px;
}
.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .post-info {
  padding-right: 0;
  padding-left: 20px;
}
.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}
[dir=rtl] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}
.post-body {
  display: flow-root;
}
.post-body a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.post-body a:visited {
  color: rgba(47, 177, 230, 1);
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: rgba(0, 27, 94, 1);
}
.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}
.post-body ul {
  list-style-type: disc;
}
.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #454548;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #454548;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: rgba(0, 27, 94, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}
.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir=rtl] .post-sidebar {
    padding: 0 50px 0 0;
  }
}
.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}
.post-comments {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

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

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

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

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

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

.community-badge {
  margin: 2px;
}

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

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

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

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

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

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

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}
.collapsible-sidebar-title {
  margin-top: 0;
}
.collapsible-sidebar-toggle {
  position: absolute;
  top: 22.5px;
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}
.collapsible-sidebar-toggle-icon {
  display: none;
}
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 27, 94, 1);
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}
.collapsible-sidebar[aria-expanded=true] {
  max-height: none;
}
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  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: #454548;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #454548;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}
.request-container .comment-container {
  min-width: 0;
}
.request-breadcrumbs {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}
.request-main {
  flex: 1 0 auto;
  max-width: 100%;
  order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}
.request-main .comment-fields.shown {
  display: block;
}
.request-main .request-submit-comment.shown {
  display: inline;
}
@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #454548;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}
.request-main .comment-show-container.hidden {
  display: none;
}
.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
  border: 1px solid rgba(0, 27, 94, 1);
}
.request-main .form-field.comment-ccs > input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(0, 27, 94, 1);
}
.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: #f7f7f7;
    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%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.request-details dd::after {
  content: "\a";
  white-space: pre;
}
.request-details dt {
  line-break: strict;
  color: #454548;
  width: 40%;
  overflow-wrap: break-word;
}
.request-details .request-collaborators {
  display: inline-block;
}
.request-attachments dt, .request-attachments dd {
  width: 100%;
}
.request-attachments dd {
  margin: 10px 0 0 0;
}
.request-form textarea {
  min-height: 120px;
}
.request-follow-up {
  padding-top: 20px;
}

/***** Request form ARPA-H overrides *****/
.heading-centered {
  text-align: center;
  font-size: 40px;
  font-weight: 800;
  line-height: 40px;
}

.form-centered {
  margin-left: auto;
  margin-right: auto;
}
.form-centered footer {
  text-align: center;
}

.request-form .nesty-input {
  font-weight: 600;
  line-height: 1.6;
}
.request-form .upload-dropzone {
  padding: 5px;
}
.request-form .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.request-form .ck-sticky-panel .ck-toolbar {
  border-color: #1a1d21;
}
.request-form input[type=text],
.request-form textarea,
.request-form .nesty-input,
.request-form #hc-wysiwyg,
.request-form ul[data-hc-pills-container] {
  padding: 12px 30px;
  height: 50px;
  border-color: #1a1d21;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.2px;
}
.request-form label {
  font-weight: 600;
  letter-spacing: 1.1px;
}

/***** 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: #454548;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.profile-nav {
  background-color: #f2f2f2;
  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: #454548;
  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: #454548;
  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: #f7f7f7;
}
@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: rgba(255, 255, 255, 1);
  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 {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: rgba(19, 19, 20, 1);
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6):not(.see-all-filters-item) {
  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: rgba(25, 84, 208, 1);
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}
.search-results-list {
  margin-bottom: 25px;
}
.search-results-list > li {
  padding: 20px 0;
}
.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}
.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}
.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: rgba(25, 84, 208, 1);
}
.search-results .no-results .action-prompt a:visited {
  color: rgba(25, 84, 208, 1);
}

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

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

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

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

.notification a {
  color: #158ec2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/***** Alert banner *****/
.banner-container {
  width: 100%;
  max-width: unset;
  padding: 0;
}

.alert-banner {
  background: rgba(148, 40, 89, 1);
  color: rgba(255, 255, 255, 1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 40px;
  margin-top: -60px;
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  align-items: center;
  align-self: stretch;
}

.nav-wrapper-desktop.alert-banner .bell-notice-text {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  text-align: center;
}
.nav-wrapper-desktop.alert-banner .bell-notice-text p {
  margin: 0;
}

.alert-wrapper-mobile {
  background: rgba(148, 40, 89, 1);
  color: rgba(255, 255, 255, 1);
  margin-bottom: 40px;
  margin-top: -60px;
  display: flex;
  justify-content: space-between;
  padding: 16px 32px;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 767px) {
  .nav-wrapper-desktop.alert-banner {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-mobile.alert-wrapper-mobile {
    display: none;
  }
}
.dropdown {
  position: relative;
  display: inline-block;
}

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

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

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

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

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

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

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

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

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #848F99;
}

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

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

.service-catalog-hero {
  background-image: url(/hc/theming_assets/01KTJ6P8DPND88DJ4M1NGPT9VN);
  margin-bottom: 10px;
  height: 320px;
}
.service-catalog-description {
  display: flow-root;
}
.service-catalog-description a {
  color: rgba(25, 84, 208, 1);
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: rgba(47, 177, 230, 1);
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: rgba(0, 27, 94, 1);
}
.service-catalog-description img {
  height: auto;
  max-width: 100%;
}
.service-catalog-description p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figure.image {
  display: table;
  margin: 0 auto;
}
.service-catalog-description figure.image > img {
  display: block;
  width: 100%;
}
.service-catalog-description figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.service-catalog-description ul,
.service-catalog-description ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .service-catalog-description ul,
[dir=rtl] .service-catalog-description ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.service-catalog-description ul > ul,
.service-catalog-description ol > ol,
.service-catalog-description ol > ul,
.service-catalog-description ul > ol,
.service-catalog-description li > ul,
.service-catalog-description li > ol {
  margin: 0;
}
.service-catalog-description ul {
  list-style-type: disc;
}
.service-catalog-description :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.service-catalog-description pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.service-catalog-description blockquote {
  border-left: 1px solid #ddd;
  color: #454548;
  font-style: italic;
  padding: 0 15px;
}
.service-catalog-main-content {
  display: flex;
  gap: 32px;
}
.service-catalog-list {
  width: 100%;
}
.service-catalog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 20px;
}

.is-service-catalog-preview #navbar-container,
.is-service-catalog-preview .navbar-container,
.is-service-catalog-preview .assembly-bar,
.is-service-catalog-preview [data-garden-id="chrome.subnav"] {
  display: none !important;
}

/***** Service Catalog ARPA-H overrides *****/
.service-catalog-hero {
  background-image: url(/hc/theming_assets/01KTJ6P8DPND88DJ4M1NGPT9VN);
  margin-bottom: 10px;
  height: 320px;
}

.service-catalog-main-content {
  display: flex;
  gap: 32px;
}

.service-catalog-list {
  width: 100%;
}

.service-catalog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 768px) {
  .service-catalog-main-content {
    flex-direction: column;
    gap: 16px;
  }
  .service-catalog-sidebar,
  .service-catalog-list {
    width: 100%;
  }
  .svc-cat-sidebar-toggle {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1px solid #dfe4ee;
    border-radius: 8px;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
  }
  .svc-cat-sidebar-toggle-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .svc-cat-sidebar-toggle svg {
    flex-shrink: 0;
    margin-left: 12px;
  }
  .svc-cat-sidebar-list {
    margin-top: 8px;
    border: 1px solid #dfe4ee;
    border-radius: 8px;
    padding: 8px;
  }
}
/* ============================================================
   ARPA-H custom — design tokens + global service-catalog overrides
   Source of truth for the ARPA-H help-center customizations.
   NOTE: fonts are self-hosted / Zendesk-served (Public Sans, the
   USWDS + ARPA-H standard). Do NOT re-add a Google Fonts @import
   here — third-party font CDNs are a privacy/CSP concern on a
   federal site.
   ============================================================ */
:root {
  --svc-navy: #09349d;
  --svc-navy-deep: #001b5e;
  --svc-navy-hero: #000334;
  --svc-pink: #fd4497;
  --svc-pink-deep: #c93678;
  --svc-ink: #252729;
  --svc-gray: #6f747a;
  --svc-gray-soft: #959ba3;
  --svc-line: #e5eaf0;
  --svc-tint: #e6f5fc;
  --svc-tint-hover: #f3f5f8;
  --svc-font: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --svc-font-display: "Poppins", "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --svc-error: #bf2d1d;
  --svc-error-dark: #7f1e13;
  --svc-error-bg: #f4dcd9;
}

/* Hide the native header search (the home hero provides its own search). */
html body .header .search-wrapper {
  display: none !important;
}

/* Zendesk Garden floating menus/listboxes must never exceed the viewport. */
[class*=StyledFloatingMenu],
[class*=StyledFloatingListbox],
[class*=StyledMenu],
[class*=StyledListbox] {
  max-width: calc(100vw - 16px) !important;
  box-sizing: border-box !important;
}

/* Applied by src/domFixups.js to elements whose only text is "empty". */
.svc-empty-hidden {
  display: none !important;
}

/* Shared skeleton-loading shimmer sweep. Used by the category/list skeleton
   placeholders in _svc-home.scss and the item-page skeleton in
   _svc-service-item.scss — defined once here so both @extend the same
   gradient/animation instead of duplicating it. */
@keyframes svcSkelShimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.svc-skel-avatar, .svc-skel-bar, .svc-skel-input, .svc-skel-box, .svc-cat-skel-row, .svc-cat-skel-heading, .svc-cat-skel-subtext, .svc-cat-skel-card {
  background: linear-gradient(100deg, var(--svc-line) 30%, #f6f8fc 50%, var(--svc-line) 70%);
  background-size: 200% 100%;
  animation: svcSkelShimmer 1.3s ease-in-out infinite;
}

/* ============================================================
   ARPA-H custom — home page (service_list_page): hero, combined
   live search, service-catalog card, skeleton loader, tooltips.
   Design tokens live in _svc-tokens.scss.

   FOUC/reveal note: the hero is static, fully-styled markup and is
   shown immediately (no hide-by-default guard), except the greeting
   title (.svc-hero-title), which stays hidden until the name-resolution
   fetch resolves so "Good evening" and the name reveal together — see
   the failsafe below so it can never stay hidden. Only the catalog is
   async — it renders a skeleton placeholder and fades in real content
   once the module has staged it (.svc-cat-ready), with a CSS failsafe
   so it can never stay hidden. This replaces the old inline
   "hide-everything-then-reveal-with-JS" FOUC scaffold.
   ============================================================ */
/* ---------- HOME-PAGE HEADER (transparent over the hero) ---------- */
.svc-home .header {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative;
  z-index: 5;
}

.svc-home .header .search-wrapper,
.svc-home .header .search,
.svc-home .header form[role=search],
.svc-home .header .search-full {
  display: none !important;
}

.svc-home .header .logo span,
.svc-home .header .ask-ai span {
  color: #ffffff !important;
}

.svc-home .header .user-info span,
.svc-home .header .dropdown-toggle span,
.svc-home .header .dropdown-chevron-icon {
  color: var(--svc-navy) !important;
}

.svc-home .header .ask-ai {
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 1000px;
  padding: 7px 14px;
}

.svc-home .header .ask-ai-icon {
  color: #ffffff !important;
}

/* ---------- HERO ---------- */
.svc-hero {
  position: relative;
}

.svc-hero .svc-hero-inner,
.svc-hero .hero-inner {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 240px;
  padding: 36px clamp(20px, 6vw, 88px);
  box-sizing: border-box;
}

.svc-hero-greeting {
  width: 100%;
  max-width: 1000px;
  color: #fff;
  font-family: var(--svc-font);
  position: relative;
  z-index: 2;
  text-align: center;
}

.svc-hero-title {
  margin: 0;
  font-family: var(--svc-font-display);
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #fff;
}

/* Greeting word + name reveal together (avoids "Good evening" flashing
   before the name-resolution fetch finishes), with a failsafe so the
   line can never stay hidden if the fetch stalls or JS is unavailable. */
.svc-hero-title {
  opacity: 0;
  transition: opacity 0.45s ease;
}

.svc-hero-title.svc-greeting-ready {
  opacity: 1;
}

.svc-hero-title {
  animation: svcFormFailsafe 0s linear 2.5s forwards;
}

@media (prefers-reduced-motion: reduce) {
  .svc-hero-title {
    transition: none;
  }
}
.svc-hero-subtitle {
  margin: 10px auto 0;
  max-width: 460px;
  font-size: clamp(14px, 1.4vw, 17px);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

/* Hero search bar */
.svc-hero-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 26px auto 0;
  padding: 9px 9px 9px 26px;
  background: #fff;
  border-radius: 1000px;
  border: none;
  box-shadow: none;
}

.svc-hero-search > * {
  border: none !important;
  box-shadow: none !important;
}

.svc-hero-search-icon {
  display: inline-flex;
  border: none;
  align-items: center;
  color: var(--svc-gray);
}

.svc-hero-search-icon svg {
  width: 24px;
  height: 24px;
}

.svc-hero-search > *:not(.svc-hero-search-icon):not(.svc-hero-search-btn) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.svc-hero-input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--svc-font);
  font-size: 18px !important;
  color: var(--svc-ink);
  padding: 13px 16px;
}

.svc-hero-input::placeholder {
  color: #9aa1ad;
}

.svc-hero-search input[type=search] {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: var(--svc-font);
  font-size: 18px !important;
  color: var(--svc-ink);
  padding: 13px 16px !important;
  box-shadow: none !important;
}

.svc-hero-search input[type=search]::placeholder {
  color: #9aa1ad;
}

.svc-hero-search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 1000px;
  background: linear-gradient(145deg, var(--svc-pink-deep), var(--svc-pink));
  transition: filter 0.16s ease;
}

.svc-hero-search-btn svg {
  width: 20px;
  height: 20px;
}

.svc-hero-search-btn:hover {
  filter: brightness(1.08);
}

/* Live results dropdown */
.svc-hero-results {
  position: fixed;
  z-index: 99999;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--svc-line);
  text-align: left;
}

.svc-res-group-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px 6px;
  border-bottom: 0.5px solid var(--svc-line);
}

.svc-res-group-header.svc-res-docs {
  border-top: 0.5px solid var(--svc-line);
  background: #fcfcfd;
}

.svc-res-group-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.svc-res-services .svc-res-group-title {
  color: var(--svc-navy);
}

.svc-res-docs .svc-res-group-title {
  color: var(--svc-gray);
}

.svc-res-group-count {
  font-size: 11px;
  color: #9aa1ad;
}

.svc-res-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 18px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.14s ease;
}

.svc-res-item:hover, .svc-res-item.svc-res-active {
  background: #f5f8ff;
}

.svc-res-item.svc-res-service {
  border-left: 3px solid var(--svc-navy);
}

.svc-res-item.svc-res-doc {
  border-left: 3px solid #c9ced8;
}

.svc-res-icon {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.svc-res-service .svc-res-icon {
  background: var(--svc-tint);
  color: var(--svc-navy);
}

.svc-res-doc .svc-res-icon {
  background: #f1f3f7;
  color: var(--svc-gray);
}

.svc-res-icon svg {
  width: 18px;
  height: 18px;
}

.svc-res-text {
  flex: 1;
  min-width: 0;
}

.svc-res-title, .svc-res-sub {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.svc-res-title {
  font-size: 14px;
  color: var(--svc-ink);
}

.svc-res-sub {
  font-size: 12px;
  color: var(--svc-gray-soft);
}

.svc-res-badge {
  flex-shrink: 0;
  font-size: 10.5px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 1000px;
}

.svc-res-service .svc-res-badge {
  color: var(--svc-navy);
  background: var(--svc-tint);
}

.svc-res-doc .svc-res-badge {
  color: var(--svc-gray);
  background: var(--svc-line);
}

.svc-res-empty, .svc-res-loading {
  padding: 18px;
  font-size: 13px;
  color: var(--svc-gray-soft);
  text-align: center;
}

.svc-res-footer {
  display: block;
  padding: 11px 18px;
  border-top: 0.5px solid var(--svc-line);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--svc-navy);
  text-align: center;
  text-decoration: none;
}

.svc-res-footer:hover {
  background: #f5f8ff;
}

/* Hero chips */
.svc-hero-chips {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.svc-hero-chips-label {
  font-family: var(--svc-font);
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.6);
}

.svc-hero-chip {
  font-family: var(--svc-font);
  font-size: 12.5px;
  color: #fff;
  cursor: pointer;
  padding: 5px 12px;
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: background-color 0.18s ease, border-color 0.18s ease;
}

.svc-hero-chip:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.45);
}

/* ---------- CATALOG CARD ---------- */
.svc-cardwrap {
  width: 100%;
  max-width: 1760px;
  margin: 0 auto;
  padding: 40px clamp(16px, 3vw, 48px) 64px;
  box-sizing: border-box;
}

.svc-list-shell {
  position: relative;
  z-index: 3;
  margin-top: -56px;
  padding: 32px clamp(20px, 2.4vw, 40px) 40px;
  background: #fff;
  border-radius: 24px;
  border: 1px solid #dfe4ee;
}

/* Poppins + normal weight inside the catalog */
.svc-cardwrap, .svc-cardwrap *,
.service-catalog-main-content, .service-catalog-main-content *,
.svc-tooltip {
  font-family: var(--svc-font) !important;
}

.service-catalog-main-content a[href*="/services/"],
.service-catalog-main-content a[href*="/services/"] *,
.service-catalog-main-content [class*=card] *,
.service-catalog-main-content [class*=Card] * {
  font-weight: 400 !important;
}

/* SERVICE ICONS — NEVER CLIP */
.service-catalog-main-content figure,
.service-catalog-main-content [data-garden-id="avatars.avatar"],
.service-catalog-main-content [class*=StyledAvatar],
.service-catalog-main-content [class*=Avatar] {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  overflow: visible !important;
}

.service-catalog-main-content figure img,
.service-catalog-main-content [class*=Avatar] img,
.service-catalog-main-content [data-garden-id="avatars.avatar"] img,
.service-catalog-main-content a[href*="/services/"] img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  overflow: visible !important;
  display: block;
}

/* svg icons keep their own explicit size (e.g. ItemThumbnail's 24px/44px) —
   forcing width/height:auto here would fall back to the SVG's own "1em"
   attribute and re-introduce the 16x16 bug. */
.service-catalog-main-content figure svg,
.service-catalog-main-content [class*=Avatar] svg,
.service-catalog-main-content [data-garden-id="avatars.avatar"] svg,
.service-catalog-main-content a[href*="/services/"] svg {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  overflow: visible !important;
  display: block;
}

/* Service cards */
.service-catalog-main-content [class*=card],
.service-catalog-main-content [class*=Card],
.service-catalog-main-content a[href*="/services/"] {
  border-radius: 16px !important;
  background: #fff !important;
  border: 2px solid #e3e8f0 !important;
  transition: border-color 0.2s ease !important;
  overflow: visible !important;
}

.service-catalog-main-content a[href*="/services/"]:hover,
.service-catalog-main-content [class*=card]:hover,
.service-catalog-main-content [class*=Card]:hover {
  border-color: var(--svc-pink) !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Service-card label text */
.service-catalog-main-content a[href*="/services/"] h1,
.service-catalog-main-content a[href*="/services/"] h2,
.service-catalog-main-content a[href*="/services/"] h3,
.service-catalog-main-content a[href*="/services/"] h4,
.service-catalog-main-content a[href*="/services/"] h5,
.service-catalog-main-content a[href*="/services/"] h6,
.service-catalog-main-content [class*=card] h1,
.service-catalog-main-content [class*=card] h2,
.service-catalog-main-content [class*=card] h3,
.service-catalog-main-content [class*=card] h4,
.service-catalog-main-content [class*=card] h5,
.service-catalog-main-content [class*=card] h6,
.service-catalog-main-content [class*=Card] h1,
.service-catalog-main-content [class*=Card] h2,
.service-catalog-main-content [class*=Card] h3,
.service-catalog-main-content [class*=Card] h4,
.service-catalog-main-content [class*=Card] h5,
.service-catalog-main-content [class*=Card] h6 {
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  text-align: center !important;
}

/* Hidden card descriptions + hover tooltip */
.service-catalog-main-content .svc-desc-hidden,
.service-catalog-main-content a[href*="/services/"] p,
.service-catalog-main-content [class*=card] p,
.service-catalog-main-content [class*=Card] p {
  display: none !important;
}

.svc-tooltip {
  position: fixed;
  z-index: 10000;
  max-width: 240px;
  padding: 8px 11px;
  border-radius: 8px;
  background: var(--svc-ink);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.16s ease;
}

.svc-tooltip.svc-tooltip-visible {
  opacity: 1;
}

.svc-tooltip::after {
  content: "";
  position: absolute;
  left: var(--svc-arrow-left, 20px);
  width: 8px;
  height: 8px;
  background: var(--svc-ink);
  transform: rotate(45deg);
}

.svc-tooltip.svc-tooltip-below::after {
  top: -4px;
}

.svc-tooltip.svc-tooltip-above::after {
  bottom: -4px;
}

/* "Can't find it" footer banner */
.svc-help-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin: 32px 0 4px;
  padding: 18px 22px;
  box-sizing: border-box;
  border: 1px solid #e3e8f0;
  border-radius: 16px;
  background: #fbfcfe;
}

.svc-help-banner-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.svc-help-banner-title {
  font-family: var(--svc-font);
  font-size: 15px;
  font-weight: 600;
  color: var(--svc-ink);
}

.svc-help-banner-sub {
  font-family: var(--svc-font);
  font-size: 13px;
  color: var(--svc-gray);
}

a.svc-help-btn,
.service-catalog-main-content a.svc-help-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 10px 20px;
  border-radius: 1000px;
  font-family: var(--svc-font);
  font-size: 13.5px;
  font-weight: 600;
  text-align: center;
  color: var(--svc-navy) !important;
  text-decoration: none !important;
  background: #fff !important;
  border: 1.5px solid var(--svc-navy) !important;
  transition: background-color 0.16s ease, color 0.16s ease !important;
}

a.svc-help-btn:hover,
.service-catalog-main-content a.svc-help-btn:hover {
  background: var(--svc-navy) !important;
  color: #fff !important;
}

/* Category description under the heading */
.svc-cat-description {
  margin: 6px 0 0;
  max-width: 640px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--svc-gray);
}

/* Fallback message when the catalog module can't load */
.svc-catalog-fallback {
  padding: 12px;
  color: var(--svc-gray);
  font-family: var(--svc-font);
}

/* Search input rounding (defensive) */
.service-catalog-main-content input[type=text],
.service-catalog-main-content input[type=search] {
  border-radius: 16px !important;
  padding: 2px 8px !important;
  font-size: 14px !important;
  caret-color: var(--svc-ink) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Kill Garden wrapper focus border on catalog search */
.service-catalog-main-content [data-garden-id*=forms],
.service-catalog-main-content [data-garden-id*=forms] *,
.service-catalog-main-content [data-garden-id*=mediaInput],
.service-catalog-main-content [data-garden-id*=mediaInput] *,
.service-catalog-main-content [class*=StyledMedia],
.service-catalog-main-content [class*=StyledMedia]:focus-within {
  border-color: #dfe4ee !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ---------- CATALOG SKELETON + FADE-IN ---------- */
.svc-catalog-stage {
  position: relative;
  min-height: 460px;
}

#service-catalog-main-content {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.svc-cat-ready #service-catalog-main-content {
  opacity: 1;
}

@keyframes svcCatFailsafe {
  to {
    opacity: 1;
  }
}
#service-catalog-main-content {
  animation: svcCatFailsafe 0s linear 6.5s forwards;
}

.svc-cat-ready .svc-catalog-stage {
  min-height: 0;
}

.svc-cat-skeleton {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 28px;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.svc-cat-skeleton.svc-cat-skel-hide {
  opacity: 0;
  pointer-events: none;
}

.svc-cat-skel-side {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 6px;
}

.svc-cat-skel-row {
  height: 34px;
  border-radius: 8px;
}

.svc-cat-skel-row-active {
  background-color: var(--svc-tint) !important;
}

.svc-cat-skel-main {
  min-width: 0;
}

.svc-cat-skel-heading {
  width: 200px;
  height: 30px;
  border-radius: 8px;
  margin-bottom: 14px;
}

.svc-cat-skel-subtext {
  width: 70%;
  max-width: 520px;
  height: 14px;
  border-radius: 8px;
  margin-bottom: 28px;
}

.svc-cat-skel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

.svc-cat-skel-card {
  height: 120px;
  border-radius: 16px;
}

/* Shimmer sweep */
/* Category-swap: hide Zendesk's gray skeleton "loading" boxes */
.service-catalog-main-content .svc-skeleton {
  visibility: hidden !important;
}

@media (max-width: 960px) {
  .svc-hero .svc-hero-inner, .svc-hero .hero-inner {
    min-height: 200px;
    padding: 28px 20px;
  }
  .svc-cardwrap {
    padding: 24px 12px 48px;
  }
  .svc-list-shell {
    margin-top: -32px;
    padding: 20px 14px 28px;
  }
}
/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
  html.svc-home, body.svc-home {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  /* Hide only stray/duplicate menu buttons — NOT our real menu button.
     BUG: the intent (per the original comment) was already to exclude our
     real button, but the exclusion was never actually encoded in the
     selectors — they matched on heuristics (aria-label containing "menu",
     class/data-testid containing "mobile-menu") instead of positively
     excluding .menu-button-mobile. Our real button's aria-label comes from
     Zendesk's built-in {{t 'toggle_navigation'}} translation, which
     apparently contains "menu" (case-insensitively) in the deployed locale,
     so `button[aria-label*="menu" i]` matched it — and because that
     selector's specificity (class + element + attribute) is HIGHER than
     `.svc-home .header .menu-button-mobile` below (three classes, no
     element/attribute), the hide rule always won over the show rule once
     both are !important, regardless of source order. That hid the button
     (and the avatar/icon inside it), which in turn collapsed the whole
     .nav-wrapper-mobile flex container to 0x0 since it had no other visible
     content. Only templates/service_list_page.hbs is affected because it's
     the only page that adds the .svc-home class this block is scoped to.
     Fix: explicitly exclude .menu-button-mobile with :not() so no future
     translation/locale change can ever make this heuristic match our real
     button again. */
  .svc-home .header .mobile-menu-button:not(.menu-button-mobile),
  .svc-home .header button[aria-label*=menu i]:not(.menu-button-mobile),
  .svc-home .header button[aria-label*=Menu i]:not(.menu-button-mobile),
  .svc-home .header [class*=MobileMenu]:not(.menu-button-mobile),
  .svc-home .header [class*=mobile-menu]:not(.menu-button-mobile),
  .svc-home .header [data-testid*=mobile-menu]:not(.menu-button-mobile),
  .svc-home .header [data-testid*=MobileMenu]:not(.menu-button-mobile) {
    display: none !important;
  }
  /* Show the real mobile menu button on home. NOTE: no forced white color
     here (unlike a previous version) — the header is transparent and does
     NOT visually overlap the hero image (they're separate, stacked,
     non-overlapping elements), so a "styled for the dark hero" white icon
     was actually white-on-white against the plain page background and
     invisible. Falls back to the same default (dark, inherited) color
     every other page already uses successfully. */
  .svc-home .header .nav-wrapper-mobile {
    display: flex !important;
    align-items: center;
  }
  .svc-home .header .menu-button-mobile {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
  }
  .svc-home .header .icon-menu {
    display: inline-flex !important;
  }
  .svc-home .header .menu-button-mobile .user-avatar {
    width: 28px;
    height: 28px;
    border-radius: 1000px;
  }
  .svc-hero .svc-hero-inner, .svc-hero .hero-inner {
    min-height: 160px;
    padding: 22px 16px;
  }
  .svc-hero-title {
    font-size: clamp(24px, 7vw, 32px);
  }
  .svc-hero-subtitle {
    font-size: 14px;
    margin-top: 8px;
  }
  .svc-hero-search {
    margin-top: 18px;
    padding: 6px 6px 6px 18px;
  }
  .svc-hero-input {
    font-size: 16px;
    padding: 11px 12px;
  }
  .svc-hero-search-btn {
    width: 42px;
    height: 42px;
  }
  .svc-cardwrap {
    padding: 18px 10px 40px;
    max-width: 100%;
    overflow-x: hidden;
  }
  .svc-list-shell {
    margin-top: -24px;
    padding: 16px 12px 24px;
    border-radius: 16px;
    overflow: visible;
  }
  .service-catalog-main-content {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  .service-catalog-main-content a[href*="/services/"],
  .service-catalog-main-content [class*=card],
  .service-catalog-main-content [class*=Card] {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 12px !important;
    overflow: visible !important;
  }
  .service-catalog-main-content a[href*="/services/"] h1,
  .service-catalog-main-content a[href*="/services/"] h2,
  .service-catalog-main-content a[href*="/services/"] h3,
  .service-catalog-main-content a[href*="/services/"] h4,
  .service-catalog-main-content a[href*="/services/"] h5,
  .service-catalog-main-content a[href*="/services/"] h6,
  .service-catalog-main-content [class*=card] h1,
  .service-catalog-main-content [class*=card] h2,
  .service-catalog-main-content [class*=card] h3,
  .service-catalog-main-content [class*=card] h4,
  .service-catalog-main-content [class*=card] h5,
  .service-catalog-main-content [class*=card] h6,
  .service-catalog-main-content [class*=Card] h1,
  .service-catalog-main-content [class*=Card] h2,
  .service-catalog-main-content [class*=Card] h3,
  .service-catalog-main-content [class*=Card] h4,
  .service-catalog-main-content [class*=Card] h5,
  .service-catalog-main-content [class*=Card] h6 {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    hyphens: none !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .svc-help-banner {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 16px 16px;
  }
  .svc-help-banner-text {
    align-items: center;
  }
  .svc-help-banner a.svc-help-btn {
    width: 100%;
    padding: 13px 22px;
  }
  .svc-tooltip {
    display: none !important;
  }
  .svc-cat-skeleton {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .svc-cat-skel-side {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .svc-cat-skel-row {
    flex: 1 1 45%;
  }
}
@media (max-width: 430px) {
  .svc-hero-chips {
    gap: 6px;
  }
  .svc-hero-chip {
    font-size: 12px;
    padding: 5px 10px;
  }
  .svc-list-shell {
    padding: 14px 10px 20px;
  }
  .svc-cat-description {
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .svc-tooltip {
    transition: none !important;
  }
  #service-catalog-main-content {
    transition: none !important;
  }
  .svc-cat-skel-row, .svc-cat-skel-heading, .svc-cat-skel-subtext, .svc-cat-skel-card {
    animation: none !important;
  }
  .service-catalog-main-content .svc-skeleton {
    visibility: visible !important;
  }
}
/* ============================================================
   ARPA-H custom — category page OS tiles (macOS / iOS / Windows)
   Replaces the former inline style="" attributes on the tiles.
   NOTE: the negative margin on the Windows tile preserves the
   original hand-tuned centering; revisit with a proper grid later.
   ============================================================ */
.custom-os-tile-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* was the invalid `align-items: left` */
  margin-top: 50px;
  gap: 40px;
}

.custom-os-tile-group .top-row {
  display: flex;
  justify-content: center; /* was the invalid `justify-content center` (missing colon) */
  gap: 100px;
}

.custom-os-tile-group .bottom-row {
  display: flex;
  justify-content: center;
}

.custom-os-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.custom-os-tile img {
  height: auto;
  margin: 0;
}

.custom-os-tile--macos {
  width: 300px;
  height: 150px;
}

.custom-os-tile--macos img {
  width: 80%;
}

.custom-os-tile--ios {
  width: 150px;
  height: 150px;
}

.custom-os-tile--ios img {
  width: 150%;
}

.custom-os-tile--windows {
  width: 400px;
  height: 200px;
  margin-left: -275px;
}

.custom-os-tile--windows img {
  width: 100%;
}

/* ==========================================================
   ARPA-H CUSTOM — Service request (item) page
   ========================================================== */
/* The stock #category-selector mount stays in the markup (the service-catalog
   module expects it), but the ARPA-H item-page design omits the category
   dropdown, so hide it rather than deleting the div. */
#category-selector {
  display: none;
}

/* ---- BASE LAYOUT ---- */
body {
  background: #ffffff;
}

.container-divider {
  border-top: none;
  height: 16px;
  background: transparent;
}

.svc-container {
  max-width: 1280px;
}

.svc-subnav {
  margin-bottom: 10px;
}

.svc-shell {
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 14px 36px rgba(15, 33, 80, 0.08), 0 0 0 1px rgba(16, 30, 67, 0.05);
  padding: 20px 22px 24px;
  margin-bottom: 36px;
}

/* ---- HEADER BAR (greeting + step indicator) ---- */
.svc-topbar {
  background: #eef2fb;
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 18px;
  color: #111827;
  box-shadow: 0 8px 20px rgba(15, 33, 80, 0.05), 0 0 0 1px rgba(17, 24, 39, 0.05);
}

.svc-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.svc-topbar-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.svc-topbar-logo {
  height: 44px;
  width: 44px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 16px;
  overflow: hidden;
  background: transparent;
}

.svc-topbar-logo img, .svc-topbar-logo svg {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block;
}

.svc-topbar-text {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 0;
}

.svc-title {
  margin: 0;
  font-family: var(--svc-font-display);
  width: 100%;
  text-align: center;
  font-size: clamp(20px, 2.4vw, 26px);
  line-height: 1.15;
  font-weight: 700;
  color: #111827;
}

.svc-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
}

.svc-step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 1000px;
  background: #ffffff;
  font-size: 11px;
  color: #6b7280;
  border: 1px solid rgba(15, 33, 80, 0.08);
}

.svc-step-number {
  height: 18px;
  width: 18px;
  border-radius: 1000px;
  background: #e5e9f2;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
}

.svc-step-active {
  background: #ffffff;
  color: var(--svc-navy);
  border-color: #b9c9ef;
  box-shadow: 0 2px 6px rgba(0, 51, 153, 0.12);
}

.svc-step-active .svc-step-number {
  background: var(--svc-navy);
  color: #ffffff;
}

.svc-step-label {
  font-weight: 500;
  white-space: nowrap;
}

/* ---- CONTENT LAYOUT (form + sidebar) ---- */
.svc-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(250px, 0.9fr);
  gap: 20px;
  align-items: start;
}

.svc-form-column, .svc-side-column {
  min-width: 0;
}

.svc-form-panel {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px 12px 16px;
  box-shadow: 0 8px 24px rgba(15, 33, 80, 0.06), 0 0 0 1px rgba(17, 24, 39, 0.04);
  overflow: visible;
  min-height: 520px;
  position: relative;
}

.svc-form-ready .svc-form-panel {
  min-height: 0;
}

/* ---- SUGGESTED ARTICLES SIDEBAR ---- */
.svc-article-card {
  position: sticky;
  top: 24px;
  border-radius: 16px;
  background: #f7f9ff;
  box-shadow: 0 8px 24px rgba(15, 33, 80, 0.06), 0 0 0 1px rgba(17, 24, 39, 0.04);
  padding: 16px;
}

.svc-article-card-header {
  margin-bottom: 12px;
}

.svc-article-title {
  margin-bottom: 4px;
}

.svc-article-subtitle {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.svc-article-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.svc-article-empty, .svc-article-loading, .svc-article-error {
  font-size: 13px;
  line-height: 1.5;
  color: #6b7280;
  background: #ffffff;
  border: 1px dashed #d6dbe7;
  border-radius: 16px;
  padding: 12px;
}

.svc-article-error {
  color: #7c2d12;
  background: #fff7ed;
  border-color: #fed7aa;
}

.svc-article-item {
  display: block;
  text-decoration: none;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.svc-article-item:hover {
  border-color: #bfd0f3;
  box-shadow: 0 8px 18px rgba(15, 33, 80, 0.08);
  transform: translateY(-1px);
}

.svc-article-item-title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--svc-navy);
  margin-bottom: 4px;
}

.svc-article-item-meta {
  display: block;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.45;
}

/* ---- CATALOG FORM WIDTH OVERRIDES ---- */
.svc-form-panel #service-catalog-item,
.svc-form-panel #service-catalog-item > *,
.svc-form-panel #service-catalog-item > * > *,
.svc-form-panel #service-catalog-item > * > * > *,
.svc-form-panel form,
.svc-form-panel form > *,
.svc-form-panel form > * > *,
.svc-form-panel form > * > * > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.svc-form-panel [style*=max-width],
.svc-form-panel [style*="width: 320"], .svc-form-panel [style*="width:320"],
.svc-form-panel [style*="width: 360"], .svc-form-panel [style*="width:360"],
.svc-form-panel [style*="width: 400"], .svc-form-panel [style*="width:400"],
.svc-form-panel [style*="width: 480"], .svc-form-panel [style*="width:480"],
.svc-form-panel [style*="width: 500"], .svc-form-panel [style*="width:500"],
.svc-form-panel [style*="width: 560"], .svc-form-panel [style*="width:560"] {
  max-width: none !important;
  width: 100% !important;
}

.svc-form-panel * {
  box-sizing: border-box;
}

.svc-form-panel .form-field, .svc-form-panel .field, .svc-form-panel .request-form,
.svc-form-panel fieldset, .svc-form-panel section, .svc-form-panel article,
.svc-form-panel div, .svc-form-panel div[role=group],
.svc-form-panel [class*=field], .svc-form-panel [class*=Field],
.svc-form-panel [class*=form], .svc-form-panel [class*=Form],
.svc-form-panel [class*=layout], .svc-form-panel [class*=Layout],
.svc-form-panel [class*=grid], .svc-form-panel [class*=Grid],
.svc-form-panel [class*=row], .svc-form-panel [class*=Row],
.svc-form-panel [class*=column], .svc-form-panel [class*=Column] {
  max-width: none !important;
  min-width: 0 !important;
}

.svc-form-panel figure,
.svc-form-panel [data-garden-id="avatars.avatar"],
.svc-form-panel [class*=StyledAvatar],
.svc-form-panel [class*=imWYAI],
.svc-form-panel [class*=hkLxcw] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.svc-form-panel [class*=dIeWIF], .svc-form-panel .sc-jEACwC {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

.svc-form-panel label {
  display: block;
  width: 100%;
}

.svc-form-panel input[type],
.svc-form-panel input[type=text], .svc-form-panel input[type=email],
.svc-form-panel input[type=search], .svc-form-panel input[type=tel],
.svc-form-panel input[type=url], .svc-form-panel input[type=number],
.svc-form-panel select, .svc-form-panel textarea {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.svc-form-panel textarea {
  resize: both !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow: auto;
}

.svc-form-panel select {
  min-height: 38px;
}

.svc-form-panel #service-catalog-item h1,
.svc-form-panel #service-catalog-item h2 {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
  max-width: 100% !important;
  font-size: clamp(22px, 5vw, 34px) !important;
  line-height: 1.2 !important;
}

.svc-form-panel #service-catalog-item figure,
.svc-form-panel #service-catalog-item [data-garden-id="avatars.avatar"],
.svc-form-panel #service-catalog-item [class*=StyledAvatar],
.svc-form-panel #service-catalog-item [class*=Avatar],
.svc-form-panel #service-catalog-item [class*=imWYAI],
.svc-form-panel #service-catalog-item [class*=hkLxcw],
.svc-form-panel #service-catalog-item [class*=icon],
.svc-form-panel #service-catalog-item [class*=Icon] {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: normal !important;
}

.svc-form-panel #service-catalog-item svg,
.svc-form-panel #service-catalog-item img {
  overflow: visible !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

.svc-form-panel #service-catalog-item > *:first-child {
  overflow: visible !important;
  padding-top: 4px !important;
}

/* ---- CUSTOM SUBMIT BUTTON ---- */
.svc-hide-native-actions {
  display: none !important;
}

.svc-custom-submit-wrap {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.svc-custom-submit-btn {
  min-width: 240px;
  background: #003b91;
  color: #ffffff;
  padding: 14px 28px;
  border-radius: 16px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.01em;
  border: none;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.18s ease, filter 0.18s ease;
}

.svc-custom-submit-btn:hover {
  background: var(--svc-navy-deep);
}

.svc-custom-submit-btn:focus {
  outline: none;
}

.svc-custom-submit-btn:focus-visible {
  outline: 2px solid #6ea8ff;
  outline-offset: 2px;
}

.svc-custom-submit-btn:active {
  background: #001f56;
  filter: brightness(0.97);
}

.svc-custom-submit-btn:disabled {
  opacity: 0.7;
  cursor: wait;
  background: #003b91;
}

.svc-custom-submit-note {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}

/* ---- SUBMIT BUTTON: overlap-aware hiding handled by JS ---- */
/* Ensure form dropdowns render above the submit wrap */
.svc-form-panel #service-catalog-item {
  position: relative;
  z-index: 1;
}

/* ---- HELPER INFORMATION CARDS ---- */
.svc-helper-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 20px;
}

.svc-card {
  flex: 1 1 0;
  min-width: 220px;
  border-radius: 16px;
  background: #f7f9ff !important;
  box-shadow: 0 8px 20px rgba(15, 33, 80, 0.04), 0 0 0 1px rgba(17, 24, 39, 0.04);
  padding: 14px 16px;
}

.svc-card-title {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

.svc-card-list {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.55;
  color: #4b5563;
}

.svc-card-list li + li {
  margin-top: 4px;
}

/* ---- GENERAL-REQUEST FOOTER BANNER ---- */
.svc-help-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px 0 0;
  padding: 18px 22px;
  box-sizing: border-box;
  border: 1px solid #e3e8f0;
  border-radius: 16px;
  background: #f7f9ff;
}

.svc-help-banner-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.svc-help-banner-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--svc-ink);
}

.svc-help-banner-sub {
  font-size: 13px;
  color: var(--svc-gray);
}

.svc-help-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 10px 20px;
  border-radius: 1000px;
  font-size: 13.5px;
  font-weight: 600;
  text-align: center;
  color: var(--svc-navy) !important;
  text-decoration: none !important;
  background: #ffffff;
  border: 1.5px solid var(--svc-navy);
  transition: background-color 0.16s ease, color 0.16s ease;
}

.svc-help-btn:hover {
  background: var(--svc-navy);
  color: #ffffff !important;
}

/* ---- FLOATING TRAINING BUTTON ---- */
.svc-training-fab {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9000;
  display: inline-flex;
  align-items: center;
  gap: 0;
  height: 52px;
  width: 52px;
  max-width: 52px;
  padding: 0;
  border-radius: 1000px;
  background: linear-gradient(145deg, var(--svc-pink-deep), var(--svc-pink));
  color: #ffffff !important;
  text-decoration: none !important;
  overflow: hidden;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(253, 68, 151, 0.32);
  transition: max-width 0.34s cubic-bezier(0.22, 1, 0.36, 1), width 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease, transform 0.24s ease;
}

.svc-training-fab-icon {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.svc-training-fab-icon svg {
  width: 22px;
  height: 22px;
  stroke: #ffffff;
}

.svc-training-fab-label {
  flex: 1 1 auto;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.2s ease 0.06s, transform 0.24s ease 0.06s;
}

.svc-training-fab:hover, .svc-training-fab:focus-visible {
  width: auto;
  max-width: 320px;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(253, 68, 151, 0.4);
}

.svc-training-fab:hover .svc-training-fab-label, .svc-training-fab:focus-visible .svc-training-fab-label {
  opacity: 1;
  transform: translateX(0);
}

.svc-training-fab.svc-fab-pulse {
  animation: svcFabPulse 1.6s ease-in-out 1;
}

@keyframes svcFabPulse {
  0% {
    box-shadow: 0 8px 20px rgba(253, 68, 151, 0.32), 0 0 0 0 rgba(253, 68, 151, 0.4);
  }
  60% {
    box-shadow: 0 8px 20px rgba(253, 68, 151, 0.32), 0 0 0 14px rgba(253, 68, 151, 0);
  }
  100% {
    box-shadow: 0 8px 20px rgba(253, 68, 151, 0.32), 0 0 0 0 rgba(253, 68, 151, 0);
  }
}
/* ---- PAGE LOAD (skeleton placeholder) ---- */
#service-catalog-item {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.svc-form-ready #service-catalog-item {
  opacity: 1;
}

@keyframes svcFormFailsafe {
  to {
    opacity: 1;
  }
}
#service-catalog-item {
  animation: svcFormFailsafe 0s linear 6.5s forwards;
}

.svc-custom-submit-wrap {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.svc-form-ready .svc-custom-submit-wrap {
  opacity: 1;
}

.svc-custom-submit-wrap {
  animation: svcFormFailsafe 0s linear 6.5s forwards;
}

#svc-greeting {
  opacity: 0;
  transition: opacity 0.25s ease;
}

#svc-greeting.svc-greeting-ready {
  opacity: 1;
}

#svc-greeting {
  animation: svcFormFailsafe 0s linear 2.5s forwards;
}

.svc-skeleton {
  position: absolute;
  top: 16px;
  left: 12px;
  right: 12px;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.svc-skeleton.svc-skel-hide {
  opacity: 0;
  pointer-events: none;
}

.svc-skel-row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.svc-skel-icon-row {
  margin-bottom: 6px;
}

.svc-skel-avatar {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  flex: 0 0 52px;
}

.svc-skel-lines {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.svc-skel-bar {
  height: 14px;
  border-radius: 8px;
}

.svc-skel-title {
  width: 60%;
  height: 22px;
}

.svc-skel-sub {
  width: 85%;
}

.svc-skel-divider {
  height: 1px;
  background: var(--svc-line);
  margin: 18px 0;
}

.svc-skel-label {
  width: 30%;
  height: 12px;
  margin-bottom: 10px;
}

.svc-skel-label-2 {
  margin-top: 22px;
}

.svc-skel-input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
}

.svc-skel-box {
  width: 100%;
  height: 120px;
  border-radius: 8px;
}

body > pre, body > code, body > .template-name, body > .editor-label {
  display: none !important;
}

/* ---- COMPACT SEARCH ROW ---- */
.svc-searchrow {
  margin: 0 0 16px;
}

.svc-searchrow .svc-hero-search {
  max-width: 560px;
  margin: 0 auto;
  padding: 6px 6px 6px 20px;
  border: 1px solid #b9c9ef;
  box-shadow: 0 2px 6px rgba(0, 51, 153, 0.12);
}

.svc-searchrow .svc-hero-search input[type=search] {
  font-size: 15px !important;
  padding: 10px 12px !important;
}

.svc-searchrow .svc-hero-search-btn {
  background: #003b91;
  width: 38px;
  height: 38px;
}

.svc-mini-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 4px 4px 4px 14px;
  background: #ffffff;
  border-radius: 1000px;
  border: 1px solid #b9c9ef;
  box-shadow: 0 2px 6px rgba(0, 51, 153, 0.12);
  box-sizing: border-box;
}

.svc-mini-search:focus-within {
  border-color: #b9c9ef;
  box-shadow: 0 6px 16px rgba(0, 51, 153, 0.12);
}

.svc-mini-search-icon {
  display: inline-flex;
  align-items: center;
  color: #6b7280;
  flex-shrink: 0;
}

.svc-mini-search-icon svg {
  width: 18px;
  height: 18px;
}

.svc-mini-input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  color: #0f172a;
  padding: 9px 12px;
}

.svc-mini-input::placeholder {
  color: #9aa1ad;
}

.svc-mini-search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  cursor: pointer;
  color: #ffffff;
  border-radius: 1000px;
  background: #003b91;
  transition: background-color 0.16s ease;
}

.svc-mini-search-btn svg {
  width: 16px;
  height: 16px;
}

.svc-mini-search-btn:hover {
  background: var(--svc-navy-deep);
}

.svc-mini-results {
  position: fixed;
  z-index: 99999;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid var(--svc-line);
  box-shadow: 0 16px 40px rgba(15, 33, 80, 0.16);
  text-align: left;
}

.svc-mr-group-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px 6px;
  border-bottom: 0.5px solid var(--svc-line);
}

.svc-mr-group-header.svc-mr-docs {
  border-top: 0.5px solid var(--svc-line);
  background: #fcfcfd;
}

.svc-mr-group-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.svc-mr-services .svc-mr-group-title {
  color: var(--svc-navy);
}

.svc-mr-docs .svc-mr-group-title {
  color: var(--svc-navy);
}

.svc-mr-group-count {
  font-size: 11px;
  color: #9aa1ad;
}

.svc-mr-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.14s ease;
}

.svc-mr-item:hover, .svc-mr-item.svc-mr-active {
  background: #f5f8ff;
}

.svc-mr-item.svc-mr-service {
  border-left: 3px solid var(--svc-navy);
}

.svc-mr-item.svc-mr-doc {
  border-left: 3px solid #c9ced8;
}

.svc-mr-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.svc-mr-service .svc-mr-icon {
  background: var(--svc-tint);
  color: var(--svc-navy);
}

.svc-mr-doc .svc-mr-icon {
  background: #f1f3f7;
  color: #6b7280;
}

.svc-mr-icon svg {
  width: 17px;
  height: 17px;
}

.svc-mr-text {
  flex: 1;
  min-width: 0;
}

.svc-mr-title, .svc-mr-sub {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.svc-mr-title {
  font-size: 13.5px;
  color: var(--svc-ink);
  text-decoration: none;
}

.svc-mr-sub {
  font-size: 12px;
  color: var(--svc-gray-soft);
}

.svc-mr-badge {
  flex-shrink: 0;
  font-size: 10.5px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 1000px;
}

.svc-mr-service .svc-mr-badge {
  color: var(--svc-navy);
  background: var(--svc-tint);
}

.svc-mr-doc .svc-mr-badge {
  color: #6b7280;
  background: var(--svc-line);
}

.svc-mr-empty, .svc-mr-loading {
  padding: 16px;
  font-size: 13px;
  color: var(--svc-gray-soft);
  text-align: center;
}

.svc-mr-footer {
  display: block;
  padding: 11px 16px;
  border-top: 0.5px solid var(--svc-line);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--svc-navy);
  text-align: center;
  text-decoration: none;
}

.svc-mr-footer:hover {
  background: #f5f8ff;
}

/* ---- RESPONSIVE — TABLET AND BELOW ---- */
@media (max-width: 960px) {
  .svc-shell {
    padding: 16px 12px 20px;
  }
  .svc-form-layout {
    grid-template-columns: 1fr;
  }
  .svc-side-column {
    order: 2;
  }
  .svc-article-card {
    position: static;
  }
  .svc-helper-row {
    flex-direction: column;
  }
  .svc-custom-submit-btn {
    width: 100%;
    min-width: 0;
  }
  .svc-form-panel textarea {
    resize: vertical !important;
  }
  .svc-training-fab {
    right: 16px;
    bottom: 16px;
  }
  .svc-help-banner {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .svc-help-banner-text {
    align-items: center;
  }
  .svc-help-btn {
    width: 100%;
  }
  .svc-article-subtitle {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  .svc-topbar-logo {
    display: none !important;
  }
  .svc-topbar {
    padding: 16px 14px !important;
  }
  .svc-topbar-inner {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .svc-topbar-left {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
  }
  .svc-topbar-text {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .svc-title {
    font-size: clamp(18px, 5vw, 22px) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .svc-steps {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 0;
  }
  .svc-step {
    width: 100%;
    justify-content: flex-start;
    padding: 8px 12px;
    font-size: 12px;
  }
}
/* ---- RESPONSIVE — PHONES ---- */
@media (max-width: 600px) {
  .svc-form-panel #service-catalog-item h1,
  .svc-form-panel #service-catalog-item h2 {
    font-size: clamp(20px, 6vw, 26px) !important;
  }
  .svc-custom-submit-note {
    font-size: 11px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
}
/* ---- REDUCED MOTION ---- */
@media (prefers-reduced-motion: reduce) {
  .svc-training-fab, .svc-training-fab-label {
    transition: none !important;
  }
  .svc-training-fab.svc-fab-pulse {
    animation: none !important;
  }
  .svc-custom-submit-btn {
    transition: none !important;
  }
  .svc-custom-submit-btn:hover, .svc-custom-submit-btn:active {
    transform: none !important;
  }
  .svc-skel-avatar, .svc-skel-bar, .svc-skel-input, .svc-skel-box {
    animation: none !important;
  }
  #service-catalog-item {
    transition: none !important;
  }
  #svc-greeting {
    transition: none !important;
  }
}
/* ============================================================
   ARPA-H custom — inline invalid-field styling for the service
   request form (#service-catalog-item inside .svc-form-panel,
   see templates/service_page.hbs).

   PROBLEM: when a required field is left empty/invalid, the
   theme's only feedback is a toast in the corner of the screen
   (see src/modules/shared/notifications). That toast tells the
   user *something* is wrong, but not *which* field — so we
   highlight the offending control directly, in place, without
   any JS/React changes (CSS only, by design).

   WHEN it lights up: only after the user actually tries to
   submit, never before. Every rule below keys off
   `[aria-invalid="true"]`, which Zendesk Garden's own
   <Field>/<Input>/<Combobox> set whenever a `validation="error"`
   prop reaches them from React — and that only ever happens in
   two places, both submit-triggered:
     - the asset/asset-type/attachments client-side check in
       useValidateServiceItemForm.ts, run from validateForm() at
       the top of handleRequestSubmit in ServiceCatalogItem.tsx;
     - the server's 422 response mapped back onto fields in
       handleValidationErrors() in the same file, which is also
       exactly where the "Service couldn't be submitted" toast
       fires from (notifySubmitError()).
   Nothing here reacts to blur, typing, or native HTML validity
   (no `:invalid`/`:user-invalid`) precisely so a field never
   turns red just because the user tabbed past it or hasn't
   filled it in yet — only a real submit attempt can set
   `aria-invalid`, so that's the only thing that can turn a field
   red. This is an intentional product decision (an earlier
   interaction-based version of this file used `:invalid`/
   `:user-invalid` and lit up before submission; that approach
   was dropped for this reason).

   Zendesk Garden's Combobox (used by DropDown/MultiSelect/
   Tagger/LookupField) puts the visible border on the
   `dropdowns.combobox.trigger` wrapper, while `aria-invalid`
   lands on the (visually-hidden) real <input> nested inside it —
   so that one needs the `:has()` relational selector to reach
   the wrapper. `:has()` has been supported in every evergreen
   browser since late 2023 (Firefox 121, Chrome 105, Safari 15.4):
     https://caniuse.com/css-has

   ACCESSIBILITY NOTES:
   - Not color-only (WCAG 1.4.1): invalid controls also get a
     visibly thicker border (1px -> 2px, dashed outline for
     checkboxes), so the state reads as a shape change too, not
     just a color/hue change.
   - Contrast (WCAG 1.4.3 / 1.4.11): --svc-error (#bf2d1d) is a
     5.8:1 contrast ratio against white — well past the 4.5:1 text
     and 3:1 non-text/UI-component minimums.
   - Focus is never hidden (WCAG 2.4.7): the shared NEXUS focus
     ring (`0 0 0 1px #0957be, 0 0 3px 1px #0957be`) is layered on
     top of, not swapped out for, the red invalid ring.
   - Motion (WCAG 2.3.3): the one-shot "shake" is gated behind
     `prefers-reduced-motion: no-preference` and runs once, never
     looping, so it can't become a persistent distraction and is
     skipped entirely for users who've asked for reduced motion.

   KNOWN LIMITATION — required dropdowns defaulted to a "-"
   sentinel: some ticket-field setups default a required dropdown
   to a literal "-" placeholder tag rather than a truly empty
   value (see useItemFormFields.tsx's getFieldValue). Whether that
   renders red after a submit attempt depends entirely on whether
   Zendesk's backend treats "-" as satisfying the field's
   required-ness: if the backend accepts it as a real answer, no
   422/field error ever comes back, `aria-invalid` never gets set,
   and this field won't render invalid even though nothing
   meaningful was chosen. Fixing that would mean changing which
   value the field defaults to (or how "required" is judged),
   which is app/data logic, not styling — flag it if that turns
   out to be happening, rather than have CSS guess at it again.
   ============================================================ */
.svc-form-panel input:not([type=hidden]):not([type=checkbox]):not([type=radio])[aria-invalid=true],
.svc-form-panel textarea[aria-invalid=true],
.svc-form-panel select[aria-invalid=true] {
  border: 2px solid var(--svc-error) !important;
  background-color: var(--svc-error-bg) !important;
  box-shadow: 0 0 0 1px var(--svc-error) !important;
}
@media (prefers-reduced-motion: no-preference) {
  .svc-form-panel input:not([type=hidden]):not([type=checkbox]):not([type=radio])[aria-invalid=true],
  .svc-form-panel textarea[aria-invalid=true],
  .svc-form-panel select[aria-invalid=true] {
    animation: svcFieldAngryShake 0.4s ease-in-out 1;
  }
}
.svc-form-panel input:not([type=hidden]):not([type=checkbox]):not([type=radio])[aria-invalid=true]:focus-visible,
.svc-form-panel textarea[aria-invalid=true]:focus-visible,
.svc-form-panel select[aria-invalid=true]:focus-visible {
  box-shadow: 0 0 0 1px var(--svc-error), 0 0 0 1px #0957be inset, 0 0 3px 1px #0957be !important;
}
.svc-form-panel input[type=checkbox][aria-invalid=true] {
  outline: 2px dashed var(--svc-error) !important;
  outline-offset: 3px !important;
}
@media (prefers-reduced-motion: no-preference) {
  .svc-form-panel input[type=checkbox][aria-invalid=true] {
    animation: svcFieldAngryShake 0.4s ease-in-out 1;
  }
}
.svc-form-panel input[type=checkbox][aria-invalid=true]:focus-visible {
  outline: 2px dashed var(--svc-error) !important;
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0957be !important;
}
.svc-form-panel [data-garden-id="dropdowns.combobox.trigger"]:has(input[aria-invalid=true]) {
  border: 2px solid var(--svc-error) !important;
  background-color: var(--svc-error-bg) !important;
  box-shadow: 0 0 0 1px var(--svc-error) !important;
}
@media (prefers-reduced-motion: no-preference) {
  .svc-form-panel [data-garden-id="dropdowns.combobox.trigger"]:has(input[aria-invalid=true]) {
    animation: svcFieldAngryShake 0.4s ease-in-out 1;
  }
}
.svc-form-panel [data-garden-id="dropdowns.combobox.trigger"]:has(input[aria-invalid=true]):focus-within {
  box-shadow: 0 0 0 1px var(--svc-error), 0 0 0 1px #0957be inset, 0 0 3px 1px #0957be !important;
}

@keyframes svcFieldAngryShake {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-3px);
  }
  40% {
    transform: translateX(3px);
  }
  60% {
    transform: translateX(-2px);
  }
  80% {
    transform: translateX(2px);
  }
}
/* ============================================================
   ARPA-H custom — search results page section
   ============================================================ */
.svc-search-container,
.svc-search-container .svc-search-results,
.svc-search-container .svc-search-results * {
  font-family: var(--svc-font);
}

/* Results heading */
.svc-search-subheading {
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 700;
  color: var(--svc-ink);
  margin-bottom: 18px;
}

/* Native sidebar filters (restyled) */
.svc-search-sidebar .sidenav-title,
.svc-search-sidebar .collapsible-sidebar-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--svc-gray);
}

.svc-search-sidebar .sidenav-item {
  border-radius: 8px;
  transition: background-color 0.14s ease, color 0.14s ease;
}

.svc-search-sidebar .sidenav-item:hover {
  background: var(--svc-tint);
}

.svc-search-sidebar .sidenav-item.current {
  background: var(--svc-tint);
  color: var(--svc-navy);
  font-weight: 600;
}

.svc-search-sidebar .filter-name {
  color: inherit;
}

.svc-search-sidebar .doc-count {
  color: var(--svc-gray-soft);
}

/* Result cards */
.svc-search-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.svc-search-li {
  margin: 0 0 12px;
}

.svc-result {
  background: #fff;
  border: 1px solid #e3e8f0;
  border-radius: 16px;
  padding: 16px 18px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.svc-result:hover {
  border-color: #bfd0f3;
  box-shadow: 0 8px 20px rgba(15, 33, 80, 0.07);
}

.svc-result-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
}

.svc-result-title a {
  color: var(--svc-navy);
  text-decoration: none;
}

.svc-result-title a:hover {
  text-decoration: underline;
}

.svc-result-breadcrumbs {
  font-size: 12px;
}

.svc-result-breadcrumbs a {
  color: var(--svc-gray);
}

.svc-result-desc {
  color: var(--svc-gray);
  font-size: 13.5px;
  line-height: 1.55;
  margin: 8px 0 0;
}

/* Search-results: sub-nav row + search pill */
.svc-search-container .sub-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.svc-search-pill {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100%;
  max-width: 420px;
  margin: 0 0 0 auto !important;
  padding: 4px 4px 4px 16px !important;
  background: #fff !important;
  border: 1px solid #b9c9ef !important;
  border-radius: 1000px !important;
  box-shadow: 0 2px 6px rgba(0, 51, 153, 0.12) !important;
  box-sizing: border-box;
  overflow: visible !important;
}

.svc-search-pill:focus-within {
  border-color: #09349d !important;
  box-shadow: 0 6px 16px rgba(0, 51, 153, 0.12) !important;
}

.svc-search-pill > *:not(.svc-search-pill-btn),
.svc-search-pill .search,
.svc-search-pill .search-full,
.svc-search-pill form {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.svc-search-pill input[type=search],
.svc-search-pill input[type=text] {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 40px !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 14px !important;
  color: #0f172a !important;
  padding: 0 8px !important;
  box-shadow: none !important;
}

/* Hide Zendesk's native buttons inside the form (the real class is
   "clear-button", NOT "search-icon"). Never touch the pink button. */
.svc-search-pill .search-icon,
.svc-search-pill .clear-button,
.svc-search-pill form button:not(.svc-search-pill-btn) {
  display: none !important;
}

/* The custom pill button is intentionally hidden on the search results
   page — users press Enter to search. (Previously this was a contradictory
   pair of rules: styled visible here, hidden by an ID rule elsewhere.) */
.svc-search-pill .svc-search-pill-btn {
  display: none !important;
}

@media (max-width: 768px) {
  .svc-result {
    padding: 14px;
  }
  .svc-search-pill {
    max-width: 100%;
    margin: 8px 0 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .svc-search-sidebar .sidenav-item,
  .svc-result {
    transition: none !important;
  }
}
/* ============================================================
   ARPA-H custom — header section
   ============================================================ */
.header .logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  order: 1;
}

.header .logo span {
  display: none !important;
}

.header .nav-wrapper-desktop {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
  order: 2;
}

html.svc-home .header .search-wrapper {
  display: none !important;
}

.header .search-wrapper {
  flex: 1 1 320px;
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 0;
}

.header .search-wrapper .search,
.header .search-wrapper form {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.header .search-wrapper .search-icon {
  position: absolute;
  left: calc(50% - 280px + 18px);
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #9aa3b2;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 616px) {
  .header .search-wrapper .search-icon {
    left: 18px;
  }
}
.header .search-wrapper input[type=search],
.header .search-wrapper input[type=text],
.header .search-wrapper .search input {
  width: 100%;
  height: 44px;
  padding-left: 46px;
  border-radius: 1000px;
  box-sizing: border-box;
}

@media (max-width: 980px) {
  .header .search-wrapper {
    order: 3;
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  .header .search-wrapper .search,
  .header .search-wrapper form {
    max-width: 100%;
    margin: 0;
  }
  .header .search-wrapper .search-icon {
    left: 18px;
  }
}
/* ---- RESPONSIVE HEADER: swap desktop / mobile nav ---- */
.header {
  position: relative;
}

/* Desktop default */
.header .nav-wrapper-desktop {
  display: flex;
}

.header .nav-wrapper-mobile {
  display: none;
}

@media (max-width: 768px) {
  .header {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 12px 16px;
  }
  /* Swap: hide desktop nav entirely, show mobile hamburger only.
     .menu-button-mobile already renders the avatar plus a menu containing
     every .user-info dropdown action (profile/requests/activities/sign
     out) *and* the nav items that only exist in .nav-wrapper-desktop (Ask
     AI, Submit a request, Service Catalog). Keeping .user-info visible
     here duplicated the avatar on-screen and added unshrinkable width to
     the header (logo + user-info + hamburger, none of which can shrink),
     which is what pushed content off the right edge below ~612px. */
  .header .nav-wrapper-desktop {
    display: none !important;
  }
  .header .nav-wrapper-mobile {
    display: flex !important;
    align-items: center;
  }
  .header .menu-button-mobile {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
  }
  .header .icon-menu {
    display: inline-flex !important;
  }
  .header .logo img {
    height: 30px;
    width: auto;
  }
  .header .search-wrapper {
    display: none !important;
  }
  /* Mobile dropdown panel */
  .header .menu-list-mobile {
    display: none;
    position: absolute;
    top: 100%;
    right: 12px;
    left: 12px;
    background: #ffffff;
    border: 1px solid var(--svc-line);
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(15, 33, 80, 0.16);
    padding: 8px;
    z-index: 9500;
  }
  .header .menu-list-mobile[aria-expanded=true] {
    display: block;
  }
  .header .menu-list-mobile-items {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header .menu-list-mobile-items .item a,
  .header .menu-list-mobile-items .item {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--svc-ink);
    text-decoration: none;
  }
  .header .menu-list-mobile-items .item a:hover {
    background: #f5f8ff;
    color: var(--svc-navy);
  }
  .header .menu-list-mobile-items .nav-divider {
    height: 1px;
    background: var(--svc-line);
    margin: 6px 4px;
  }
}
.header .user-info .dropdown-toggle .svc-username {
  opacity: 0;
  transition: opacity 0.35s ease;
  animation: svcUsernameFailsafe 0s linear 2.5s forwards;
}

.header .user-info .dropdown-toggle .svc-username.svc-username-in {
  opacity: 1;
  animation: none;
}

@keyframes svcUsernameFailsafe {
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .header .user-info .dropdown-toggle .svc-username {
    transition: none;
  }
}
@media (max-width: 768px) {
  .header {
    gap: 12px 16px;
  }
  html.svc-home .header .search-wrapper {
    display: none !important;
  }
  /* Mobile: prevent user-menu overflow from locking horizontal scroll */
  html, body {
    max-width: 100% !important;
  }
  .svc-cardwrap, #main-content {
    overflow-x: clip !important;
    max-width: 100% !important;
  }
}
/* Tooltip must never create off-screen scroll area (all widths) */
.svc-tooltip {
  right: auto;
}

.svc-tooltip:not(.svc-tooltip-visible) {
  left: 0 !important;
  top: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-9999px) !important;
}

/* ============================================
   HEADER FINAL: one user icon, logo left,
   icon right, scales on all sizes
   ============================================ */
.header {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
}

.header > .logo {
  order: 0 !important;
  margin: 0 auto 0 0 !important;
  flex: 0 0 auto !important;
}

.header > .search-wrapper {
  order: 1 !important;
  margin: 0 !important;
  flex: 0 1 auto !important;
}

.header > .nav-wrapper-desktop {
  order: 2 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

@media (min-width: 769px) {
  .header > .nav-wrapper-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .header > .nav-wrapper-desktop {
    display: none !important;
  }
}