@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;
}
/***** Base *****/
* {
  box-sizing: border-box;
}
body {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(51, 63, 76, 1);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  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(32, 80, 152, 1);
  text-decoration: none;
}
a:visited {
  color: rgba(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 1);
  border-radius: 4px;
  color: rgba(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 1);
  color: rgba(255, 255, 255, 1);
  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: #0e2444;
  border-color: #0e2444;
}
.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(32, 80, 152, 1);
  border: 0;
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  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: rgba(255, 255, 255, 1);
}
.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: #0e2444;
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}
.button-secondary {
  color: #5c7289;
  border: 1px solid #848F99;
  background-color: transparent;
}
.button-secondary:visited {
  color: #5c7289;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(51, 63, 76, 1);
  border: 1px solid #848F99;
  background-color: #f7f7f7;
}
/***** Split button *****/
.split-button {
  display: flex;
}
.split-button button {
  background-color: rgba(32, 80, 152, 1);
  border: 0;
  color: rgba(255, 255, 255, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(32, 80, 152, 1);
}
[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(255, 255, 255, 1);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid rgba(255, 255, 255, 1);
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.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: #5c7289;
  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(32, 80, 152, 1);
}
.form-field input[type=text] {
  border: 1px solid #848F99;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid rgba(32, 80, 152, 1);
}
.form-field input[type=checkbox] {
  width: auto;
}
.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #848F99;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  border: 1px solid rgba(32, 80, 152, 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(32, 80, 152, 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: #5c7289;
  margin-left: 4px;
}
.form-field p {
  color: #5c7289;
  font-size: 12px;
  margin: 5px 0;
}
.form footer {
  margin-top: 40px;
  padding-top: 30px;
}
.form footer a {
  color: #5c7289;
  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(32, 80, 152, 1);
}
/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}
.logo img {
  max-height: 37px;
  vertical-align: middle;
}
.logo span {
  margin: 0 10px;
  color: rgba(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 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(51, 63, 76, 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(51, 63, 76, 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(32, 80, 152, 1);
  border: 1px solid rgba(32, 80, 152, 1);
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.4286;
  padding: 6px 14px;
}
.ask-ai:visited {
  color: rgba(255, 255, 255, 1);
}
.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: rgba(255, 255, 255, 1);
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
  background-color: rgba(0, 45, 97, 1);
  border-color: rgba(0, 45, 97, 1);
  color: rgba(255, 255, 255, 1);
  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: rgba(255, 255, 255, 1);
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
  background-color: rgba(0, 45, 97, 1);
  border-color: rgba(0, 45, 97, 1);
  color: rgba(255, 255, 255, 1);
  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(32, 80, 152, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: rgba(32, 80, 152, 1);
  background-color: transparent;
}
.user-info > button::after {
  color: rgba(32, 80, 152, 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(32, 80, 152, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(255, 255, 255, 1);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}
/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}
.footer a {
  color: #5c7289;
}
.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: #5c7289;
  display: inline-block;
}
.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #5c7289;
}
/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  color: #5c7289;
  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(32, 80, 152, 1);
}
/***** 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(32, 80, 152, 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(32, 80, 152, 1);
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 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-color: rgba(32, 80, 152, 1);
  /* This gradient+image pair is also the fallback for anyone who never gets
     the video below (reduced-motion, slow connection, old browser) -- it's
     drawn first and the video paints over it once it's ready, so there's
     never a blank/flash gap. */
  background-image: linear-gradient(180deg, rgba(0, 45, 97, 0.6), rgba(0, 45, 97, 0.8)), url(/hc/theming_assets/01M1250GEM1WF9S3K96WYHZ0QW);
  background-position: center;
  background-size: cover;
  height: 380px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.hero-media {
  position: absolute;
  inset: 0;
}
.hero-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-scrim {
  position: absolute;
  inset: 0;
  /* Same weight as the .hero fallback gradient above, so contrast on the
     eyebrow/title/subtitle/search reads identically whether the video is
     playing or not. */
  background-image: linear-gradient(180deg, rgba(0, 45, 97, 0.6), rgba(0, 45, 97, 0.8));
}
.hero-inner {
  position: relative;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  max-width: 640px;
  margin: 0 auto;
}
@media (prefers-reduced-motion: reduce) {
  .hero-media {
    display: none;
  }
}
.hero-eyebrow {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.8;
  margin: 0 0 14px;
}
.hero-title {
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}
.hero-subtitle {
  color: #ffffff;
  font-size: 17px;
  margin: 0 0 28px;
  opacity: 0.92;
}
@media (min-width: 768px) {
  .hero {
    height: 420px;
  }
  .hero-title {
    font-size: 44px;
  }
  .hero-subtitle {
    font-size: 18px;
  }
}
.search-wrap {
  position: relative;
  max-width: 560px;
  margin: 0 auto;
}
.search-wrap .search-full {
  /* No drop shadow here: a dark shadow can't fade gracefully into the dark
     hero background behind it, so instead of a soft lift it read as a hard
     rectangular outline hugging the pill -- exactly the "broken border" bug
     reported. The white-on-navy contrast already gives the pill plenty of
     definition without one. */
  border-radius: 10px;
  height: 56px;
  font-size: 16px;
}
/***** Quick actions (ticket tiles) *****/
.quick-actions {
  padding: 64px 0 72px;
}
.quick-actions-heading {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 40px;
}
.eyebrow {
  display: inline-block;
  color: rgba(32, 80, 152, 1);
  background: rgba(32, 80, 152, 0.08);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}
.quick-actions-heading h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #333f4c;
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}
.quick-actions-subhead {
  color: #6b7684;
  font-size: 16px;
  margin: 0;
}
.tile-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .tile-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .tile-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}
.tile {
  list-style: none;
}
.tile-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  background: #ffffff;
  border: 1px solid #e4e9f0;
  border-radius: 16px;
  padding: 28px 24px;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(17, 34, 68, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.tile-link:hover,
.tile-link:focus {
  transform: translateY(-4px);
  box-shadow: 0 20px 32px rgba(17, 34, 68, 0.12);
  border-color: rgba(32, 80, 152, 1);
  text-decoration: none;
}
.tile-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(32, 80, 152, 0.1);
  color: rgba(32, 80, 152, 1);
  margin-bottom: 20px;
  flex-shrink: 0;
}
.tile-icon svg {
  width: 24px;
  height: 24px;
}
.tile-title {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #333f4c;
  margin-bottom: 6px;
}
.tile-desc {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #6b7684;
  margin-bottom: 20px;
  flex-grow: 1;
}
.tile-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
  color: rgba(32, 80, 152, 1);
}
.tile-cta-arrow {
  transition: transform 0.18s ease;
}
.tile-link:hover .tile-cta-arrow,
.tile-link:focus .tile-cta-arrow {
  transform: translateX(3px);
}
/***** Request page (Submit a request) *****/
.request-page h1 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #333f4c;
}
.request-page-intro {
  color: #6b7684;
  font-size: 15px;
  margin: -8px 0 28px;
}
.request-page-layout {
  display: flex;
  flex-direction: column-reverse;
  gap: 28px;
  align-items: flex-start;
}
.request-page-main {
  min-width: 0;
  width: 100%;
}
.request-page-sidebar {
  width: 100%;
}
@media (min-width: 900px) {
  .request-page-layout {
    flex-direction: row;
  }
  .request-page-main {
    flex: 1 1 auto;
  }
  .request-page-sidebar {
    flex: 0 0 280px;
    width: 280px;
  }
}
.request-form-card {
  background: #ffffff;
  border: 1px solid #e4e9f0;
  border-radius: 16px;
  padding: 32px 28px;
  box-shadow: 0 1px 3px rgba(17, 34, 68, 0.06);
}
@media (max-width: 599px) {
  .request-form-card {
    padding: 24px 18px;
  }
}
.contact-card {
  background: linear-gradient(160deg, rgba(32, 80, 152, 1), #002d61);
  border-radius: 16px;
  padding: 28px 24px;
  color: #ffffff;
}
@media (min-width: 900px) {
  .contact-card {
    position: sticky;
    top: 24px;
  }
}
.contact-card h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px;
  color: #ffffff;
}
.contact-card > p {
  font-size: 14px;
  opacity: 0.85;
  margin: 0 0 20px;
  line-height: 1.5;
}
.contact-list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.contact-list li {
  margin-bottom: 14px;
}
.contact-label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.7;
  margin-bottom: 4px;
}
.contact-list a {
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.contact-list a:hover {
  border-color: #ffffff;
}
.contact-note {
  font-size: 13px;
  opacity: 0.8;
  line-height: 1.5;
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
/***** Zendesk Garden request-form overrides (applies to every ticket form: Access Request, TCA, OT Support, Bulk Access) *****/
#new-request-form [data-garden-id="forms.field"],
#new-request-form [data-garden-id="dropdowns.combobox.field"] {
  margin-bottom: 24px;
}
#new-request-form [data-garden-id="forms.input_label"],
#new-request-form [data-garden-id="dropdowns.combobox.label"] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #333f4c;
  margin-bottom: 6px;
}
#new-request-form [data-garden-id="forms.input"],
#new-request-form [data-garden-id="forms.textarea"],
#new-request-form [data-garden-id="dropdowns.combobox.trigger"] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  border-color: #d7dee6;
  border-radius: 8px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#new-request-form [data-garden-id="forms.input"]:focus,
#new-request-form [data-garden-id="forms.textarea"]:focus {
  border-color: rgba(32, 80, 152, 1);
  box-shadow: 0 0 0 3px rgba(32, 80, 152, 0.15);
}
#new-request-form [data-garden-id="dropdowns.combobox.trigger"]:focus-within {
  border-color: rgba(32, 80, 152, 1);
  box-shadow: 0 0 0 3px rgba(32, 80, 152, 0.15);
}
#new-request-form [data-garden-id="forms.textarea"] {
  min-height: 140px;
}
#new-request-form [data-garden-id="forms.file_upload"] {
  border-radius: 10px;
  border: 1.5px dashed #c3cedb;
  transition: border-color 0.15s ease;
}
#new-request-form [data-garden-id="forms.file_upload"]:hover {
  border-color: rgba(32, 80, 152, 1);
}
#new-request-form [data-garden-id="buttons.button"][type="submit"] {
  background-color: rgba(32, 80, 152, 1);
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding: 0 24px;
  height: 44px;
}
#new-request-form [data-garden-id="buttons.button"][type="submit"]:hover,
#new-request-form [data-garden-id="buttons.button"][type="submit"]:focus {
  background-color: #132f59;
}
.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: wrap;
    gap: 16px;
    margin: 0;
  }
}
.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}
.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}
.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}
.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}
@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}
.sub-nav .breadcrumbs {
  margin: 0;
}
.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}
@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}
.sub-nav input[type=search]::after {
  font-size: 15px;
}
/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}
.blocks-item {
  border: 1px solid rgba(32, 80, 152, 1);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(32, 80, 152, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: rgba(32, 80, 152, 1);
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: rgba(51, 63, 76, 1);
}
.blocks-item-link {
  color: rgba(32, 80, 152, 1);
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}
.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(32, 80, 152, 1);
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}
.blocks-item-description {
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}
/***** 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/01J2H658XMK0PPG7A1F5GSNTAX);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: rgba(32, 80, 152, 1);
  text-decoration: underline;
}
.community a:visited {
  color: rgba(32, 80, 152, 1);
}
.community a:hover, .community a:active, .community a:focus {
  color: rgba(0, 45, 97, 1);
}
.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}
/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}
.recent-activity-list {
  padding: 0;
}
.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}
.recent-activity-item h3 {
  margin: 0;
}
.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}
.recent-activity-item-link {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-activity-item-meta {
  color: rgba(51, 63, 76, 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(32, 80, 152, 1);
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: rgba(32, 80, 152, 1);
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: rgba(0, 45, 97, 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(32, 80, 152, 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(51, 63, 76, 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(51, 63, 76, 1);
}
.icon-star {
  color: rgba(32, 80, 152, 1);
  font-size: 18px;
}
/***** 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(51, 63, 76, 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(32, 80, 152, 1);
  text-decoration: underline;
}
.article-body a:visited {
  color: rgba(32, 80, 152, 1);
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: rgba(0, 45, 97, 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: #5c7289;
  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: #5c7289;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(32, 80, 152, 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(32, 80, 152, 1);
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: rgba(32, 80, 152, 1);
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: rgba(0, 45, 97, 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(51, 63, 76, 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(51, 63, 76, 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: #5c7289;
}
/***** 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: #5c7289;
}
.share a:hover {
  text-decoration: none;
  color: rgba(32, 80, 152, 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: #5c7289;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: rgba(32, 80, 152, 1);
  text-decoration: underline;
}
.comment-callout a:visited {
  color: rgba(32, 80, 152, 1);
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: rgba(0, 45, 97, 1);
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #5c7289;
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid rgba(32, 80, 152, 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(32, 80, 152, 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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: rgba(32, 80, 152, 1);
  text-decoration: underline;
}
.comment-body a:visited {
  color: rgba(32, 80, 152, 1);
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: rgba(0, 45, 97, 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: #5c7289;
  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: #5c7289;
  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(32, 80, 152, 1);
}
.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #5c7289;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vote-voted {
  color: rgba(32, 80, 152, 1);
}
.vote-voted:hover {
  color: #0e2444;
}
/***** 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/01J2H658CEG4FETV2QT5YY4EB3);
  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(32, 80, 152, 1);
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}
.community-follow button[data-selected=true] {
  background-color: rgba(32, 80, 152, 1);
  color: rgba(255, 255, 255, 1);
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}
.community-follow button[data-selected=true]:hover {
  background-color: #0e2444;
  border-color: #0e2444;
}
.community-follow button::after {
  border-left: 1px solid rgba(32, 80, 152, 1);
  content: attr(data-follower-count);
  color: rgba(32, 80, 152, 1);
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}
@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}
[dir=rtl] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(32, 80, 152, 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(32, 80, 152, 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(32, 80, 152, 1);
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #5c7289;
  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(51, 63, 76, 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(32, 80, 152, 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: #5c7289;
}
.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: -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(32, 80, 152, 1);
  text-decoration: underline;
}
.post-body a:visited {
  color: rgba(32, 80, 152, 1);
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: rgba(0, 45, 97, 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: #5c7289;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #5c7289;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: rgba(32, 80, 152, 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(32, 80, 152, 1);
}
.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: rgba(51, 63, 76, 1);
  line-height: 45px;
  order: 1;
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}
.collapsible-nav-list li a {
  color: rgba(51, 63, 76, 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(32, 80, 152, 1);
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: rgba(51, 63, 76, 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(32, 80, 152, 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: #5c7289;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}
.no-activities {
  color: #5c7289;
}
/***** 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: #5c7289;
  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(32, 80, 152, 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(32, 80, 152, 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: #5c7289;
  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;
}
/***** 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: #5c7289;
  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: #5c7289;
  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(32, 80, 152, 1);
  border-radius: 4px;
  color: rgba(32, 80, 152, 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: #5c7289;
  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: #5c7289;
  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(51, 63, 76, 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(32, 80, 152, 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(32, 80, 152, 1);
}
.search-results .no-results .action-prompt a:visited {
  color: rgba(32, 80, 152, 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: #5c7289;
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(32, 80, 152, 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;
}
.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/01KEEW4ESPBSVT6N0QEPFVHHVW);
  margin-bottom: 10px;
  height: 320px;
}
.service-catalog-description {
  display: flow-root;
}
.service-catalog-description a {
  color: rgba(32, 80, 152, 1);
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: rgba(32, 80, 152, 1);
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: rgba(0, 45, 97, 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: #5c7289;
  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;
}
/* =========================================================================
   Homepage / request-page enhancements (demo pass 2)
   ========================================================================= */
/***** Animated sunburst mark (hero) *****/
.sunburst {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
}
.sunburst-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.sunburst-dot {
  fill: #ffffff;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: sunburst-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
    sunburst-pulse 3.4s ease-in-out 1.2s infinite;
}
.sunburst-center {
  animation: sunburst-in-center 0.4s ease-out forwards,
    sunburst-pulse-center 3.4s ease-in-out 1s infinite;
}
@keyframes sunburst-in {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0.95;
    transform: scale(1);
  }
}
@keyframes sunburst-in-center {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes sunburst-pulse {
  0%,
  100% {
    opacity: 0.75;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}
@keyframes sunburst-pulse-center {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.06);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sunburst-dot,
  .sunburst-center {
    animation: none !important;
    opacity: 0.95 !important;
  }
}
/***** Tile grid: allow a 5th tile to sit naturally at any count *****/
@media (min-width: 1000px) {
  .tile-grid {
    grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
  }
}
/***** "Our experience" stats / scroll-reveal section *****/
.trust-section {
  padding: 8px 0 72px;
}
.trust-heading {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 32px;
}
.trust-heading h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: #333f4c;
  margin: 8px 0 0;
  letter-spacing: -0.01em;
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  list-style: none;
  margin: 0 0 36px;
  padding: 28px 20px;
  background: #f7f9fc;
  border-radius: 16px;
  text-align: center;
}
@media (min-width: 700px) {
  .stat-grid {
    grid-template-columns: repeat(4, 1fr);
    padding: 40px 24px;
  }
}
.stat-number {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-weight: 700;
  color: rgba(32, 80, 152, 1);
  line-height: 1.1;
}
.stat-number small {
  font-size: 16px;
  font-weight: 700;
  margin-left: 2px;
}
.stat-label {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #6b7684;
}
.trust-blurb {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  color: #4a5560;
  font-size: 16px;
  line-height: 1.7;
}
[data-reveal-item] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
[data-reveal-item].is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  [data-reveal-item] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/***** Request page: wider layout + a bit more breathing room between fields *****/
.request-page.container {
  max-width: 1320px;
}
.request-form-card {
  padding: 40px 36px;
}
@media (max-width: 599px) {
  .request-form-card {
    padding: 24px 18px;
  }
}
#new-request-form [data-garden-id="forms.field"],
#new-request-form [data-garden-id="dropdowns.combobox.field"] {
  margin-bottom: 30px;
}
/***** Evidence example image (Access Request + TCA request forms) *****/
.evidence-example {
  margin: -10px 0 26px;
  padding: 16px;
  background: #f7f9fc;
  border: 1px solid #e4e9f0;
  border-radius: 10px;
}
.evidence-example-label {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(32, 80, 152, 1);
}
.evidence-example img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  border: 1px solid #e4e9f0;
}
.evidence-example-link {
  display: inline-block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(32, 80, 152, 1);
  text-decoration: none;
}
.evidence-example-link:hover {
  text-decoration: underline;
}
/***** Post-submit confirmation overlay *****/
.confirmation-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: linear-gradient(160deg, rgba(32, 80, 152, 1), #001c40);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.confirmation-overlay[hidden] {
  display: none;
}
.confirmation-overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.confirmation-overlay.is-hiding {
  opacity: 0;
}
.confirmation-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 48px 40px;
  max-width: 380px;
  width: 100%;
  text-align: center;
  transform: scale(0.9) translateY(8px);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s,
    opacity 0.4s ease 0.1s;
  box-shadow: 0 30px 60px rgba(0, 10, 30, 0.35);
}
.confirmation-overlay.is-visible .confirmation-card {
  transform: scale(1) translateY(0);
  opacity: 1;
}
.confirmation-check {
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
}
.confirmation-check-circle {
  stroke: rgba(32, 80, 152, 1);
  stroke-dasharray: 220;
  stroke-dashoffset: 220;
}
.confirmation-overlay.is-visible .confirmation-check-circle {
  animation: confirmation-circle 0.6s ease-out 0.25s forwards;
}
.confirmation-check-mark {
  stroke: rgba(32, 80, 152, 1);
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
}
.confirmation-overlay.is-visible .confirmation-check-mark {
  animation: confirmation-mark 0.4s ease-out 0.75s forwards;
}
@keyframes confirmation-circle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes confirmation-mark {
  to {
    stroke-dashoffset: 0;
  }
}
.confirmation-card h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #333f4c;
  margin: 0 0 10px;
}
.confirmation-card p {
  color: #6b7684;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 6px;
}
.confirmation-id {
  font-weight: 700;
  color: #333f4c !important;
  margin-bottom: 24px !important;
}
.confirmation-dismiss {
  background: rgba(32, 80, 152, 1);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 12px 28px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.confirmation-dismiss:hover {
  background: #132f59;
}
@media (prefers-reduced-motion: reduce) {
  .confirmation-check-circle,
  .confirmation-check-mark {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }
  .confirmation-card {
    transition: opacity 0.2s ease !important;
    transform: none !important;
  }
}
/* =========================================================================
   Radian Generation — premium footer
   Curved blue transition band -> brand + 3 link columns -> legal row ->
   large light-grey signature area with the animated dotted Radian mark.
   The signature reuses the header's dotted-logo *pattern* but under its
   own rg-footer-* class names and keyframes so it can never collide with
   (or be hidden by) the header/hero instance's rules.
   ========================================================================= */
.rg-premium-footer {
  position: relative;
  overflow: hidden;
  margin: 84px 0 0;
  padding: 0;
  background: #f4f7fb;
  color: #22324a;
  border-top: 0;
}
.rg-footer-band {
  position: relative;
  width: 100%;
  height: 72px;
  overflow: hidden;
  border-radius: 0 36px 0 0;
  background: linear-gradient(90deg, #1b365f 0%, #274b80 53%, #3557a4 100%);
  box-shadow: 0 12px 34px rgba(42,72,123,.14);
}
.rg-footer-energy-stream {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .48;
  pointer-events: none;
}
.rg-footer-energy-stream path { fill: none !important; stroke-linecap: round; }
.rg-footer-flow-1 {
  stroke: rgba(255,255,255,.34);
  stroke-width: 1.1;
  stroke-dasharray: 9 14;
  animation: rgFooterStream 10s linear infinite;
}
.rg-footer-flow-2 {
  stroke: rgba(146,196,255,.38);
  stroke-width: 1.2;
  stroke-dasharray: 12 18;
  animation: rgFooterStreamReverse 13s linear infinite;
}
.rg-footer-container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 52px 0 28px;
}
.rg-footer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.rg-footer-mini-logo {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 12px;
  color: #ffffff;
  background: linear-gradient(145deg, #1b365f, #3557a4 60%, #5275bd);
  box-shadow: 0 10px 26px rgba(53,87,164,.18);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 20px;
}
.rg-footer-brand strong {
  display: block;
  color: #27447b;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .05em;
}
.rg-footer-brand span {
  display: block;
  margin-top: 3px;
  color: #8b97aa;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .17em;
}
.rg-footer-description {
  max-width: 520px;
  margin: 0 0 38px;
  color: #687589;
  font-size: 13px;
  line-height: 1.75;
}
.rg-footer-social {
  display: flex;
  gap: 10px;
  margin: -14px 0 38px;
}
.rg-footer-social-link {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(32, 80, 152, 1);
  border: 1px solid #d7dee6;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.rg-footer-social-link:hover {
  background: rgba(32, 80, 152, 1);
  color: #ffffff;
  border-color: rgba(32, 80, 152, 1);
  text-decoration: none;
}
.rg-footer-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  padding: 4px 0 44px;
}
@media (min-width: 620px) {
  .rg-footer-columns {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
.rg-footer-column h3 {
  margin: 0 0 18px;
  color: #263d63;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.rg-footer-links {
  display: grid;
  gap: 12px;
}
.rg-footer-links a {
  width: fit-content;
  color: #5f6c80;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.5;
  transition: color 180ms ease, transform 180ms ease;
}
@media (hover: hover) {
  .rg-footer-links a:hover {
    color: #3557a4;
    transform: translateX(4px);
  }
}
.rg-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  padding: 22px 0 26px;
  border-top: 1px solid #dce4ef;
  color: #7b8798;
  font-size: 11px;
}
.rg-footer-legal {
  display: flex;
  align-items: center;
  gap: 18px;
}
.rg-footer-legal a {
  color: #6f7c8f;
  text-decoration: none;
  transition: color 180ms ease;
}
.rg-footer-legal a:hover { color: #3557a4; }
.rg-footer-bottom .footer-language-selector button {
  color: #6f7c8f;
}
.rg-footer-mobile-heading { display: none; }
/* ==========================================================
   ANIMATED RADIAN SIGNATURE
   ========================================================== */
.rg-footer-signature {
  position: relative;
  min-height: 190px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 30px 18px;
  border-top: 1px solid #e1e7ef;
  background: linear-gradient(180deg, #eef2f7 0%, #e7edf5 100%);
}
.rg-footer-signature::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 540px;
  height: 180px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(69,103,177,.10), transparent 70%);
  filter: blur(28px);
  pointer-events: none;
}
.rg-footer-hero-brand {
  position: relative;
  z-index: 2;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
.rg-footer-hero-brand-mark-wrap {
  width: 88px;
  height: 88px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  position: relative;
  filter: drop-shadow(0 12px 24px rgba(53,87,164,.18));
  animation: rgFooterLogoSpin 7.2s cubic-bezier(.22,.8,.2,1) infinite;
}
.rg-footer-hero-brand-mark {
  width: 88px;
  height: 88px;
  display: block;
  overflow: visible;
}
.rg-footer-logo-dot {
  fill: #3557a4;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: rgFooterDotIn 7.2s ease-in-out infinite;
  animation-delay: var(--dot-delay);
}
.rg-footer-logo-dot--center { fill: #1b365f; }
.rg-footer-hero-brand-copy {
  opacity: 0;
  transform: translateX(-18px);
  animation: rgFooterTextReveal 7.2s ease-in-out infinite;
}
.rg-footer-hero-brand-name {
  display: block;
  color: #27447b;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 850;
  letter-spacing: .08em;
  line-height: .96;
}
.rg-footer-hero-brand-generation {
  display: block;
  margin-top: 7px;
  color: #7e8da3;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .34em;
}
.rg-footer-hero-brand::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -11px;
  width: 240px;
  height: 2px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  background: linear-gradient(90deg, transparent, #5275bd, transparent);
  animation: rgFooterLineReveal 7.2s ease-in-out infinite;
}
@keyframes rgFooterStream { to { stroke-dashoffset: -220; } }
@keyframes rgFooterStreamReverse { to { stroke-dashoffset: 220; } }
@keyframes rgFooterLogoSpin {
  0% { transform: rotate(-220deg) scale(.68); opacity: 0; }
  8% { opacity: 1; }
  34% { transform: rotate(360deg) scale(1.08); }
  43%, 80% { transform: rotate(360deg) scale(1); }
  91% { transform: rotate(420deg) scale(.96); opacity: 1; }
  100% { transform: rotate(500deg) scale(.72); opacity: 0; }
}
@keyframes rgFooterDotIn {
  0%, 8% { opacity: 0; transform: scale(.15); }
  18%, 78% { opacity: 1; transform: scale(1); }
  90%, 100% { opacity: 0; transform: scale(.35); }
}
@keyframes rgFooterTextReveal {
  0%, 34% { opacity: 0; transform: translateX(-18px); }
  44%, 80% { opacity: 1; transform: translateX(0); }
  92%, 100% { opacity: 0; transform: translateX(14px); }
}
@keyframes rgFooterLineReveal {
  0%, 38% { opacity: 0; transform: translateX(-50%) scaleX(0); }
  50%, 80% { opacity: 1; transform: translateX(-50%) scaleX(1); }
  94%, 100% { opacity: 0; transform: translateX(-50%) scaleX(0); }
}
@media (max-width: 720px) {
  .rg-footer-band { height: 54px; border-radius: 0 26px 0 0; }
  .rg-footer-container { width: calc(100% - 32px); padding-top: 38px; }
  .rg-footer-columns { display: block; padding-bottom: 30px; }
  .rg-footer-column { border-top: 1px solid #dce4ef; }
  .rg-footer-column h3 { display: none; }
  .rg-footer-mobile-heading {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: 0;
    background: none;
    color: #51647f;
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
  .rg-footer-mobile-heading span:last-child { font-size: 17px; transition: transform 200ms ease; }
  .rg-footer-links { display: none; padding: 0 0 18px; }
  .rg-footer-column.rg-footer-open .rg-footer-links { display: grid; }
  .rg-footer-column.rg-footer-open .rg-footer-mobile-heading span:last-child { transform: rotate(45deg); }
  .rg-footer-bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
  .rg-footer-signature { min-height: 155px; }
  .rg-footer-hero-brand { gap: 12px; }
  .rg-footer-hero-brand-mark-wrap,
  .rg-footer-hero-brand-mark { width: 68px; height: 68px; }
  .rg-footer-hero-brand-generation { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .rg-footer-flow-1,
  .rg-footer-flow-2,
  .rg-footer-hero-brand-mark-wrap,
  .rg-footer-logo-dot,
  .rg-footer-hero-brand-copy,
  .rg-footer-hero-brand::after {
    animation: none !important;
  }
  .rg-footer-hero-brand-mark-wrap,
  .rg-footer-logo-dot,
  .rg-footer-hero-brand-copy {
    opacity: 1 !important;
    transform: none !important;
  }
  .rg-footer-hero-brand::after {
    opacity: 1 !important;
    transform: translateX(-50%) scaleX(1) !important;
  }
}
/* =========================================================================
   Homepage video-background feature section
   ========================================================================= */
.eyebrow-light {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
}
.video-feature {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  /* Fallback for browsers/users that never get the video (reduced-motion,
     slow connection, autoplay blocked) -- same treatment as the hero so it
     still reads as a deliberate, on-brand section rather than a blank box. */
  background-image: linear-gradient(180deg, rgba(0, 45, 97, 0.75), rgba(0, 45, 97, 0.85)), url(/hc/theming_assets/01M1250GEM1WF9S3K96WYHZ0QW);
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) {
  .video-feature {
    min-height: 480px;
  }
}
.video-feature-media {
  position: absolute;
  inset: 0;
}
.video-feature-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-feature-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 20, 45, 0.45) 0%, rgba(0, 20, 45, 0.72) 100%);
}
.video-feature-content {
  position: relative;
  z-index: 1;
  max-width: 640px;
  margin: 0 auto;
  padding: 56px 24px;
  text-align: center;
}
.video-feature-content h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 8px 0 14px;
}
@media (min-width: 768px) {
  .video-feature-content h2 {
    font-size: 34px;
  }
}
.video-feature-content p {
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  .video-feature-media {
    display: none;
  }
}
/* ==========================================================
   OT Request — contextual Help Center recommendations
   ========================================================== */
.contextual-kb {
  margin: 14px 0 20px;
  border: 1px solid #dce5ee;
  border-radius: 10px;
  background: #f7f9fc;
  overflow: hidden;
}
.contextual-kb-header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 15px 16px 13px;
  border-bottom: 1px solid #e2e8f0;
}
.contextual-kb-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eaf1f8;
  color: #18486b;
}
.contextual-kb-eyebrow {
  margin: 0 0 3px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #52718b;
}
.contextual-kb-title {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #173c58;
}
.contextual-kb-description {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: #5f7180;
}
.contextual-kb-list {
  padding: 7px;
}
.contextual-kb-article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 11px;
  border-radius: 7px;
  color: inherit;
  text-decoration: none;
  transition:
    background 0.15s ease,
    transform 0.15s ease;
}
.contextual-kb-article:hover {
  background: #ffffff;
  text-decoration: none;
  transform: translateX(2px);
}
.contextual-kb-article + .contextual-kb-article {
  border-top: 1px solid #edf1f5;
}
.contextual-kb-article-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.contextual-kb-article-meta {
  font-size: 9px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #648097;
}
.contextual-kb-article-title {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: #183f5c;
}
.contextual-kb-arrow {
  flex: 0 0 auto;
  font-size: 15px;
  color: #416985;
}
.contextual-kb-footer {
  margin: 0;
  padding: 9px 16px 11px;
  border-top: 1px solid #e2e8f0;
  font-size: 11px;
  line-height: 16px;
  color: #687986;
}
@media (max-width: 640px) {
  .contextual-kb-header {
    padding: 13px;
  }
  .contextual-kb-description {
    font-size: 11px;
  }
  .contextual-kb-article {
    padding: 9px;
  }
}
/* ==========================================================================
   Radian OT Request — contextual knowledge recommendations
   Append to style.css
   ========================================================================== */
/* ==========================================================================
   Radian OT Request — contextual knowledge recommendations
   Append to style.css
   ========================================================================== */
.contextual-kb {
  margin: 14px 0 20px;
  overflow: hidden;
  border: 1px solid #dce5ee;
  border-radius: 10px;
  background: #f7f9fc;
}
.contextual-kb-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px 16px 13px;
  border-bottom: 1px solid #e2e8f0;
}
.contextual-kb-icon {
  display: flex;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eaf1f8;
  color: #18486b;
}
.contextual-kb-eyebrow {
  margin: 0 0 3px;
  color: #52718b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 13px;
  text-transform: uppercase;
}
.contextual-kb-title {
  margin: 0;
  color: #173c58;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.contextual-kb-description {
  margin: 4px 0 0;
  color: #5f7180;
  font-size: 12px;
  line-height: 18px;
}
.contextual-kb-review-note {
  padding: 9px 16px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff8e8;
  color: #725b22;
  font-size: 11px;
  line-height: 16px;
}
.contextual-kb-list {
  padding: 7px;
}
.contextual-kb-article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 11px;
  border-radius: 7px;
  color: inherit;
  text-decoration: none;
  transition:
    background 0.15s ease,
    transform 0.15s ease;
}
.contextual-kb-article:hover,
.contextual-kb-article:focus {
  background: #ffffff;
  text-decoration: none;
  transform: translateX(2px);
}
.contextual-kb-article + .contextual-kb-article {
  border-top: 1px solid #edf1f5;
}
.contextual-kb-article--draft {
  opacity: 0.78;
}
.contextual-kb-article-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.contextual-kb-article-meta {
  color: #648097;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 12px;
  text-transform: uppercase;
}
.contextual-kb-article--draft .contextual-kb-article-meta {
  color: #806b35;
}
.contextual-kb-article-title {
  color: #183f5c;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
.contextual-kb-arrow {
  flex: 0 0 auto;
  color: #416985;
  font-size: 15px;
}
.contextual-kb-footer {
  margin: 0;
  padding: 9px 16px 11px;
  border-top: 1px solid #e2e8f0;
  color: #687986;
  font-size: 11px;
  line-height: 16px;
}
@media (max-width: 640px) {
  .contextual-kb-header {
    padding: 13px;
  }
  .contextual-kb-description {
    font-size: 11px;
  }
  .contextual-kb-article {
    padding: 9px;
  }
}
/* FIX3 — stable contextual KB slot */
#radian-contextual-kb-slot:empty {
  display: none;
}
#radian-contextual-kb-slot:not(:empty) {
  display: block;
  margin-bottom: 18px;
}
/* ==========================================================================
   Radian Generation Help Center — World-Class Homepage v4
   Purpose: premium hero branding, balanced service grid, renewable-energy
   landscape, accessibility, motion control, and stronger responsive polish.
   ========================================================================== */
:root {
  --rg-blue: #205098;
  --rg-blue-strong: #163f7a;
  --rg-sky: #4f86c9;
  --rg-ink: #333f4c;
  --rg-muted: #6b7684;
  --rg-line: #e1e8f0;
  --rg-soft: #f6f9fc;
  --rg-soft-blue: #eef5fc;
  --rg-shadow-sm: 0 8px 24px rgba(21, 50, 84, 0.07);
  --rg-shadow-lg: 0 24px 55px rgba(18, 48, 82, 0.14);
}
html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
::selection {
  background: var(--rg-blue);
  color: #fff;
}
:focus-visible {
  outline: 3px solid rgba(79, 134, 201, .45);
  outline-offset: 2px;
}
/* --- Hero: cinematic but still task-first --- */
.hero {
  height: 410px;
  padding: 0 24px;
  background-position: center 44%;
}
@media (min-width: 768px) {
  .hero {
    height: 430px;
  }
}
.hero-video {
  transform: scale(1.015);
}
.hero-scrim {
  background:
    radial-gradient(circle at 50% 42%, rgba(33, 86, 145, 0.08) 0%, rgba(3, 35, 71, 0.18) 48%, rgba(0, 24, 52, 0.34) 100%),
    linear-gradient(180deg, rgba(0, 35, 77, 0.50) 0%, rgba(0, 38, 80, 0.69) 100%);
}
.hero-inner {
  max-width: 760px;
  width: 100%;
}
/* v3 animated Radian lock-up: one center dot -> two spins -> full brand. */
.rg-hero-brand {
  width: fit-content;
  min-width: 74px;
  min-height: 72px;
  margin: 0 auto 17px;
  padding: 8px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 15px 35px rgba(0, 23, 52, 0.22), inset 0 1px 0 rgba(255,255,255,.85);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.rg-hero-brand-mark-wrap {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: grid;
  place-items: center;
}
.rg-hero-brand-mark {
  width: 54px;
  height: 54px;
  color: var(--rg-blue);
  overflow: visible;
  transform-origin: 50% 50%;
  animation: rg-logo-spin-grow 3.65s cubic-bezier(.22,.72,.25,1) both;
}
.rg-logo-dot {
  fill: currentColor;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: rg-logo-dot-build .62s ease-out var(--dot-delay) forwards;
}
.rg-logo-dot--center {
  opacity: 1;
  animation: rg-logo-center-build .34s ease-out .02s both;
}
.rg-hero-brand-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transform: translateX(-7px);
  animation: rg-logo-copy-reveal .82s cubic-bezier(.2,.74,.22,1) 3.28s forwards;
}
.rg-hero-brand-name {
  color: var(--rg-ink);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: .96;
  letter-spacing: .01em;
}
.rg-hero-brand-generation {
  margin-top: 5px;
  color: var(--rg-sky);
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .16em;
}
@keyframes rg-logo-spin-grow {
  0%   { transform: scale(.04) rotate(0deg); }
  12%  { transform: scale(.10) rotate(72deg); }
  30%  { transform: scale(.30) rotate(216deg); }
  54%  { transform: scale(.58) rotate(410deg); }
  76%  { transform: scale(.84) rotate(575deg); }
  92%  { transform: scale(1.025) rotate(705deg); }
  100% { transform: scale(1) rotate(720deg); }
}
@keyframes rg-logo-dot-build {
  0%   { opacity: 0; transform: scale(.12); }
  58%  { opacity: 1; transform: scale(1.10); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes rg-logo-center-build {
  0%   { opacity: 1; transform: scale(.72); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes rg-logo-copy-reveal {
  0%   { width: 0; opacity: 0; transform: translateX(-7px); }
  18%  { opacity: 1; }
  100% { width: 104px; opacity: 1; transform: translateX(0); }
}
.hero-eyebrow {
  margin-bottom: 9px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .17em;
  opacity: .86;
}
.hero-title {
  margin-bottom: 9px;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -.025em;
  text-shadow: 0 2px 18px rgba(0, 20, 45, .18);
}
@media (min-width: 768px) {
  .hero-title { font-size: 42px; }
}
.hero-subtitle {
  max-width: 610px;
  margin: 0 auto 21px;
  font-size: 16px;
  line-height: 1.55;
  opacity: .92;
}
@media (min-width: 768px) {
  .hero-subtitle { font-size: 17px; }
}
.search-wrap {
  max-width: 640px;
}
.search-wrap .search-full {
  height: 58px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 14px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 30px rgba(0, 22, 52, .18);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.search-wrap .search-full:focus-within {
  transform: translateY(-1px);
  border-color: rgba(113, 175, 235, .95);
  box-shadow: 0 16px 38px rgba(0, 22, 52, .22), 0 0 0 3px rgba(111, 176, 240, .22);
}
.search-wrap .search-full input[type=search] {
  height: 56px;
  font-size: 15px;
  color: #26394d;
}
.search-wrap .search-icon {
  left: 18px;
  width: 19px;
  height: 19px;
  color: #62768b;
}
[dir=rtl] .search-wrap .search-icon {
  left: auto;
  right: 18px;
}
.rg-popular-searches {
  margin: 13px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px 9px;
  color: rgba(255,255,255,.78);
  font-size: 12px;
}
.rg-popular-searches-label {
  font-weight: 700;
  color: rgba(255,255,255,.88);
}
.rg-popular-searches a,
.rg-popular-searches a:visited {
  padding: 4px 9px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.rg-popular-searches a:hover,
.rg-popular-searches a:focus {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.36);
  transform: translateY(-1px);
  text-decoration: none;
}
/* --- Service chooser: balanced 3 + 2 layout on desktop --- */
.quick-actions {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 68px 0 78px;
}
.quick-actions-heading {
  max-width: 650px;
  margin-bottom: 36px;
}
.quick-actions-heading h2 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.025em;
}
.quick-actions-subhead {
  font-size: 15px;
}
.eyebrow {
  margin-bottom: 13px;
  padding: 6px 12px;
  background: #eef5fc;
  color: var(--rg-blue);
  box-shadow: inset 0 0 0 1px rgba(32, 80, 152, .055);
}
@media (min-width: 1000px) {
  .tile-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
  }
  /* 6 tiles (Access Request, TCA, Bulk Access, OT Support, Cybersecurity
     Incidents, My Tickets) at span-2 each = 3 per row, 2 even rows. */
  .tile { grid-column: span 2; }
}
.tile-link {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 226px;
  padding: 26px 25px 24px;
  border: 1px solid var(--rg-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: var(--rg-shadow-sm);
  transition: transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease, border-color .22s ease;
}
.tile-link::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
  background: radial-gradient(circle at 18% 0%, rgba(79,134,201,.12), transparent 46%);
  transition: opacity .22s ease;
}
.tile-link:hover,
.tile-link:focus-visible {
  transform: translateY(-6px);
  border-color: rgba(32,80,152,.32);
  box-shadow: var(--rg-shadow-lg);
  text-decoration: none;
}
.tile-link:hover::before,
.tile-link:focus-visible::before { opacity: 1; }
.tile-link:focus-visible {
  outline: 3px solid rgba(79,134,201,.28);
  outline-offset: 3px;
}
.tile-icon {
  position: relative;
  width: 46px;
  height: 46px;
  margin-bottom: 19px;
  border-radius: 13px;
  background: linear-gradient(145deg, #edf5fc, #e6f0fa);
  color: var(--rg-blue-strong);
  box-shadow: inset 0 0 0 1px rgba(32,80,152,.05);
  transition: transform .22s ease, background .22s ease;
}
.tile-link:hover .tile-icon { transform: translateY(-2px) scale(1.04); }
.tile-title {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.015em;
}
.tile-desc {
  max-width: 34ch;
  margin-bottom: 18px;
  color: #637183;
}
.tile-cta {
  gap: 7px;
  color: var(--rg-blue-strong);
  font-size: 13px;
  letter-spacing: .005em;
}
.tile-cta-arrow { transition: transform .18s ease; }
.tile-link:hover .tile-cta-arrow { transform: translateX(3px); }
.tile:nth-child(5) .tile-link {
  background: linear-gradient(145deg, #f8fbff 0%, #eef5fc 100%);
}
.tile:nth-child(5) .tile-icon {
  background: #ffffff;
}
/* --- Support services energy orbit: background-only, decorative --- */
.rg-support-orbit-content {
  position: relative;
  z-index: 5;
}
.rg-support-orbit-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.rg-orbit-soft-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(95px);
  opacity: .20;
  pointer-events: none;
}
.rg-orbit-glow-1 {
  width: 620px;
  height: 620px;
  left: 20%;
  top: 17%;
  background: rgba(107,143,217,.24);
  animation: rgOrbitGlowOne 14s ease-in-out infinite;
}
.rg-orbit-glow-2 {
  width: 560px;
  height: 560px;
  right: 8%;
  bottom: -12%;
  background: rgba(103,187,224,.20);
  animation: rgOrbitGlowTwo 17s ease-in-out infinite;
}
.rg-orbit-dot-grid {
  position: absolute;
  inset: 0;
  opacity: .34;
  background-image: radial-gradient(circle, rgba(53,87,164,.18) 1px, transparent 1.15px);
  background-size: 18px 18px;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 15%, rgba(0,0,0,.85) 50%, transparent 88%);
  mask-image: radial-gradient(ellipse at center, #000 15%, rgba(0,0,0,.85) 50%, transparent 88%);
}
.rg-orbit-svg {
  position: absolute;
  left: 50%;
  top: 54%;
  width: min(1250px, 110%);
  height: 100%;
  transform: translate(-50%, -50%);
  overflow: visible;
}
.rg-orbit-main {
  fill: none !important;
  stroke: url(#rgOrbitGradient);
  stroke-width: 1.8;
  opacity: .72;
}
.rg-orbit-secondary {
  fill: none !important;
  stroke: rgba(72,106,181,.10);
  stroke-width: 1.2;
  opacity: .9;
}
.rg-orbit-dashed {
  fill: none !important;
  stroke: rgba(60,93,173,.19);
  stroke-width: 1.4;
  stroke-dasharray: 6 13;
  opacity: .70;
  animation: rgOrbitDashReverse 30s linear infinite;
}
.rg-orbit-energy-line {
  fill: none !important;
  stroke: rgba(85,122,198,.30);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 80 1300;
  filter: drop-shadow(0 0 5px rgba(85,122,198,.28));
  animation: rgOrbitEnergyFlow 8s linear infinite;
}
.rg-orbit-node {
  fill: #5576bb;
  opacity: .25;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 7px rgba(85,118,187,.50));
  animation: rgOrbitNodePulse 4s ease-in-out infinite;
}
.rg-node-delay-1 { animation-delay: -.7s; }
.rg-node-delay-2 { animation-delay: -1.4s; }
.rg-node-delay-3 { animation-delay: -2.1s; }
.rg-node-delay-4 { animation-delay: -2.8s; }
.rg-node-delay-5 { animation-delay: -3.5s; }
.rg-moving-energy { fill: #4667b3; opacity: .92; }
.rg-energy-1 { fill: #4667b3; }
.rg-energy-2 { fill: #66bade; }
.rg-floating-signal {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #5575ba;
  box-shadow: 0 0 11px rgba(85,117,186,.45);
  opacity: 0;
  animation: rgOrbitSignalFloat 8s ease-in-out infinite;
}
.rg-signal-1 { left: 13%; top: 35%; }
.rg-signal-2 { left: 29%; top: 73%; animation-delay: -1.2s; }
.rg-signal-3 { left: 48%; top: 23%; animation-delay: -2.4s; }
.rg-signal-4 { right: 32%; top: 78%; animation-delay: -3.6s; }
.rg-signal-5 { right: 17%; top: 32%; animation-delay: -4.8s; }
.rg-signal-6 { right: 8%; top: 67%; animation-delay: -6s; }
@keyframes rgOrbitEnergyFlow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1380; } }
@keyframes rgOrbitDashReverse { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 420; } }
@keyframes rgOrbitNodePulse {
  0%, 100% { opacity: .18; transform: scale(.72); }
  50% { opacity: .90; transform: scale(1.3); }
}
@keyframes rgOrbitGlowOne {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(70px,22px,0) scale(1.10); }
}
@keyframes rgOrbitGlowTwo {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(-80px,-24px,0) scale(1.12); }
}
@keyframes rgOrbitSignalFloat {
  0% { opacity: 0; transform: translate3d(0,18px,0) scale(.5); }
  20% { opacity: .55; }
  60% { opacity: .32; transform: translate3d(17px,-28px,0) scale(1); }
  100% { opacity: 0; transform: translate3d(35px,-65px,0) scale(.6); }
}
@media (max-width: 900px) {
  .rg-orbit-svg { width: 150%; top: 55%; }
  .rg-orbit-soft-glow { opacity: .16; }
}
@media (max-width: 640px) {
  .rg-orbit-svg { width: 190%; height: 88%; left: 53%; top: 58%; opacity: .72; }
  .rg-orbit-dot-grid { opacity: .28; background-size: 17px 17px; }
  .rg-orbit-glow-1 { width: 390px; height: 390px; left: -10%; top: 20%; }
  .rg-orbit-glow-2 { width: 420px; height: 420px; right: -25%; bottom: 3%; }
  .rg-floating-signal { opacity: .5; }
}
@media (prefers-reduced-motion: reduce) {
  .rg-orbit-energy-line,
  .rg-orbit-dashed,
  .rg-orbit-node,
  .rg-orbit-soft-glow,
  .rg-floating-signal {
    animation: none !important;
  }
  .rg-moving-energy { display: none; }
}
/* --- Renewable landscape: solar + animated wind, separate from hero --- */
.rg-renewable {
  position: relative;
  overflow: hidden;
  min-height: 470px;
  margin: 0;
  background: #eaf5fc;
  border-top: 1px solid #e4edf5;
  border-bottom: 1px solid #dde8f1;
}
.rg-renewable-scene {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.rg-renewable-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.rg-renewable-inner {
  position: relative;
  z-index: 2;
  min-height: 470px;
  display: flex;
  align-items: center;
}
.rg-renewable-copy {
  position: relative;
  isolation: isolate;
  width: min(500px, 92%);
  padding: 34px 34px 32px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 24px;
  background: linear-gradient(165deg, rgba(255,255,255,.9), rgba(255,255,255,.72));
  box-shadow: 0 30px 70px rgba(16,42,68,.22), 0 2px 0 rgba(255,255,255,.9) inset, 0 0 0 1px rgba(255,255,255,.35) inset;
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  animation: rg-copy-float 7s ease-in-out infinite;
}
.rg-renewable-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rg-blue), var(--rg-sky) 55%, #7fc9e0);
}
.rg-renewable-copy::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -60%;
  right: -30%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(79,134,201,.16), transparent 70%);
}
.rg-renewable-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 13px;
  padding: 5px 12px 5px 9px;
  border-radius: 999px;
  background: rgba(32,80,152,.09);
  color: var(--rg-blue);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.rg-renewable-kicker svg {
  flex-shrink: 0;
  color: var(--rg-sky);
}
.rg-renewable-copy h2 {
  margin: 0 0 12px;
  color: #1e3a52;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 650;
  letter-spacing: -.028em;
}
.rg-renewable-copy p {
  margin: 0;
  max-width: 48ch;
  color: #5f7180;
  font-size: 15px;
  line-height: 1.7;
}
@keyframes rg-copy-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@media (prefers-reduced-motion: reduce) {
  .rg-renewable-copy { animation: none; }
}
/* Turbine rotation is a CSS animation (not SMIL): each .rg-rotor group's own
   children are drawn centered on local (0,0), so rotating the group about
   that origin spins the blades in place without any bounding-box drift. */
.rg-rotor {
  transform-origin: 0 0;
  animation-name: rg-rotor-spin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
  will-change: transform;
}
.rg-renewable.is-active .rg-rotor { animation-play-state: running; }
/* Desynchronised, natural rotor speeds: the closer turbine turns a little
   faster while the distant machines move more slowly. Negative delays mean
   the scene begins mid-motion instead of every rotor starting at 12 o'clock. */
.rg-rotor--slow { animation-duration: 18.6s; animation-delay: -7.4s; }
.rg-rotor--main { animation-duration: 13.8s; animation-delay: -4.2s; }
.rg-rotor--medium { animation-duration: 15.7s; animation-delay: -10.1s; }
@keyframes rg-rotor-spin {
  to { transform: rotate(360deg); }
}
.rg-cloud {
  animation: rg-cloud-drift 45s ease-in-out infinite alternate;
  animation-delay: -17s;
  animation-play-state: paused;
  will-change: transform;
}
.rg-renewable.is-active .rg-cloud { animation-play-state: running; }
.rg-cloud--two { animation-duration: 58s; animation-delay: -33s; animation-direction: alternate-reverse; }
.rg-cloud--three { animation-duration: 52s; animation-delay: -11s; }
.rg-panel-glint {
  animation: rg-panel-glint 8s ease-in-out infinite;
  animation-delay: -3.4s;
  animation-play-state: paused;
}
.rg-renewable.is-active .rg-panel-glint { animation-play-state: running; }
.rg-sunrays {
  transform-origin: 1180px 38px;
  animation: rg-sunrays-spin 90s linear infinite;
  animation-delay: -28s;
  animation-play-state: paused;
}
.rg-renewable.is-active .rg-sunrays { animation-play-state: running; }
.rg-parallax {
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .rg-parallax { transition: none; }
}
/* Migrating flock: the group carries the flight path, each bird's own wings
   flap independently (staggered animation-delay) so it reads as a loose,
   living formation instead of one sprite sliding across the sky. */
.rg-flock {
  transform: translate(-120px, -42px);
  animation: rg-flock-fly 27s linear infinite;
  animation-delay: -3.6s;
  animation-play-state: paused;
  will-change: transform;
}
.rg-renewable.is-active .rg-flock { animation-play-state: running; }
@keyframes rg-flock-fly {
  0%   { transform: translate(-120px, -42px) rotate(-1.2deg); }
  24%  { transform: translate(340px, -22px) rotate(.4deg); }
  52%  { transform: translate(900px, 18px) rotate(1.1deg); }
  76%  { transform: translate(1335px, 8px) rotate(-.5deg); }
  100% { transform: translate(1700px, 58px) rotate(.7deg); }
}
.rg-bird--stray-a {
  animation: rg-stray-a-fly 42s linear infinite;
  animation-delay: -15s;
  animation-play-state: paused;
  will-change: transform;
}
.rg-bird--stray-b {
  animation: rg-stray-b-fly 49s linear infinite;
  animation-delay: -28s;
  animation-play-state: paused;
  will-change: transform;
}
.rg-renewable.is-active .rg-bird--stray-a,
.rg-renewable.is-active .rg-bird--stray-b {
  animation-play-state: running;
}
@keyframes rg-stray-a-fly {
  from { transform: translate(-80px, -70px) scale(.42); }
  to   { transform: translate(1600px, 10px) scale(.42); }
}
@keyframes rg-stray-b-fly {
  from { transform: translate(1550px, -20px) scale(.34); }
  to   { transform: translate(-120px, 60px) scale(.34); }
}
.rg-wing {
  transform-origin: 0px 0px;
  animation: rg-wing-flap-right .88s ease-in-out infinite;
  animation-play-state: paused;
}
.rg-wing-left { animation-name: rg-wing-flap-left; }
.rg-renewable.is-active .rg-wing { animation-play-state: running; }
/* Small cadence differences stop the flock from looking synchronised or
   mechanical while preserving the existing hand-drawn bird shapes. */
.rg-flock .rg-bird:nth-child(2) .rg-wing { animation-duration: .78s; }
.rg-flock .rg-bird:nth-child(3) .rg-wing { animation-duration: 1.02s; }
.rg-flock .rg-bird:nth-child(4) .rg-wing { animation-duration: .84s; }
.rg-flock .rg-bird:nth-child(5) .rg-wing { animation-duration: .96s; }
.rg-flock .rg-bird:nth-child(6) .rg-wing { animation-duration: .81s; }
@keyframes rg-wing-flap-left {
  0%, 100% { transform: rotate(-6deg); }
  50% { transform: rotate(26deg); }
}
@keyframes rg-wing-flap-right {
  0%, 100% { transform: rotate(6deg); }
  50% { transform: rotate(-26deg); }
}
@media (prefers-reduced-motion: reduce) {
  .rg-flock,
  .rg-bird--stray-a,
  .rg-bird--stray-b,
  .rg-wing {
    animation: none !important;
  }
  .rg-flock { transform: translate(120px, -10px); }
  .rg-bird--stray-a,
  .rg-bird--stray-b { display: none; }
}
@keyframes rg-sunrays-spin {
  to { transform: rotate(360deg); }
}
@keyframes rg-cloud-drift {
  from { transform: translateX(-14px); }
  to   { transform: translateX(34px); }
}
@keyframes rg-panel-glint {
  0%, 72%, 100% { opacity: .08; transform: translateX(-40px); }
  82% { opacity: .52; transform: translateX(150px); }
}
/* --- Trust stats: cleaner premium cards instead of one heavy gray slab --- */
.trust-section {
  padding: 74px 0 84px;
}
.trust-heading {
  margin-bottom: 34px;
}
.trust-heading h2 {
  font-size: 29px;
  font-weight: 600;
  letter-spacing: -.022em;
}
.stat-grid {
  gap: 14px;
  margin-bottom: 34px;
  padding: 0;
  background: transparent;
}
.stat-item {
  padding: 25px 14px;
  border: 1px solid var(--rg-line);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(20,49,83,.055);
}
.stat-number {
  color: var(--rg-blue-strong);
  font-size: 36px;
  font-variant-numeric: tabular-nums;
}
.stat-label {
  margin: 8px auto 0;
  max-width: 22ch;
  line-height: 1.45;
}
.trust-blurb {
  max-width: 760px;
  font-size: 15px;
}
/* Reveal feels more intentional but remains subtle. */
[data-reveal-item] {
  transform: translateY(20px) scale(.995);
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}
[data-reveal-item].is-visible {
  transform: translateY(0) scale(1);
}
/* Responsive refinements */
@media (max-width: 767px) {
  .hero {
    height: 470px;
    padding: 0 16px;
  }
  .rg-hero-brand {
    min-height: 64px;
    margin-bottom: 13px;
    padding: 7px 10px;
    border-radius: 16px;
  }
  .rg-hero-brand-mark-wrap,
  .rg-hero-brand-mark {
    width: 48px;
    height: 48px;
  }
  .rg-hero-brand-mark-wrap { flex-basis: 48px; }
  .rg-hero-brand-name { font-size: 21px; }
  .rg-hero-brand-generation { font-size: 7px; }
  .hero-title { font-size: 31px; }
  .hero-subtitle { font-size: 14px; }
  .rg-popular-searches { gap: 6px; }
  .rg-popular-searches-label { width: 100%; }
  .quick-actions { padding: 50px 0 58px; }
  .tile-link { min-height: 0; }
  .rg-renewable,
  .rg-renewable-inner { min-height: 430px; }
  .rg-renewable-copy {
    margin: 0 auto;
    padding: 24px 22px;
  }
  .rg-renewable-copy h2 { font-size: 25px; }
  .rg-turbine--far { opacity: .55; }
  .trust-section { padding: 56px 0 66px; }
}
@media (prefers-reduced-motion: reduce) {
  .rg-hero-brand-mark,
  .rg-logo-dot,
  .rg-hero-brand-copy,
  .rg-rotor,
  .rg-cloud,
  .rg-panel-glint,
  .rg-sunrays {
    animation: none !important;
  }
  .rg-hero-brand-mark { transform: none; }
  .rg-logo-dot { opacity: 1; transform: none; }
  .rg-hero-brand-copy { width: 104px; opacity: 1; transform: none; }
  .rg-rotor,
  .rg-cloud,
  .rg-panel-glint,
  .rg-sunrays { transform: none; }
}
/* =========================================================================
   Radian Help Center — v5 polish
   - larger translucent-glass hero logo
   - Compliance & Security / MSS capability section
   - Zendesk footer branding hidden
   ========================================================================= */
/* Keep the exact v3 brand colors readable over the moving solar footage,
   while allowing the footage to show through. Fully transparent was tested
   conceptually but would reduce legibility when the video passes through
   bright/dark frames; this light glass treatment is the stronger UI choice. */
.rg-hero-brand {
  min-width: 104px;
  min-height: 92px;
  margin-bottom: 14px;
  padding: 10px 17px 10px 13px;
  gap: 13px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.58));
  box-shadow: 0 18px 48px rgba(0,23,52,.20), inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
  backdrop-filter: blur(18px) saturate(132%);
}
.rg-hero-brand-mark-wrap,
.rg-hero-brand-mark {
  width: 72px;
  height: 72px;
}
.rg-hero-brand-mark-wrap { flex-basis: 72px; }
.rg-hero-brand-name {
  font-size: 31px;
  letter-spacing: .004em;
}
.rg-hero-brand-generation {
  margin-top: 6px;
  font-size: 9.5px;
  letter-spacing: .165em;
}
.rg-hero-brand-copy {
  animation-delay: 3.28s;
}
@keyframes rg-logo-copy-reveal {
  0%   { width: 0; opacity: 0; transform: translateX(-9px); }
  18%  { opacity: 1; }
  100% { width: 148px; opacity: 1; transform: translateX(0); }
}
/* Hero title gets the visual hierarchy now that the redundant eyebrow is gone. */
.hero-title {
  margin-top: 2px;
}
/* Compliance & Security / MSS editorial section. This is informational,
   deliberately separated from the ticket-form cards so customers do not
   mistake capabilities for request types. */
.rg-mss {
  position: relative;
  overflow: hidden;
  padding: 82px 0;
  background:
    radial-gradient(circle at 86% 14%, rgba(93,167,229,.24), transparent 30%),
    radial-gradient(circle at 6% 88%, rgba(75,137,190,.17), transparent 28%),
    linear-gradient(135deg, #0d2b4b 0%, #123b63 48%, #164c77 100%);
  color: #fff;
}
.rg-mss::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent 74%);
  mask-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent 74%);
}
.rg-mss-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(0,1.35fr);
  gap: 54px;
  align-items: center;
}
.rg-mss-intro {
  max-width: 500px;
}
.rg-mss-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 17px;
  padding: 6px 11px;
  border: 1px solid rgba(163,211,248,.26);
  border-radius: 999px;
  background: rgba(122,185,234,.10);
  color: #a7d8ff;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.rg-mss-intro h2 {
  margin: 0 0 16px;
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 34px;
  line-height: 1.13;
  font-weight: 600;
  letter-spacing: -.028em;
}
.rg-mss-intro p {
  margin: 0;
  color: rgba(235,245,253,.82);
  font-size: 15px;
  line-height: 1.72;
}
.rg-mss-link,
.rg-mss-link:visited {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 23px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.rg-mss-link svg {
  width: 16px;
  height: 16px;
  transition: transform .18s ease;
}
.rg-mss-link:hover,
.rg-mss-link:focus {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.rg-mss-link:hover svg,
.rg-mss-link:focus svg {
  transform: translate(2px,-2px);
}
.rg-mss-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.rg-mss-card {
  position: relative;
  display: flex;
  gap: 15px;
  min-height: 156px;
  padding: 21px 20px;
  overflow: hidden;
  border: 1px solid rgba(210,234,250,.16);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 32px rgba(0,16,36,.10);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.rg-mss-card::after {
  content: "";
  position: absolute;
  inset: auto -40% -68% 22%;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(103,184,239,.16), transparent 67%);
  pointer-events: none;
}
.rg-mss-card:hover {
  transform: translateY(-3px);
  border-color: rgba(174,218,248,.30);
  background: linear-gradient(145deg, rgba(255,255,255,.135), rgba(255,255,255,.07));
}
.rg-mss-icon {
  position: relative;
  z-index: 1;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(170,215,247,.20);
  border-radius: 12px;
  background: rgba(132,196,239,.10);
  color: #b5ddfa;
}
.rg-mss-icon svg { width: 22px; height: 22px; }
.rg-mss-card > div {
  position: relative;
  z-index: 1;
}
.rg-mss-card h3 {
  margin: 2px 0 7px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: -.012em;
}
.rg-mss-card p {
  margin: 0;
  color: rgba(232,244,252,.75);
  font-size: 12.5px;
  line-height: 1.58;
}
/* Footer de-branding requested for the customer-facing portal. */
.powered-by-zendesk {
  display: none !important;
}
@media (max-width: 900px) {
  .rg-mss-shell {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .rg-mss-intro { max-width: 680px; }
}
@media (max-width: 767px) {
  .rg-hero-brand {
    min-height: 78px;
    padding: 8px 13px 8px 10px;
    gap: 10px;
    border-radius: 18px;
  }
  .rg-hero-brand-mark-wrap,
  .rg-hero-brand-mark {
    width: 58px;
    height: 58px;
  }
  .rg-hero-brand-mark-wrap { flex-basis: 58px; }
  .rg-hero-brand-name { font-size: 25px; }
  .rg-hero-brand-generation { font-size: 7.6px; }
  .rg-mss { padding: 60px 0; }
  .rg-mss-intro h2 { font-size: 28px; }
  .rg-mss-grid { grid-template-columns: 1fr; }
  .rg-mss-card { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .rg-hero-brand-copy { width: 148px; }
  .rg-mss-card { transition: none; }
}
/* =========================================================================
   Radian Help Center — v6 header branding + turbine hub fix
   Branding source: Radian Generation Branding Guide v2.0 (Aug 22, 2024)
   ========================================================================= */
/* The animated lock-up is authored in home_page.hbs but is moved into the
   existing header logo link by the homepage script. Keep it hidden until the
   move is complete so the animation begins in its final header position. */
.rg-hero-brand {
  display: none;
}
/* Hide only the original theme logo and the adjacent brand-name text after
   the replacement is mounted. The header remains the logo's white field. */
.header .logo.rg-logo-replaced > a > img,
.header .logo.rg-logo-replaced > img,
.header .logo.rg-logo-replaced > span {
  display: none !important;
}
.header .logo.rg-logo-replaced,
.header .logo.rg-logo-replaced > a {
  overflow: visible;
}
.header .logo.rg-logo-replaced > a {
  display: inline-flex;
  align-items: center;
  min-height: 58px;
  color: inherit;
  text-decoration: none;
}
/* Primary horizontal logo treatment: Radian Blue + Charcoal on the existing
   white header. No capsule, border, shadow, or decorative box is added. */
.rg-hero-brand.rg-header-brand {
  display: inline-flex;
  width: auto;
  min-width: 80px;
  min-height: 0;
  margin: 0;
  padding: 3px 0;
  gap: 10px;
  overflow: visible;
  align-items: center;
  justify-content: flex-start;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.rg-header-brand .rg-hero-brand-mark-wrap,
.rg-header-brand .rg-hero-brand-mark {
  width: 48px;
  height: 48px;
}
.rg-header-brand .rg-hero-brand-mark-wrap {
  flex: 0 0 48px;
}
.rg-header-brand .rg-hero-brand-mark {
  color: #205098;
}
.rg-header-brand .rg-hero-brand-copy {
  width: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateX(-7px);
  animation: rg-header-logo-copy-reveal .82s cubic-bezier(.2,.74,.22,1) 3.28s forwards;
}
.rg-header-brand .rg-hero-brand-name {
  color: #333F4C;
  font-family: Roboto, Arial, sans-serif;
  font-size: 26px;
  line-height: .92;
  font-weight: 500;
  letter-spacing: .01em;
}
.rg-header-brand .rg-hero-brand-generation {
  margin-top: 5px;
  color: #205098;
  font-family: Roboto, Arial, sans-serif;
  font-size: 7.6px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
}
@keyframes rg-header-logo-copy-reveal {
  0%   { width: 0; opacity: 0; transform: translateX(-7px); }
  18%  { opacity: 1; }
  100% { width: 121px; opacity: 1; transform: translateX(0); }
}
/* With the brand animation moved to the global header, the hero can focus on
   the customer's task and gains a little more breathing room. */
.hero-inner {
  padding-top: 4px;
}
@media (max-width: 767px) {
  .header .logo.rg-logo-replaced > a {
    min-height: 50px;
  }
  .rg-hero-brand.rg-header-brand {
    padding: 2px 0;
    gap: 8px;
  }
  .rg-header-brand .rg-hero-brand-mark-wrap,
  .rg-header-brand .rg-hero-brand-mark {
    width: 40px;
    height: 40px;
  }
  .rg-header-brand .rg-hero-brand-mark-wrap {
    flex-basis: 40px;
  }
  .rg-header-brand .rg-hero-brand-name {
    font-size: 22px;
  }
  .rg-header-brand .rg-hero-brand-generation {
    font-size: 6.5px;
    letter-spacing: .16em;
  }
  @keyframes rg-header-logo-copy-reveal {
    0%   { width: 0; opacity: 0; transform: translateX(-6px); }
    18%  { opacity: 1; }
    100% { width: 104px; opacity: 1; transform: translateX(0); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .rg-header-brand .rg-hero-brand-mark {
    animation: none !important;
    transform: none !important;
  }
  .rg-header-brand .rg-logo-dot {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .rg-header-brand .rg-hero-brand-copy {
    width: 121px;
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}
/* =========================================================================
   Radian Generation — MSS Operations live animation
   Sits directly under the Compliance & Security band, showing telemetry
   from customer sites flowing into the Radian MSS hub and out through an
   automated detect -> triage -> notify -> resolve pipeline.
   ========================================================================= */
.rg-mss-animation,
.rg-mss-animation * {
  box-sizing: border-box;
}
.rg-mss-animation {
  width: 100%;
  padding: 12px 20px 64px;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  background:
    radial-gradient(circle at 48% 48%, rgba(48,150,200,.10), transparent 35%),
    linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}
.rg-mss-container {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.rg-mss-scene {
  position: relative;
  width: 100%;
  min-height: 500px;
  overflow: hidden;
  border: 1px solid #e3edf3;
  border-radius: 28px;
  background: radial-gradient(circle at 46% 50%, rgba(39,143,192,.07), transparent 30%), #ffffff;
  box-shadow: 0 30px 80px rgba(27,69,95,.08);
}
.rg-mss-scene::before {
  content: "24/7 SECURITY OPERATIONS CENTER";
  position: absolute;
  left: 50%;
  top: 22px;
  transform: translateX(-50%);
  z-index: 20;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .22em;
  color: #7b919f;
}
.rg-mss-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.rg-mss-lines path { fill: none; stroke: #d9e4eb; stroke-width: 2; }
.rg-mss-lines .rg-ingest-line {
  stroke-linecap: round;
  animation: rgIngestBreath 7.6s ease-in-out infinite;
}
.rg-mss-lines .rg-egress-line { stroke: #dbe8ee; }
.rg-mss-lines .rg-active-line {
  stroke: #36a0cf;
  stroke-width: 2.4;
  stroke-dasharray: 8 10;
  animation: rgDash 2.2s linear infinite, rgEgressAwake 7.6s ease-in-out infinite;
}
.rg-flow-dot {
  fill: #36a4d4;
  filter: drop-shadow(0 0 7px rgba(54,164,212,.85));
  offset-rotate: 0deg;
  animation: rgFlowConverge 7.6s cubic-bezier(.20,.72,.22,1) infinite;
}
/* The three branches now converge as one data-ingest event rather than three unrelated loops. */
.rg-path-1 {
  offset-path: path("M 120 69 H 245 C 300 69 330 95 370 135 L 475 215 H 552");
}

.rg-path-2 {
  offset-path: path("M 120 142 H 250 C 305 142 340 165 390 190 L 475 215 H 552");
}

.rg-path-3 {
  offset-path: path("M 120 215 H 552");
}

.rg-path-4 {
  offset-path: path("M 120 288 H 250 C 305 288 340 265 390 240 L 475 215 H 552");
}

.rg-path-5 {
  offset-path: path("M 120 361 H 245 C 300 361 330 335 370 295 L 475 215 H 552");
}
.rg-source-node {
  position: absolute;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  z-index: 4;
  border: 1px solid #d9e4eb;
  border-radius: 15px;
  background: rgba(255,255,255,.96);
  color: #607e92;
  box-shadow: 0 9px 26px rgba(31,74,99,.08);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.rg-source-node::after {
  content: attr(data-label);
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  transform: none;
  text-align: center;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #718596;
}
.rg-source-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: #eef4f7; color: #7891a2; }
.rg-source-icon svg { width: 17px; height: 17px; }
.rg-source-node.rg-primary { background: #e2efff; border-color: #b7cee9; }
.rg-source-node.rg-primary .rg-source-icon { color: #ffffff; background: #75a7dd; }
.rg-node-1 { left: 8%; top: calc(50% - 199px); } /* Solar */
.rg-node-2 { left: 8%; top: calc(50% - 114px); } /* Wind */
.rg-node-3 { left: 8%; top: calc(50% - 29px); }  /* BESS */
.rg-node-4 { left: 8%; top: calc(50% + 56px); }  /* Security */
.rg-node-5 { left: 8%; top: calc(50% + 141px); } /* Telemetry */
.rg-mss-hub {
  position: absolute;
  left: 46%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 154px;
  height: 154px;
  display: grid;
  place-items: center;
  z-index: 8;
  overflow: visible;
  border-radius: 50%;
  border: 1px solid #c8dce7;
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.98), rgba(244,251,254,.96) 68%, rgba(235,247,252,.95));
  box-shadow:
    0 0 0 18px rgba(55,158,204,.055),
    0 0 0 38px rgba(55,158,204,.035),
    0 0 90px 34px rgba(42,137,187,.20),
    0 22px 55px rgba(29,72,98,.16);
  animation: rgHubPulse 7.6s ease-in-out infinite;
}
.rg-mss-hub::before {
  content: "RADIAN MSS";
  position: absolute;
  bottom: -37px;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  color: #658397;
}
/* Energy arriving from all three branches briefly spirals around the core before
   resolving into the Radian circular dot mark. */
.rg-hub-convergence {
  position: absolute;
  inset: -18px;
  z-index: 1;
  pointer-events: none;
}
.rg-hub-convergence::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: conic-gradient(from 30deg, transparent 0 60deg, rgba(63,174,215,.70) 92deg, transparent 132deg 230deg, rgba(96,207,183,.45) 270deg, transparent 315deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
  opacity: 0;
  animation: rgHubScanRing 7.6s cubic-bezier(.2,.7,.2,1) infinite;
}
.rg-hub-convergence::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  margin: -21px 0 0 -21px;
  border: 1px solid rgba(74,180,216,.55);
  border-radius: 50%;
  opacity: 0;
  animation: rgHubFusionRipple 7.6s ease-out infinite;
}
.rg-orbit-particle {
  --start: 0deg;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
  border-radius: 50%;
  background: #45acd3;
  box-shadow: 0 0 0 3px rgba(69,172,211,.10), 0 0 14px rgba(69,172,211,.72);
  opacity: 0;
  animation: rgOrbitParticle 7.6s cubic-bezier(.18,.76,.22,1) infinite;
}
.rg-orbit-particle--a { --start: 10deg; }
.rg-orbit-particle--b { --start: 130deg; background: #59c5b3; box-shadow: 0 0 0 3px rgba(89,197,179,.10), 0 0 14px rgba(89,197,179,.68); }
.rg-orbit-particle--c { --start: 250deg; background: #2e83b3; }
.rg-hub-symbol {
  position: relative;
  z-index: 3;
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
}
.rg-hub-radian-mark {
  width: 88px;
  height: 88px;
  overflow: visible;
  transform-origin: 50% 50%;
  filter: drop-shadow(0 8px 18px rgba(28,119,162,.15));
  animation: rgHubMarkBuild 7.6s cubic-bezier(.20,.76,.20,1) infinite;
}
.rg-hub-logo-dot {
  fill: #3189b2;
  opacity: .10;
  transform-box: fill-box;
  transform-origin: center;
  animation: rgHubLogoDot 7.6s cubic-bezier(.18,.82,.22,1) infinite;
  animation-delay: calc(var(--i) * 7ms);
}
.rg-hub-logo-dot--center { fill: #0e638e; }
.rg-hub-logo-dot--inner { fill: #2582aa; }
.rg-hub-logo-dot--outer { fill: #58b7d2; }
.rg-live-badge {
  position: absolute;
  right: 3%;
  top: 9%;
  z-index: 15;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid #d5ecdf;
  border-radius: 999px;
  background: #f2faf6;
  color: #4c8f6b;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .10em;
}
.rg-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #47bb7b; box-shadow: 0 0 0 4px rgba(71,187,123,.12); animation: rgLivePulse 1.8s ease-in-out infinite; }
.rg-mss-dashboard {
  position: absolute;
  left: 58%;
  top: 26%;
  width: 290px;
  height: 236px;
  z-index: 6;
  padding: 16px;
  border: 1px solid #d6e1e8;
  border-radius: 19px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 44px rgba(35,78,104,.10);
  animation: rgDashboardWake 7.6s ease-in-out infinite;
}
.rg-dashboard-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: #466273;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.rg-dashboard-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: #e5f4fa; color: #247ea9; box-shadow: inset 0 0 0 1px #d0e7f1; }
.rg-dashboard-icon svg { width: 16px; height: 16px; }
.rg-dashboard-label { margin-bottom: 8px; color: #8ba0ad; font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.rg-metric-grid { display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 12px; }
.rg-metric { padding: 9px 10px; border: 1px solid #e5edf2; border-radius: 10px; background: linear-gradient(135deg, #f6fafc, #eef7fb); }
.rg-metric strong { display: block; margin-bottom: 4px; color: #29485b; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1; }
.rg-metric span { color: #8194a2; font-size: 10px; font-weight: 700; }
.rg-threat-bars { height: 52px; display: flex; align-items: flex-end; gap: 4px; padding: 8px 10px; overflow: hidden; border: 1px solid #e5edf2; border-radius: 11px; background: linear-gradient(180deg, #f7fbfd, #f2f8fb); }
.rg-threat-bars span { display: block; flex: 1; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg, #4eb3d8, #247da8); transform-origin: bottom; animation: rgBars 3.4s ease-in-out infinite; }
.rg-threat-bars span:nth-child(2) { animation-delay: -.3s; }
.rg-threat-bars span:nth-child(3) { animation-delay: -.6s; }
.rg-threat-bars span:nth-child(4) { animation-delay: -.9s; }
.rg-threat-bars span:nth-child(5) { animation-delay: -1.2s; }
.rg-threat-bars span:nth-child(6) { animation-delay: -1.5s; }
.rg-threat-bars span:nth-child(7) { animation-delay: -1.8s; }
.rg-threat-bars span:nth-child(8) { animation-delay: -2.1s; }
.rg-event-stack {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 44px;
  z-index: 12;
  display: grid;
  gap: 9px;
  pointer-events: none;
}
.rg-event-pill {
  height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 11px;
  border-radius: 9px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 750;
  background: linear-gradient(90deg, #43a7cf, #5cc7b1);
  box-shadow: 0 8px 20px rgba(64,173,176,.18);
  opacity: 0;
  transform: translateX(28px);
  animation: rgEvent 13s ease-in-out infinite;;
}
.rg-event-pill:nth-child(1) { animation-name: rgEvent1; }
.rg-event-pill:nth-child(2) { animation-name: rgEvent2; }
.rg-event-pill:nth-child(3) { animation-name: rgEvent3; }
.rg-event-pill:nth-child(4) { animation-name: rgEvent4; }
.rg-event-check { width: 14px; height: 14px; flex-shrink: 0; display: grid; place-items: center; margin-right: 7px; border-radius: 50%; background: rgba(255,255,255,.85); color: #62bfa8; font-size: 9px; font-weight: 900; }
.rg-success {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 204px;
  width: auto;
  height: 34px;
  margin-top: 0;
  z-index: 14;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  background: linear-gradient(90deg, #176f9b, #35a8b3);
  box-shadow: 0 12px 30px rgba(37,137,159,.22);
  opacity: 0;
  transform: translateY(10px) scale(.96);
  animation: rgSuccess 13s ease-in-out infinite;;
}
.rg-success-check { width: 19px; height: 19px; display: grid; place-items: center; margin-right: 8px; border-radius: 50%; background: #b6ec9c; font-size: 11px; }
.rg-response-card {
  position: absolute;
  left: 80%;
  top: 26%;
  width: 255px;
  height: 255px;
  z-index: 4;
  padding: 16px;
  border: 1px solid #d8e3ea;
  border-radius: 19px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 16px 36px rgba(35,78,104,.09);
}
.rg-response-heading { margin-bottom: 13px; color: #8296a3; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.rg-response-row {
  height: 30px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 9px;
}
.rg-response-icon { position: relative; width: 31px; height: 31px; flex-shrink: 0; border: 1px solid #e0e9ee; border-radius: 9px; background: linear-gradient(145deg, #eaf4f8, #f6f9fb); }
.rg-response-icon::after { content: ""; position: absolute; width: 9px; height: 9px; left: 10px; top: 10px; border-radius: 50%; background: #49a8cd; box-shadow: 0 0 0 4px rgba(73,168,205,.10); }
.rg-response-line { flex: 1; height: 10px; border-radius: 6px; background: #edf2f5; }
.rg-response-line.rg-short { max-width: 75px; }
.rg-shield { position: absolute; left: 61%; top: 69%; z-index: 15; width: 46px; height: 52px; opacity: 0; transform: translateY(8px); animation: rgShield 7.6s ease-in-out infinite; }
.rg-shield::before {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(50% 0%, 92% 17%, 87% 62%, 72% 83%, 50% 100%, 28% 83%, 13% 62%, 8% 17%);
  background: linear-gradient(145deg, #1b78a2, #45b7c2);
  box-shadow: 0 12px 24px rgba(25,111,145,.22);
}
.rg-shield::after { content: "\2713"; position: absolute; inset: 0; display: grid; place-items: center; color: #ffffff; font-size: 20px; font-weight: 900; }
@keyframes rgFlowConverge {
  0%   { offset-distance: 0%; opacity: 0; transform: scale(.72); }
  5%   { opacity: 1; }
  34%  { opacity: 1; transform: scale(1); }
  43%  { offset-distance: 100%; opacity: 1; transform: scale(1.18); }
  47%, 100% { offset-distance: 100%; opacity: 0; transform: scale(.35); }
}
@keyframes rgIngestBreath {
  0%, 100% { stroke: #d9e4eb; opacity: .72; }
  12%, 36% { stroke: #c7dfe9; opacity: 1; }
  48%, 92% { stroke: #d9e4eb; opacity: .68; }
}
@keyframes rgDash { to { stroke-dashoffset: -36; } }
@keyframes rgEgressAwake {
  0%, 53%, 100% { opacity: .12; }
  60%, 87% { opacity: .82; }
  94% { opacity: .28; }
}
@keyframes rgHubScanRing {
  0%, 36% { opacity: 0; transform: rotate(-110deg) scale(.80); }
  43% { opacity: .82; }
  58% { opacity: .52; transform: rotate(280deg) scale(1.02); }
  66%, 100% { opacity: 0; transform: rotate(410deg) scale(1.08); }
}
@keyframes rgHubFusionRipple {
  0%, 42% { opacity: 0; transform: scale(.35); }
  48% { opacity: .8; }
  59% { opacity: .18; transform: scale(3.5); }
  63%, 100% { opacity: 0; transform: scale(4); }
}
@keyframes rgOrbitParticle {
  0%, 36% {
    opacity: 0;
    transform: rotate(var(--start)) translateX(86px) scale(.45);
  }
  42% { opacity: 1; }
  52% {
    opacity: 1;
    transform: rotate(calc(var(--start) + 235deg)) translateX(54px) scale(1);
  }
  59% {
    opacity: .9;
    transform: rotate(calc(var(--start) + 420deg)) translateX(10px) scale(.62);
  }
  63%, 100% {
    opacity: 0;
    transform: rotate(calc(var(--start) + 460deg)) translateX(0) scale(.2);
  }
}
@keyframes rgHubMarkBuild {
  0%, 37% { opacity: .12; transform: rotate(-42deg) scale(.82); }
  45% { opacity: .22; transform: rotate(-25deg) scale(.86); }
  57% { opacity: 1; transform: rotate(4deg) scale(1.055); }
  63%, 91% { opacity: 1; transform: rotate(0deg) scale(1); }
  96% { opacity: .72; transform: rotate(8deg) scale(.97); }
  100% { opacity: .12; transform: rotate(18deg) scale(.90); }
}
@keyframes rgHubLogoDot {
  0%, 40% { opacity: .08; transform: scale(.25); }
  47% { opacity: .28; transform: scale(.55); }
  57% { opacity: 1; transform: scale(1.16); }
  62%, 92% { opacity: 1; transform: scale(1); }
  100% { opacity: .08; transform: scale(.30); }
}
@keyframes rgHubPulse {
  0%, 35%, 100% {
    border-color: #c8dce7;
    box-shadow:
      0 0 0 18px rgba(55,158,204,.045),
      0 0 0 38px rgba(55,158,204,.025),
      0 0 72px 28px rgba(42,137,187,.15),
      0 22px 55px rgba(29,72,98,.15);
  }
  49% {
    border-color: #9dcfe1;
    box-shadow:
      0 0 0 22px rgba(55,158,204,.075),
      0 0 0 46px rgba(55,158,204,.035),
      0 0 120px 44px rgba(42,137,187,.31),
      0 22px 55px rgba(29,72,98,.18);
  }
  65%, 88% {
    border-color: #b7dce8;
    box-shadow:
      0 0 0 20px rgba(55,158,204,.060),
      0 0 0 42px rgba(55,158,204,.030),
      0 0 95px 34px rgba(42,137,187,.22),
      0 22px 55px rgba(29,72,98,.16);
  }
}
@keyframes rgDashboardWake {
  0%, 54%, 100% { border-color: #d6e1e8; box-shadow: 0 18px 44px rgba(35,78,104,.10); }
  62%, 84% { border-color: #b9dce8; box-shadow: 0 20px 52px rgba(37,126,162,.16), 0 0 0 1px rgba(67,166,203,.06); }
}
@keyframes rgBars { 0%, 100% { transform: scaleY(.55); opacity: .7; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes rgLivePulse { 0%, 100% { opacity: .55; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes rgEvent1 {
  0%, 42% { opacity: 0; transform: translateX(28px) scale(.98); }
  48%, 86% { opacity: 1; transform: translateX(0) scale(1); }
  92%, 100% { opacity: 0; transform: translateX(-8px) scale(.985); }
}

@keyframes rgEvent2 {
  0%, 48% { opacity: 0; transform: translateX(28px) scale(.98); }
  54%, 86% { opacity: 1; transform: translateX(0) scale(1); }
  92%, 100% { opacity: 0; transform: translateX(-8px) scale(.985); }
}

@keyframes rgEvent3 {
  0%, 54% { opacity: 0; transform: translateX(28px) scale(.98); }
  60%, 86% { opacity: 1; transform: translateX(0) scale(1); }
  92%, 100% { opacity: 0; transform: translateX(-8px) scale(.985); }
}

@keyframes rgEvent4 {
  0%, 60% { opacity: 0; transform: translateX(28px) scale(.98); }
  66%, 86% { opacity: 1; transform: translateX(0) scale(1); }
  92%, 100% { opacity: 0; transform: translateX(-8px) scale(.985); }
}
@keyframes rgSuccess {
  0%, 64% { opacity: 0; transform: translateY(10px) scale(.96); }
  70%, 86% { opacity: 1; transform: translateY(0) scale(1); }
  92%, 100% { opacity: 0; transform: translateY(-5px) scale(.98); }
}
@keyframes rgShield {
  0%, 72% { opacity: 0; transform: translateY(8px) scale(.9); }
  80%, 92% { opacity: 1; transform: translateY(0) scale(1); }
  98%, 100% { opacity: 0; transform: translateY(-6px) scale(.95); }
}
.rg-animation-paused .rg-flow-dot,
.rg-animation-paused .rg-ingest-line,
.rg-animation-paused .rg-active-line,
.rg-animation-paused .rg-mss-hub,
.rg-animation-paused .rg-hub-convergence::before,
.rg-animation-paused .rg-hub-convergence::after,
.rg-animation-paused .rg-orbit-particle,
.rg-animation-paused .rg-hub-radian-mark,
.rg-animation-paused .rg-hub-logo-dot,
.rg-animation-paused .rg-mss-dashboard,
.rg-animation-paused .rg-live-dot,
.rg-animation-paused .rg-threat-bars span,
.rg-animation-paused .rg-event-pill,
.rg-animation-paused .rg-success,
.rg-animation-paused .rg-shield {
  animation-play-state: paused !important;
}
@media (max-width: 1000px) {
  .rg-mss-scene { min-height: 540px; }
  .rg-mss-hub { left: 48%; }
  .rg-mss-dashboard { left: 58%; transform: scale(.88); transform-origin: top left; }
  .rg-response-card { left: 73%; top: 57%; transform: scale(.82); transform-origin: top left; }
  .rg-shield { left: 51%; top: 70%; }
}
@media (max-width: 680px) {
  .rg-mss-animation { padding: 8px 12px 44px; }
  .rg-mss-scene { min-height: 780px; border-radius: 20px; }
  .rg-mss-lines { display: none; }
  .rg-source-node { width: 48px; height: 48px; }
  .rg-source-node::after { top: 55px; font-size: 8px; }
	.rg-node-1 { left: 8%; top: 7%; }    /* Solar */
	.rg-node-2 { left: 8%; top: 24%; }   /* Wind */
	.rg-node-3 { left: 8%; top: 41%; }   /* BESS */
	.rg-node-4 { left: 8%; top: 58%; }   /* Security */
	.rg-node-5 { left: 8%; top: 75%; }   /* Telemetry */
  .rg-mss-hub { left: 62%; top: 29%; width: 108px; height: 108px; }
  .rg-hub-symbol { transform: scale(.75); }
  .rg-live-badge { right: 4%; top: 8%; font-size: 8px; }
  .rg-mss-dashboard { left: 7%; top: 52%; transform: scale(.86); transform-origin: top left; }
  .rg-response-card { left: 45%; top: 75%; transform: scale(.70); transform-origin: top left; }
  .rg-shield { left: 9%; top: 74%; }
}
@media (prefers-reduced-motion: reduce) {
  .rg-flow-dot,
  .rg-ingest-line,
  .rg-active-line,
  .rg-mss-hub,
  .rg-hub-convergence::before,
  .rg-hub-convergence::after,
  .rg-orbit-particle,
  .rg-hub-radian-mark,
  .rg-hub-logo-dot,
  .rg-mss-dashboard,
  .rg-live-dot,
  .rg-threat-bars span,
  .rg-event-pill,
  .rg-success,
  .rg-shield {
    animation: none !important;
  }
  .rg-hub-convergence { display: none; }
  .rg-hub-radian-mark,
  .rg-hub-logo-dot,
  .rg-event-pill,
  .rg-success,
  .rg-shield {
    opacity: 1;
    transform: none;
  }
}



/* =========================================================================
   BRAND COMPLIANCE — Radian Generation Branding Guide v2.0 (Aug 2024)
   Keep this block LAST so it wins over everything above.
   ========================================================================= */

/* Fonts: Roboto everywhere, headings Roboto Medium */
body,
body *:not(pre):not(code):not(kbd):not(samp),
body *::before,
body *::after {
  font-family: "Roboto", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.hero-title, .tile-title {
  font-weight: 500 !important;
}

/* Brand palette for the custom sections */
:root {
  --rg-blue: #205098;
  --rg-blue-strong: #002D61;
  --rg-sky: #205098;
  --rg-ink: #333F4C;
}

/* Header: "MSS Support" label clear of the logo's buffer space */
.logo .rg-header-product {
  margin: 0 0 0 16px;
  padding-left: 16px;
  border-left: 1px solid #BADAFB;
  color: #333F4C;
  font-size: 15px;
  font-weight: 500;
  vertical-align: middle;
}

/* Footer: real logo + brand colors */
.rg-footer-band {
  background: linear-gradient(90deg, #002D61 0%, #205098 100%);
}
.rg-footer-brand {
  margin-bottom: 20px;
}
.rg-footer-logo {
  display: block;
  height: 40px;   /* ~128px wide, above the 80px minimum */
  width: auto;
  margin: 8px 0;  /* buffer space */
}
.rg-footer-column h3 {
  color: #002D61;
}
.rg-footer-description,
.rg-footer-links a,
.rg-footer-bottom,
.rg-footer-legal a,
.rg-footer-bottom .footer-language-selector button,
.rg-footer-mobile-heading {
  color: #333F4C;
}
.rg-footer-links a:hover,
.rg-footer-legal a:hover {
  color: #205098;
}

/* Home "MSS Operations" graphic: plain icon, no fake sub-brand */
.rg-hub-icon {
  width: 56px;
  height: 56px;
  color: #205098;
}
.rg-mss-hub::before {
  content: "MSS OPERATIONS";
  color: #333F4C;
}


/* =========================================================================
   MSS OPERATIONS SCENE — non-logo hub icon + brand palette
   ========================================================================= */

/* Hub: radar sweep + shield that locks and gets a check every cycle */
.rg-hub-symbol { position: relative; z-index: 3; width: 96px; height: 96px; display: grid; place-items: center; }
.rg-hub-symbol::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px dashed rgba(32,80,152,.28); }
.rg-hub-radar {
  position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(186,218,251,0) 0deg 240deg, rgba(186,218,251,.5) 330deg, rgba(32,80,152,.4) 358deg, rgba(186,218,251,0) 360deg);
  -webkit-mask: radial-gradient(circle, transparent 0 36%, #000 37%);
  mask: radial-gradient(circle, transparent 0 36%, #000 37%);
  animation: rgRadarSweep 3.8s linear infinite;
}
.rg-hub-shield { position: relative; z-index: 1; width: 50px; height: 50px; overflow: visible; transform-origin: 50% 50%; animation: rgShieldPop 7.6s cubic-bezier(.2,.7,.2,1) infinite; }
.rg-hub-shield-outline { stroke: #BADAFB; stroke-width: 1.5; fill: rgba(186,218,251,0); animation: rgShieldLock 7.6s cubic-bezier(.2,.7,.2,1) infinite; }
.rg-hub-shield-check { stroke: #002D61; stroke-width: 1.9; stroke-dasharray: 100; stroke-dashoffset: 100; opacity: 0; animation: rgShieldCheck 7.6s ease-out infinite; }

@keyframes rgRadarSweep { to { transform: rotate(360deg); } }
@keyframes rgShieldLock {
  0%, 40%  { stroke: #BADAFB; fill: rgba(186,218,251,0); }
  53%      { stroke: #205098; fill: rgba(186,218,251,.7); }
  62%, 90% { stroke: #205098; fill: rgba(186,218,251,.45); }
  100%     { stroke: #BADAFB; fill: rgba(186,218,251,0); }
}
@keyframes rgShieldPop {
  0%, 44%  { transform: scale(.9); }
  55%      { transform: scale(1.08); }
  62%, 92% { transform: scale(1); }
  100%     { transform: scale(.9); }
}
@keyframes rgShieldCheck {
  0%, 55%   { stroke-dashoffset: 100; opacity: 0; }
  57%       { opacity: 1; }
  65%, 90%  { stroke-dashoffset: 0; opacity: 1; }
  97%, 100% { stroke-dashoffset: 0; opacity: 0; }
}

/* Hub glow, scan ring, particles: teal/cyan -> Radian palette */
@keyframes rgHubPulse {
  0%, 35%, 100% { border-color: #BADAFB; box-shadow: 0 0 0 18px rgba(32,80,152,.04), 0 0 0 38px rgba(32,80,152,.025), 0 0 72px 28px rgba(32,80,152,.12), 0 22px 55px rgba(0,45,97,.14); }
  49%           { border-color: #205098; box-shadow: 0 0 0 22px rgba(32,80,152,.07), 0 0 0 46px rgba(32,80,152,.035), 0 0 120px 44px rgba(32,80,152,.24), 0 22px 55px rgba(0,45,97,.18); }
  65%, 88%      { border-color: #BADAFB; box-shadow: 0 0 0 20px rgba(32,80,152,.055), 0 0 0 42px rgba(32,80,152,.03), 0 0 95px 34px rgba(32,80,152,.18), 0 22px 55px rgba(0,45,97,.16); }
}
.rg-mss-hub { border-color: #BADAFB; background: radial-gradient(circle at 50% 45%, #FFFFFF, rgba(186,218,251,.18) 70%, rgba(186,218,251,.32)); }
.rg-hub-convergence::before { background: conic-gradient(from 30deg, transparent 0 60deg, rgba(32,80,152,.7) 92deg, transparent 132deg 230deg, rgba(168,211,206,.85) 270deg, transparent 315deg); }
.rg-hub-convergence::after { border-color: rgba(32,80,152,.45); }
.rg-orbit-particle { background: #205098; box-shadow: 0 0 0 3px rgba(32,80,152,.10), 0 0 14px rgba(32,80,152,.6); }
.rg-orbit-particle--b { background: #A8D3CE; box-shadow: 0 0 0 3px rgba(168,211,206,.15), 0 0 14px rgba(168,211,206,.8); }
.rg-orbit-particle--c { background: #002D61; }

/* Rest of the scene */
.rg-flow-dot { fill: #205098; filter: drop-shadow(0 0 6px rgba(32,80,152,.55)); }
.rg-mss-lines .rg-active-line { stroke: #205098; }
.rg-event-pill { background: #205098; box-shadow: 0 8px 20px rgba(32,80,152,.18); }
.rg-event-check { color: #205098; background: #FFFFFF; }
.rg-success { background: #002D61; box-shadow: 0 12px 30px rgba(0,45,97,.22); }
.rg-success-check { background: #A8D3CE; color: #002D61; }
.rg-shield::before { background: linear-gradient(145deg, #002D61, #205098); box-shadow: 0 12px 24px rgba(0,45,97,.22); }
.rg-threat-bars span { background: linear-gradient(180deg, #BADAFB, #205098); }
.rg-dashboard-icon { background: rgba(186,218,251,.35); color: #205098; box-shadow: inset 0 0 0 1px #BADAFB; }
.rg-response-icon::after { background: #205098; box-shadow: 0 0 0 4px rgba(32,80,152,.10); }
.rg-source-icon { background: rgba(186,218,251,.35); color: #205098; }
.rg-source-node.rg-primary { background: #FFFFFF; border-color: #BADAFB; }
.rg-source-node.rg-primary .rg-source-icon { background: #205098; color: #FFFFFF; }
.rg-live-badge { background: #FFFFFF; border-color: #BADAFB; color: #002D61; }
.rg-live-dot { background: #205098; box-shadow: 0 0 0 4px rgba(32,80,152,.12); }
.rg-mss-scene::before, .rg-source-node::after, .rg-dashboard-label,
.rg-response-heading, .rg-metric span, .rg-dashboard-title { color: #333F4C; }
.rg-metric strong { color: #002D61; }

/* Compliance & Security band */
.rg-mss { background: linear-gradient(135deg, #002D61 0%, #205098 100%); }
.rg-mss-eyebrow { color: #BADAFB; border-color: rgba(186,218,251,.35); background: rgba(186,218,251,.10); }
.rg-mss-icon { color: #BADAFB; border-color: rgba(186,218,251,.3); background: rgba(186,218,251,.10); }

/* Leftover greys + the one Zendesk blue still in the CSS */
.tile-desc, .quick-actions-subhead, .stat-label, .trust-blurb { color: #333F4C; }
.status-label-pending, .status-label-pending-moderation { background-color: #205098; }

/* Pause off-screen + reduced motion */
.rg-animation-paused .rg-hub-radar,
.rg-animation-paused .rg-hub-shield,
.rg-animation-paused .rg-hub-shield-outline,
.rg-animation-paused .rg-hub-shield-check { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .rg-hub-radar, .rg-hub-shield, .rg-hub-shield-outline, .rg-hub-shield-check { animation: none !important; }
  .rg-hub-radar { display: none; }
  .rg-hub-shield-outline { stroke: #205098; fill: rgba(186,218,251,.45); }
  .rg-hub-shield-check { stroke-dashoffset: 0; opacity: 1; }
}


/* =========================================================================
   KB ARTICLE COMPONENTS (.rg-kb) — Radian brand palette
   Paste at the very end of style.css. Only affects articles whose body
   is wrapped in <div class="rg-kb">, so other articles are untouched.
   ========================================================================= */

.rg-kb {
  color: #333F4C;
  font-size: 16px;
  line-height: 1.65;
}
.rg-kb h2 {
  margin: 44px 0 14px;
  color: #002D61;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  scroll-margin-top: 24px;
}
.rg-kb h3 {
  margin: 30px 0 10px;
  color: #002D61;
  font-size: 18px;
  font-weight: 500;
  scroll-margin-top: 24px;
}
.rg-kb a,
.rg-kb a:visited {
  color: #205098;
}
.rg-kb .rg-kb-lead {
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.6;
}

/* "Step 1" pill in headings */
.rg-kb .rg-kb-step {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 11px;
  border-radius: 999px;
  background: #205098;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  vertical-align: 3px;
}

/* On this page */
.rg-kb .rg-kb-toc {
  margin: 0 0 32px;
  padding: 18px 22px;
  border: 1px solid #BADAFB;
  border-radius: 12px;
  background: rgba(186, 218, 251, .18);
}
.rg-kb .rg-kb-toc > p {
  margin: 0 0 8px;
  color: #002D61;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.rg-kb .rg-kb-toc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rg-kb .rg-kb-toc li {
  margin: 6px 0;
}

/* Callouts */
.rg-kb .rg-kb-callout {
  margin: 24px 0;
  padding: 16px 20px;
  border-left: 4px solid #205098;
  border-radius: 0 10px 10px 0;
  background: rgba(186, 218, 251, .25);
}
.rg-kb .rg-kb-callout p {
  margin: 0;
}
.rg-kb .rg-kb-callout--tip {
  border-left-color: #A8D3CE;
  background: rgba(168, 211, 206, .22);
}
.rg-kb .rg-kb-callout--warning {
  border-left-color: #002D61;
  background: rgba(186, 218, 251, .4);
}
.rg-kb .rg-kb-callout--urgent {
  border-left: 0;
  border-radius: 10px;
  background: #002D61;
  color: #FFFFFF;
}
.rg-kb .rg-kb-callout--urgent a,
.rg-kb .rg-kb-callout--urgent a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

/* Check-mark lists */
.rg-kb ul.rg-kb-checklist {
  margin: 16px 0 24px;
  padding: 0;
  list-style: none;
}
.rg-kb ul.rg-kb-checklist li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 32px;
}
.rg-kb ul.rg-kb-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #205098 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

/* Tables */
.rg-kb .rg-kb-table-wrap {
  margin: 16px 0 24px;
  overflow-x: auto;
}
.rg-kb table.rg-kb-table {
  width: 100%;
  min-width: 480px;
  border: 1px solid #BADAFB;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  font-size: 15px;
}
.rg-kb .rg-kb-table th {
  padding: 10px 14px;
  background: #002D61;
  color: #FFFFFF;
  font-weight: 500;
  text-align: left;
}
.rg-kb .rg-kb-table td {
  padding: 10px 14px;
  border-top: 1px solid #BADAFB;
  vertical-align: top;
}
.rg-kb .rg-kb-table tbody tr:nth-child(even) td {
  background: rgba(186, 218, 251, .15);
}

/* Screenshots */
.rg-kb figure.rg-kb-figure {
  display: block;
  margin: 18px 0 30px;
}
.rg-kb figure.rg-kb-figure img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 1px solid #BADAFB;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 45, 97, .08);
}
.rg-kb figure.rg-kb-figure figcaption {
  margin-top: 8px;
  padding: 0;
  background: none;
  color: #333F4C;
  font-size: 13px;
  text-align: left;
}

/* Contact cards */
.rg-kb .rg-kb-contact {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin: 16px 0 24px;
}
.rg-kb .rg-kb-contact > div {
  padding: 16px 18px;
  border: 1px solid #BADAFB;
  border-radius: 10px;
}
.rg-kb .rg-kb-contact p {
  margin: 0;
}
.rg-kb .rg-kb-label {
  display: block;
  margin-bottom: 4px;
  color: #205098;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Legal footer */
.rg-kb .rg-kb-legal {
  margin-top: 44px;
  padding-top: 16px;
  border-top: 1px solid #BADAFB;
  font-size: 13px;
  line-height: 1.6;
}


/* =========================================================================
   FINAL SWEEP — footer icons, renewable section, secondary text,
   request-page widgets (TCA tips, request guide card, access notice)
   Paste at the very end of style.css.
   ========================================================================= */

/* Footer social icons: were grey because ".footer a" overrode them */
.rg-premium-footer a.rg-footer-social-link { color: #205098; }
.rg-premium-footer a.rg-footer-social-link:hover { color: #FFFFFF; }

/* "Solar. Wind." section copy */
.rg-renewable-copy h2 { color: #002D61; }
.rg-renewable-copy p { color: #333F4C; }

/* Secondary text (dates, breadcrumbs, hints) — was lightened grey */
.meta-data,
.comment-callout,
.breadcrumbs li,
.article-comment-count,
.request-page-intro,
.search-result-meta-container,
.striped-list-count,
.request-details dt,
.form-field p,
.form-field .optional { color: #333F4C; }
#new-request-form [data-garden-id$="hint"] { color: #333F4C; }

/* TCA submission tips (pill, banner, modal) */
.tcag-card--banner,
.tcag-reopen-pill { background-color: #EEF5FC !important; border-color: #BADAFB !important; }
.tcag-heading { color: #002D61 !important; }
.tcag-icon,
.tcag-link,
.tcag-reopen-pill { color: #205098 !important; }
.tcag-close-btn,
.tcag-caveat,
.tcag-list { color: #333F4C !important; }
.tcag-primary-btn { background: #205098 !important; color: #FFFFFF !important; }

/* TCA file upload widget */
.tca-help,
.tca-dropzone-text { color: #333F4C !important; }
.tca-dropzone:hover,
.tca-dropzone-active { border-color: #205098 !important; background: rgba(186, 218, 251, .2) !important; }
.tca-dropzone:focus-within { outline-color: #205098 !important; }

/* Right-side request guide card: 9 category colours -> one brand palette */
#radian-request-guide-slot .request-guide-card,
#radian-request-guide-slot .request-guide-card[class*="request-guide-card--"] {
  --guide-accent: #205098 !important;
  --guide-soft: rgba(186, 218, 251, .25) !important;
  --guide-border: #BADAFB !important;
  color: #333F4C !important;
}
#radian-request-guide-slot .request-guide-title { color: #002D61 !important; }
#radian-request-guide-slot .request-guide-summary,
#radian-request-guide-slot .request-guide-section-title,
#radian-request-guide-slot .request-guide-list li,
#radian-request-guide-slot .request-guide-note { color: #333F4C !important; }
#radian-request-guide-slot .request-guide-section { border-color: #BADAFB !important; background: #FFFFFF !important; }

/* My Requests page: "Catching up on history" banner (was indigo/purple) */
#historical-ticket-banner { background: rgba(186, 218, 251, .25) !important; border-color: #BADAFB !important; }
#historical-ticket-banner .htb-accent { background: #205098 !important; }
#historical-ticket-banner .htb-icon-chip { background: rgba(32, 80, 152, .12) !important; color: #205098 !important; }
#historical-ticket-banner .htb-icon-chip * { color: #205098 !important; stroke: currentColor; }
#historical-ticket-banner .htb-text,
#historical-ticket-banner .htb-text * { color: #333F4C !important; }
#historical-ticket-banner .htb-days { background: #FFFFFF !important; border-color: #BADAFB !important; color: #205098 !important; }
#historical-ticket-banner .htb-close { color: #333F4C !important; }

/* Home "Support services" orbit background + footer band lines */
.rg-orbit-glow-1 { background: rgba(32, 80, 152, .22) !important; }
.rg-orbit-glow-2 { background: rgba(186, 218, 251, .6) !important; }
.rg-orbit-dot-grid { background-image: radial-gradient(circle, rgba(32, 80, 152, .18) 1px, transparent 1.15px); }
.rg-orbit-svg stop { stop-color: #205098; }
.rg-orbit-secondary { stroke: rgba(32, 80, 152, .10); }
.rg-orbit-dashed { stroke: rgba(32, 80, 152, .19); }
.rg-orbit-energy-line { stroke: rgba(32, 80, 152, .30); filter: drop-shadow(0 0 5px rgba(32, 80, 152, .28)); }
.rg-orbit-node { fill: #205098; filter: drop-shadow(0 0 7px rgba(32, 80, 152, .5)); }
.rg-moving-energy,
.rg-energy-1 { fill: #205098; }
.rg-energy-2 { fill: #BADAFB; }
.rg-floating-signal { background: #205098; box-shadow: 0 0 11px rgba(32, 80, 152, .45); }
.rg-footer-flow-2 { stroke: rgba(186, 218, 251, .4); }

/* Access Request form notice */
#new-request-form .radian-access-form-notice {
  border-color: #BADAFB !important;
  border-left-color: #205098 !important;
  background: rgba(186, 218, 251, .25) !important;
  color: #333F4C !important;
}
#new-request-form .radian-access-form-notice a { color: #205098 !important; }


.search-icon, .search-wrap .search-icon { color: #333F4C; }
.share a { color: #333F4C; }
.share a:hover { color: #205098; }
.search-results-sidebar .multibrand-filter-list .doc-count { color: #333F4C; }

/* ==== David feedback 2026-10-09 ==== */

/* 1. Compliance & Security cards: no hover effect (no lift, no highlight) */
.rg-mss .rg-mss-card:hover {
  transform: translateY(0) scale(1);
  border-color: rgba(210,234,250,.16);
  background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.055));
}

/* 2. Shorter gap between the hero and "Support Services" */
section.hero.section { margin-bottom: 0; }
.quick-actions.rg-support-orbit-section { padding-top: 44px; }
@media (max-width: 767px) {
  .quick-actions.rg-support-orbit-section { padding-top: 32px; }
}