@charset "UTF-8"; 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;}
* {box-sizing: border-box;}
body {background-color: #FFFFFF; color: rgba(15, 15, 16, 1); font-family: Arial, 'Helvetica Neue', Helvetica, 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: Arial, 'Helvetica Neue', Helvetica, 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(0, 2, 4, 1); text-decoration: none;}
a:visited {color: rgba(0, 0, 0, 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;}
.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(66, 61, 61, 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(66, 61, 61, 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(66, 61, 61, 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;}
.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(66, 61, 61, 1); border-radius: 4px; color: rgba(66, 61, 61, 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(66, 61, 61, 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(66, 61, 61, 1); color: rgba(0, 0, 0, 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: darken(rgba(66, 61, 61, 1), 20%); border-color: darken(rgba(66, 61, 61, 1), 20%);}
.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(66, 61, 61, 1); border: 0; border-radius: 4px; color: rgba(0, 0, 0, 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(0, 0, 0, 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: #0d0c0c;}
.button-large[disabled], .hbs-form input[type=submit][disabled] {background-color: #ddd;}
.button-secondary {color: #404045; border: 1px solid #848F99; background-color: transparent;}
.button-secondary:visited {color: #404045;}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {color: rgba(15, 15, 16, 1); border: 1px solid #848F99; background-color: #f7f7f7;}
.split-button {display: flex;}
.split-button button {background-color: rgba(66, 61, 61, 1); border: 0; color: rgba(0, 0, 0, 1); height: 32px; line-height: 16px; outline-color: rgba(66, 61, 61, 1);}
[dir=rtl] .split-button button:not(:only-child):first-child {border-left: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 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;}
.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: #404045; 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;}
}
.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(66, 61, 61, 1);}
.form-field input[type=text] {border: 1px solid #848F99; border-radius: 4px;}
.form-field input[type=text]:focus {border: 1px solid rgba(66, 61, 61, 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(66, 61, 61, 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(66, 61, 61, 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: #404045; margin-left: 4px;}
.form-field p {color: #404045; font-size: 12px; margin: 5px 0;}
.form footer {margin-top: 40px; padding-top: 30px;}
.form footer a {color: #404045; 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(0, 0, 0, 1);}
.header.ou-header {position: absolute; top: 36px; left: 0; width: 100%; height: 200px; margin: 0; padding: 0; background-color: #3F4547; background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.10) 42%, rgba(0, 0, 0, 0.16) 100% ), url(/hc/theming_assets/01M1KQFZ7QM8Q3BFSA3S4VE17F); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1000; box-sizing: border-box;}
.ou-header__inner {position: relative; width: 100%; height: 100%; margin: 0 auto;}
.ou-header__logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; margin: 0; padding: 0;}
.ou-header__logo a {display: flex; align-items: center; justify-content: center; margin: 0; padding: 0;}
.ou-header__logo img {display: block; width: auto; max-width: 180px; max-height: 42px; height: auto; object-fit: contain;}
.ou-header__logo span {display: none;}
.ou-header__actions {position: absolute; top: 50%; right: 42px; transform: translateY(-50%); display: flex; align-items: center; gap: 18px; z-index: 4;}
.ou-header__search {width: 260px;}
.ou-header__search .search {width: 100%; height: 40px; display: flex; align-items: center; background: transparent; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 2px; box-sizing: border-box;}
.ou-header__search .search:focus-within {border-color: #fff;}
.ou-header__search .search input[type="search"] {height: 38px; padding-left: 16px; padding-right: 12px; background: transparent; border: 0; border-radius: 0; color: #fff; font-size: 14px;}
.ou-header__search .search input[type="search"]::placeholder {color: rgba(255, 255, 255, 0.82); opacity: 1;}
.ou-header__search .search input[type="search"]:focus {color: #fff; outline: none;}
.ou-header__search .search-icon {display: none;}
.ou-header__search .clear-button {background: transparent; color: #fff; border-radius: 0;}
.ou-header__user {position: relative; display: flex; align-items: center; margin: 0;}
.ou-header__user > button {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; min-width: 38px; padding: 0; margin: 0; background: transparent; border: 0; color: #fff; cursor: pointer;}
.ou-header__user > button:hover, .ou-header__user > button:focus {background: transparent; color: #fff;}
.ou-header__user .user-avatar {width: 25px; height: 25px; border-radius: 50%;}
.ou-header__user #user-name, .ou-header__user > button > span {display: none;}
.ou-header__user .dropdown-chevron-icon {display: none;}
.ou-header__signin {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; color: #fff; text-decoration: none;}
.ou-header__signin:hover, .ou-header__signin:focus {color: #fff; text-decoration: none;}
.ou-profile-icon {width: 22px; height: 22px; display: block;}
.ou-header__user .dropdown-menu {position: absolute; top: calc(100% + 12px); right: 0; min-width: 210px; padding: 8px 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); z-index: 1001;}
.ou-header__user .dropdown-menu a {display: block; padding: 10px 16px; color: #3F4547; font-size: 14px; text-decoration: none;}
.ou-header__user .dropdown-menu a:hover, .ou-header__user .dropdown-menu a:focus {background: #F0E6D5; color: #000; text-decoration: none;}
.ou-header__desktop {display: none !important;}
.ou-header__message {display: none !important;}
.ou-header__menu-button {display: none !important;}
.ou-header__mobile {display: none;}
@media (min-width: 768px) {.ou-header__search {width: 280px;}
}
@media (max-width: 767px) {.header.ou-header {top: 36px; height: 64px;}
.ou-header__logo img {max-width: 130px; max-height: 34px;}
.ou-header__actions {right: 18px; gap: 10px;}
.ou-header__search {display: none;}
.ou-header__user {display: none;}
.ou-header__mobile {display: block; position: absolute; right: 18px; top: 50%; transform: translateY(-50%);}
.ou-header__mobile .menu-button-mobile {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; min-width: 38px; padding: 0; background: transparent; border: 0; color: #fff;}
.ou-header__mobile .icon-menu {width: 24px; height: 24px;}
.ou-header__mobile .menu-list-mobile {position: absolute; top: 48px; right: 0; left: auto; width: 250px; background: #fff; border: 0; border-radius: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);}
}
.breadcrumbs {margin: 0 0 15px 0; padding: 0; display: flex;}
@media (min-width: 768px) {.breadcrumbs {margin: 0;}
}
.breadcrumbs li {display: inline-block; color: #404045; 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(0, 2, 4, 1);}
.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(66, 61, 61, 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(66, 61, 61, 1); color: #fff;}
.search .clear-button:focus {outline: 0; box-shadow: 0 0 0 3px rgba(66, 61, 61, 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(66, 61, 61, 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(66, 61, 61, 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(66, 61, 61, 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(66, 61, 61, 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;}
.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(66, 61, 61, 1); border-radius: 4px; box-sizing: border-box; color: rgba(66, 61, 61, 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(66, 61, 61, 1);}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {color: rgba(0, 0, 0, 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(15, 15, 16, 1);}
.blocks-item-link {color: rgba(66, 61, 61, 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(66, 61, 61, 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;}
.section {margin-bottom: 40px;}
@media (min-width: 768px) {.section {margin-bottom: 60px;}
}
.home-section h2 {margin-bottom: 10px; text-align: center;}
.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%;}
[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 {text-align: center;}
.community-image {min-height: 300px; margin-top: 32px; background-image: url(/hc/theming_assets/01M0D25CKCJPR203KMEPX8K3G6); background-position: center; background-repeat: no-repeat; max-width: 100%;}
.community a {color: rgba(0, 2, 4, 1); text-decoration: underline;}
.community a:visited {color: rgba(0, 0, 0, 1);}
.community a:hover, .community a:active, .community a:focus {color: #0F3554;}
.community, .activity {border-top: 1px solid #ddd; padding: 30px 0;}
.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(15, 15, 16, 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(0, 2, 4, 1); text-decoration: underline;}
.recent-activity-controls a:visited {color: rgba(0, 0, 0, 1);}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {color: #0F3554;}
.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(66, 61, 61, 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-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%;}
}
.section-tree-title {margin-bottom: 0; font-size: 18px; font-weight: 600;}
.section-tree-title a {color: rgba(15, 15, 16, 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(15, 15, 16, 1);}
.icon-star {color: rgba(66, 61, 61, 1); font-size: 18px;}
.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(15, 15, 16, 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 {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%;}
}
.article-title .icon-lock {position: relative; left: -5px; vertical-align: baseline;}
.article [role=button] {flex-shrink: 0; 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(0, 2, 4, 1); text-decoration: underline;}
.article-body a:visited {color: rgba(0, 0, 0, 1);}
.article-body a:hover, .article-body a:active, .article-body a:focus {color: #0F3554;}
.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: #404045; 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: #404045;}
.article-comment-count:hover {text-decoration: none;}
.article-comment-count-icon {vertical-align: middle; color: rgba(66, 61, 61, 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(0, 2, 4, 1); text-decoration: underline;}
.article-more-questions a:visited {color: rgba(0, 0, 0, 1);}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {color: #0F3554;}
.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(15, 15, 16, 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 .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(15, 15, 16, 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: #404045;}
.share {padding: 0; white-space: nowrap;}
.share li, .share a {display: inline-block;}
.share li {height: 25px; width: 25px;}
.share a {color: #404045;}
.share a:hover {text-decoration: none; color: rgba(66, 61, 61, 1);}
.share a svg {height: 18px; width: 18px; display: block;}
.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: #404045; display: inline-block; font-size: 13px; margin-bottom: 0;}
.comment-callout a {color: rgba(0, 2, 4, 1); text-decoration: underline;}
.comment-callout a:visited {color: rgba(0, 0, 0, 1);}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {color: #0F3554;}
.comment-sorter {display: inline-block; float: right;}
.comment-sorter .dropdown-toggle {color: #404045; font-size: 13px;}
[dir=rtl] .comment-sorter {float: left;}
.comment-wrapper {display: flex; position: relative;}
.comment-wrapper.comment-official {border: 1px solid rgba(66, 61, 61, 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(66, 61, 61, 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: Arial, 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.6; overflow-x: auto;}
.comment-body a {color: rgba(0, 2, 4, 1); text-decoration: underline;}
.comment-body a:visited {color: rgba(0, 0, 0, 1);}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {color: #0F3554;}
.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: #404045; font-style: italic; padding: 0 15px;}
.comment-mark-as-solved {display: inline-block;}
.vote {display: flex; flex-direction: column; text-align: center;}
.vote a:active, .vote a:hover, .vote a:focus {text-decoration: none;}
.vote-sum {color: #404045; 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(66, 61, 61, 1);}
.vote-up, .vote-down {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; color: #404045; cursor: pointer; min-height: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center;}
.vote-voted {color: rgba(66, 61, 61, 1);}
.vote-voted:hover {color: #0d0c0c;}
.actions {text-align: center; flex-shrink: 0;}
.actions button {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; cursor: pointer; min-height: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center;}
.community-hero {background-image: url(/hc/theming_assets/01M0D25CKCJPR203KMEPX8K3G6); 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;}
}
.topics {max-width: none; width: 100%;}
.topics-item .meta-group {justify-content: center; margin-top: 20px;}
.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;}
.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(66, 61, 61, 1);}
.community-follow button:hover::after, .community-follow button:focus::after {border-color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);}
.community-follow button[data-selected=true] {background-color: rgba(66, 61, 61, 1); color: rgba(0, 0, 0, 1);}
.community-follow button[data-selected=true]::after {border-left: 1px solid rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);}
.community-follow button[data-selected=true]:hover {background-color: darken(rgba(66, 61, 61, 1), 20%); border-color: darken(rgba(66, 61, 61, 1), 20%);}
.community-follow button::after {border-left: 1px solid rgba(66, 61, 61, 1); content: attr(data-follower-count); color: rgba(66, 61, 61, 1); display: inline-block; font-family: Arial, 'Helvetica Neue', Helvetica, 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(66, 61, 61, 1); margin: 0 10px 0 0; padding: 0 10px 0 0;}
.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(0, 2, 4, 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(0, 0, 0, 1);}
.striped-list .meta-group {margin: 5px 0;}
.striped-list-count {color: #404045; 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(15, 15, 16, 1); display: block;}
}
.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(66, 61, 61, 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: #404045;}
.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 {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: Arial, 'Helvetica Neue', Helvetica, 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(0, 2, 4, 1); text-decoration: underline;}
.post-body a:visited {color: rgba(0, 0, 0, 1);}
.post-body a:hover, .post-body a:active, .post-body a:focus {color: #0F3554;}
.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: #404045; font-style: italic; padding: 0 15px;}
.post-footer {align-items: center; display: flex; justify-content: space-between; padding-bottom: 20px;}
.post-comment-count {color: #404045;}
.post-comment-count:hover {text-decoration: none;}
.post-comment-count .icon-comments {color: rgba(66, 61, 61, 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-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;}
.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(66, 61, 61, 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(15, 15, 16, 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(15, 15, 16, 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(66, 61, 61, 1); order: 1;}
}
.collapsible-nav-list li[aria-selected=true] a, .collapsible-nav-list li.current a {color: rgba(15, 15, 16, 1);}
.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]), .collapsible-nav[aria-expanded=true] li:not(.current) {display: block;}
.collapsible-sidebar {flex: 1; max-height: 45px; overflow: hidden; padding: 10px 0; position: relative;}
@media (min-width: 1024px) {.collapsible-sidebar {max-height: none; padding: 0;}
}
.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(66, 61, 61, 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-nav {background-color: #f2f2f2; margin-bottom: 20px;}
.my-activities-sub-nav {margin-bottom: 30px;}
.my-activities-table .striped-list-title {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-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;}
@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 td:last-child {color: #404045; font-size: 13px;}
@media (min-width: 768px) {.contributions-table td:last-child {color: inherit; font-size: inherit; font-weight: inherit;}
}
.no-activities {color: #404045;}
.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: #404045; 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(66, 61, 61, 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(66, 61, 61, 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: #404045; 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 {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;}
.meta-group {display: block;}
.meta-group-opposite {float: right;}
[dir=rtl] .meta-group-opposite {float: left;}
.meta-group * {display: inline;}
.meta-data {color: #404045; font-size: 13px;}
.meta-data:not(:last-child)::after {content: "·"; margin: 0 5px;}
.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: #404045; 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(66, 61, 61, 1); border-radius: 4px; color: rgba(66, 61, 61, 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: #404045; 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: #404045; 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: #FFFFFF; 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 {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(15, 15, 16, 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(0, 2, 4, 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(0, 2, 4, 1);}
.search-results .no-results .action-prompt a:visited {color: rgba(0, 2, 4, 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: #404045; font-size: 13px;}
.search-result-votes-icon, .search-result-meta-count-icon {color: rgba(66, 61, 61, 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;}
.search-results-description em {font-style: normal; font-weight: bold;}
html[lang|=zh] .search-results-description em {font-style: normal; background: yellow;}
.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;}
.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");}
.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");}
.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;}
.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;}
.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;}
#hc-wysiwyg {border: 1px solid #848F99;}
.upload-dropzone {border: 1px solid #848F99;}
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/01KFXQKSAS1R8M56NMP50R62MK); margin-bottom: 10px; height: 320px;}
.service-catalog-description {display: flow-root;}
.service-catalog-description a {color: rgba(0, 2, 4, 1); text-decoration: underline;}
.service-catalog-description a:visited {color: rgba(0, 0, 0, 1);}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {color: #0F3554;}
.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: #404045; 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;}
:root {--ou-beige: #F0E6D5; --ou-white: #FFFFFF; --ou-black: #000000; --ou-charcoal: #3F4547; --ou-gray: #EEEEEE; --ou-blue: #D1DAE0; --ou-blue-dark: #BCC8CE; --ou-green: #BABBBA; --ou-green-dark: #919490; --ou-brown: #AAA59F; --ou-brown-dark: #938D86; --ou-beige-dark: #E6D6BB; --ou-accent: #CFF827; --ou-radius: 5vw; --ou-radius-half: 2.5vw; --ou-shadow: 0 1px 2px rgba(0,0,0,.04); --ou-border: rgba(63,69,71,.12);}
html, body {background: var(--ou-black); color: var(--ou-charcoal); font-family: "Season Sans", Manrope, Arial, sans-serif; font-weight: 400;}
body {line-height: 1.55; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {color: var(--ou-black); font-family: "Season Sans", Manrope, Arial, sans-serif; font-weight: 300; letter-spacing: -0.025em;}
h1 {font-size: clamp(34px, 4vw, 64px);}
h2 {font-size: clamp(25px, 2.4vw, 38px);}
h3 {font-size: 20px; font-weight: 400;}
p, li, label, input, textarea, select, button {font-family: "Season Sans", Manrope, Arial, sans-serif;}
a {color: var(--ou-charcoal); text-decoration: none;}
a:hover, a:focus, a:active {color: var(--ou-black); text-decoration: none;}
.container, .error-page, .footer-inner {width: 90%; max-width: 1280px; padding-left: 0; padding-right: 0;}
.header {position: relative; top: 0; width: 100%; max-width: none; height: 96px; padding: 0 5%; background: var(--ou-white); border: 0; box-shadow: none; z-index: 100;}
.logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.logo img {display: block; max-height: 34px; width: auto;}
.user-nav, .nav-wrapper-desktop, .nav-wrapper-mobile {z-index: 3;}
.header .search-container, .header .search {margin-left: auto;}
.header .search-container {width: min(320px, 32vw);}
.header .search {border: 1px solid var(--ou-border); border-radius: 8px; background: var(--ou-white); box-shadow: none;}
.header .search:focus-within {border-color: var(--ou-black);}
.header .search input[type=search] {height: 42px; color: var(--ou-charcoal); background: transparent;}
.header .search-icon {color: var(--ou-charcoal);}
.hero {min-height: 390px; height: auto; padding: 88px 5% 72px; background-color: var(--ou-black); background-image: none; display: flex; align-items: center; justify-content: center;}
.hero-inner {position: static; transform: none; width: 100%; max-width: 920px; margin: 0 auto;}
.hero h1, .hero h2 {margin-bottom: 24px; color: var(--ou-black); font-weight: 300;}
.hero .search-container {max-width: 760px; margin: 0 auto;}
.hero .search {border: 1px solid var(--ou-border); border-radius: 8px; background: var(--ou-white); box-shadow: var(--ou-shadow);}
.hero .search input[type=search] {height: 58px; font-size: 16px; color: var(--ou-charcoal);}
.hero .search-icon {color: var(--ou-charcoal);}
main {background: var(--ou-white);}
.home-section, .section, .community, .activity {background: transparent;}
.section {margin-bottom: 72px;}
.home-section h2 {margin-bottom: 32px; text-align: left; font-weight: 300;}
.blocks-list {gap: 16px; margin: 0;}
.blocks-item {flex: 1 1 calc(33.333% - 16px); min-height: 150px; margin: 0; border: 1px solid var(--ou-border); border-radius: 8px; background: var(--ou-white); color: var(--ou-charcoal); box-shadow: none; transition: border-color .16s ease, background-color .16s ease, transform .16s ease;}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {background: var(--ou-accent); border-color: var(--ou-accent); transform: translateY(-1px);}
.blocks-item-link {padding: 28px; color: var(--ou-charcoal);}
.blocks-item-title {color: var(--ou-black); font-size: 18px; font-weight: 400;}
.blocks-item-description {color: var(--ou-charcoal); font-size: 14px;}
.promoted-articles-item a {border-bottom: 1px solid var(--ou-border); padding: 18px 0;}
.button, .button-large, .hbs-form input[type=submit], .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 {border-radius: 6px; box-shadow: none; font-family: "Season Sans", Manrope, Arial, sans-serif; font-weight: 400; transition: background-color .16s ease, border-color .16s ease, color .16s ease;}
.button.button-primary, .button-large, .hbs-form input[type=submit] {background: var(--ou-black); border-color: var(--ou-black); color: var(--ou-white);}
.button.button-primary:hover, .button.button-primary:focus, .button-large:hover, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:focus {background: var(--ou-accent); border-color: var(--ou-accent); color: var(--ou-black);}
.button-secondary {background: transparent; border-color: var(--ou-black); color: var(--ou-black);}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {background: var(--ou-gray); border-color: var(--ou-black); color: var(--ou-black);}
.form-field input, .form-field input[type=text], .form-field textarea, .form-field .nesty-input, .form-field .hc-multiselect-toggle, .hbs-form select, .search select {border: 1px solid var(--ou-border); border-radius: 6px; background: var(--ou-white); color: var(--ou-charcoal); box-shadow: none;}
.form-field input:focus, .form-field textarea:focus, .form-field .nesty-input:focus, .form-field .hc-multiselect-toggle:focus, .hbs-form select:focus, .search select:focus {border-color: var(--ou-black); outline: none;}
.search {border-color: var(--ou-border); border-radius: 8px; box-shadow: none;}
.search:focus-within {border-color: var(--ou-black);}
.search input[type=search] {color: var(--ou-charcoal);}
.search .clear-button:hover {background: var(--ou-accent); color: var(--ou-black);}
.breadcrumbs li {color: var(--ou-green-dark);}
.article-list-item, .section-list-item {border-color: var(--ou-border);}
.section-list-item:first-child {border-top-color: var(--ou-border);}
.article-body a, .community a, .recent-activity-controls a {color: var(--ou-black); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
@media (max-width: 1023px) {.header {height: 82px; padding: 0 5%;}
.header .search-container {width: min(260px, 38vw);}
.hero {min-height: 340px; padding-top: 64px; padding-bottom: 56px;}
.blocks-item {flex-basis: calc(50% - 16px);}
}
@media (max-width: 767px) {.container, .error-page, .footer-inner {width: 90%;}
.header {height: 76px; padding: 0 5%;}
.logo img {max-height: 28px;}
.header .search-container {width: 42px; max-width: 42px;}
.header .search {border: 0; background: transparent;}
.header .search input[type=search] {width: 1px; padding: 0; opacity: 0;}
.header .search-icon {left: 50%; transform: translate(-50%, -50%);}
.hero {min-height: 310px; padding: 56px 5% 48px;}
.hero h1 {font-size: 36px;}
.hero .search input[type=search] {height: 52px;}
.blocks-item {flex-basis: 100%; min-height: 128px;}
.footer {padding: 44px 0;}
.footer-inner {flex-direction: column; gap: 24px;}
}
.ou-home-actions {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; width: 100%; margin: 72px auto 88px;}
.ou-home-action {display: inline-flex; align-items: center; justify-content: center; min-width: 190px; min-height: 48px; padding: 0 24px; border: 1px solid var(--ou-black); border-radius: 6px; background: var(--ou-white); color: var(--ou-black); font-size: 14px; font-weight: 400; text-decoration: none; transition: background-color .16s ease, color .16s ease, border-color .16s ease;}
.ou-home-action-primary {background: var(--ou-black); color: var(--ou-white);}
.ou-home-action:hover, .ou-home-action:focus {background: var(--ou-accent); border-color: var(--ou-accent); color: var(--ou-black); text-decoration: none;}
@media (max-width: 767px) {.ou-home-actions {flex-direction: column; margin: 56px auto 64px;}
.ou-home-action {width: min(100%, 320px);}
}
.ou-footer {width: 100%; display: block !important; background: #000000 !important; color: #ffffff !important; margin: calc(var(--ou-x) * 1.5) 0 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;}
.ou-footer__inner {width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 64px var(--ou-x) 56px !important; display: grid !important; grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(220px, 1.35fr) minmax(200px, 1.15fr) !important; column-gap: calc(var(--ou-x) * 1.5) !important; row-gap: var(--ou-x) !important; align-items: start !important;}
.ou-footer {background: #000000 !important; margin-top: 0 !important; padding: 0 !important;}
.ou-footer__inner {padding-top: 64px !important;}
@media (max-width: 767px) {.ou-footer__inner {padding-top: 48px !important;}
}
.ou-footer__col {display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;}
.ou-footer__title {display: block !important; margin: 0 0 var(--ou-x-half) !important; padding: 0 !important; color: #ffffff !important; font-family: "Season Sans", Manrope, Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 0 !important;}
.ou-footer__list {display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; list-style: none !important; margin: 0 !important; padding: 0 !important; gap: 10px !important;}
.ou-footer__list li {display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important;}
.ou-footer__link, .ou-footer__link:visited {display: inline-block !important; color: rgba(255,255,255,.82) !important; background: transparent !important; font-family: "Season Sans", Manrope, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important;}
.ou-footer__link:hover, .ou-footer__link:focus {color: #CFF827 !important; background: transparent !important; text-decoration: none !important;}
.ou-footer__social {display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 4px !important; width: 100% !important; margin: 0 !important; padding: 0 !important;}
.ou-footer__social-link {display: inline-flex !important; width: 36px !important; height: 36px !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; transition: color .2s ease, opacity .2s ease, transform .2s ease;}
.ou-footer__social-icon {display: block !important; width: 28px !important; height: 28px !important; color: currentColor !important; overflow: visible;}
.ou-footer__social-link:hover, .ou-footer__social-link:focus-visible {color: #CFF827 !important; background: transparent !important; opacity: 1; transform: translateY(-1px); outline: none !important;}
.ou-footer__social-link:focus-visible {box-shadow: 0 0 0 2px rgba(207, 248, 39, .35) !important;}
.ou-footer__contact-list {gap: 14px !important;}
.ou-footer__contact-list li {display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important;}
.ou-footer__contact-detail {display: block !important; color: rgba(255,255,255,.55) !important; font-family: "Season Sans", Manrope, Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.45 !important;}
.ou-footer__copy {display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid rgba(255,255,255,.14) !important;}
.ou-footer__copy-inner {width: 100%; max-width: 1280px; margin: 0 auto !important; padding: var(--ou-x-half) var(--ou-x) !important; color: rgba(255,255,255,.58) !important; font-family: "Season Sans", Manrope, Arial, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important;}
.ou-footer__copy-inner p {display: block !important; margin: 0 !important; padding: 0 !important;}
.ou-footer__copy-inner p + p {margin-top: 3px !important;}
@media (max-width: 767px) {.ou-footer__inner {grid-template-columns: 1fr !important; padding-left: var(--ou-x) !important; padding-right: var(--ou-x) !important; row-gap: calc(var(--ou-x) * .9) !important;}
.ou-footer__col {width: 100% !important;}
.ou-footer__social {gap: 16px !important;}
.ou-footer__copy-inner {padding-left: var(--ou-x) !important; padding-right: var(--ou-x) !important;}
}
:root {--ou-home-black: #000000; --ou-home-white: #ffffff; --ou-home-charcoal: #3f4547; --ou-home-blue: #bcc8ce; --ou-home-light: #eeeeee; --ou-home-accent: #cff827; --ou-home-x: 5%; --ou-home-radius: 14px; --ou-home-radius-small: 8px; --ou-home-content-width: 1200px;}
.ou-home-container {width: 100%; max-width: none; margin: 0; padding: 0;}
.ou-header__search input {color: #3F4547;}
.ou-header__search input::placeholder {color: #3F4547; opacity: 1;}
.hero {position: relative; width: 100%; min-height: auto; height: auto; padding: 0; background: #ffffff;}
.hero-inner {position: relative; width: 100%; max-width: var(--ou-home-content-width); margin: 0 auto; box-sizing: border-box;}
.ou-help-journey {width: 100%; background: #ffffff; padding-top: 90px; padding-bottom: 90px;}
.ou-help-journey__container {width: 100%; max-width: var(--ou-home-content-width); margin: 0 auto;}
.ou-help-journey__header {text-align: center; margin: 0 auto 62px;}
.ou-help-journey__header h2 {margin: 0; color: var(--ou-home-charcoal); font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: clamp(30px, 3vw, 42px); font-weight: 500; line-height: 1.1; letter-spacing: -0.02em;}
.ou-help-journey__header p {margin: 16px 0 0; color: var(--ou-home-blue); font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5;}
.ou-help-journey__grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 8%;}
.ou-help-journey__item {min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--ou-home-charcoal); text-decoration: none; padding: 10px 18px 20px; transition: transform 180ms ease, color 180ms ease;}
.ou-help-journey__item--link {cursor: pointer;}
.ou-help-journey__item--link:hover {color: var(--ou-home-charcoal); text-decoration: none; transform: translateY(-3px);}
.ou-help-journey__icon {width: 64px; height: 64px; margin: 0 auto 24px; display: flex; align-items: center; justify-content: center; color: #000000;}
.ou-help-journey__icon svg {width: 64px; height: 64px; display: block; overflow: visible;}
.ou-help-journey__item h3 {margin: 0 0 12px; color: var(--ou-home-charcoal); font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.25;}
.ou-help-journey__item p {max-width: 310px; margin: 0; color: var(--ou-home-charcoal); font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.65;}
.ou-cta-buttons {width: 100%; padding: 10px 5% 88px; background: #ffffff;}
.ou-cta-buttons__inner {display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap;}
.ou-btn {min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; border-radius: 10px; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 1; text-decoration: none; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;}
.ou-btn:hover {text-decoration: none; transform: translateY(-2px);}
.ou-btn--primary {min-width: 165px; background: var(--ou-home-accent); color: #000000; border: 1px solid var(--ou-home-accent);}
.ou-btn--primary:hover {background: #d9ff4d; border-color: #d9ff4d; color: #000000; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);}
.ou-btn--secondary {min-width: 195px; background: #ffffff; color: var(--ou-home-charcoal); border: 1px solid #d9dfe1;}
.ou-btn--secondary:hover {background: #ffffff; border-color: var(--ou-home-charcoal); color: var(--ou-home-charcoal); box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05);}
.ou-btn:focus-visible {outline: 2px solid var(--ou-home-accent); outline-offset: 3px;}
.ou-quick-topics {width: 100%; background: rgba(238, 238, 238, 0.62); padding: 78px 5% 86px; border-top: 1px solid rgba(63, 69, 71, 0.04);}
.ou-quick-topics__container {width: 100%; max-width: 1280px; margin: 0 auto;}
.ou-quick-topics__header {text-align: center; margin-bottom: 46px;}
.ou-quick-topics__header h2 {margin: 0; color: var(--ou-home-charcoal); font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: clamp(26px, 2.4vw, 34px); font-weight: 500; line-height: 1.15;}
.ou-quick-topics__header p {margin: 13px 0 0; color: #7d888d; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5;}
.ou-zendesk-grid {width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}
.ou-resource-card {min-width: 0; background: #ffffff; border: 1px solid transparent; border-radius: var(--ou-home-radius); transition: border-color 180ms ease, transform 180ms ease, background-color 180ms ease;}
.ou-resource-card:hover {border-color: var(--ou-home-accent); transform: translateY(-2px); background: #ffffff;}
.ou-resource-card__link {min-height: 120px; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 25px 26px; color: var(--ou-home-charcoal); text-decoration: none; border-radius: inherit; box-sizing: border-box;}
.ou-resource-card__link:hover {color: var(--ou-home-charcoal); text-decoration: none;}
.ou-resource-card__content {min-width: 0; display: flex; flex-direction: column; gap: 8px;}
.ou-resource-card__title {color: var(--ou-home-charcoal); font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.25;}
.ou-resource-card__description {color: #7d888d; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5;}
.ou-resource-card__arrow {flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: var(--ou-home-charcoal); font-size: 20px; line-height: 1; transition: transform 180ms ease, color 180ms ease;}
.ou-resource-card:hover .ou-resource-card__arrow {color: #000000; transform: translateX(3px);}
.ou-zendesk-content .pagination {margin-top: 40px; display: flex; justify-content: center;}
.ou-home-container > .community, .ou-home-container > .activity, .ou-home-container .articles {display: none !important;}
@media (max-width: 900px) {.ou-help-journey {padding: 68px 5% 42px;}
.ou-help-journey__header {margin-bottom: 48px;}
.ou-help-journey__grid {grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 3%;}
.ou-help-journey__item {padding-left: 8px; padding-right: 8px;}
.ou-help-journey__item p {font-size: 13px;}
.ou-zendesk-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px) {
.ou-help-journey {width: 100%; background: #FFFFFF; padding: 88px 5% 72px; box-sizing: border-box;}
.ou-help-journey__container {width: 100%; max-width: 1280px; margin: 0 auto;}
.ou-help-journey__header {text-align: center; margin: 0 auto 64px;}
.ou-help-journey__header h2 {margin: 0 0 14px; color: #3F4547; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: clamp(30px, 3vw, 44px); font-weight: 500; line-height: 1.12; letter-spacing: -0.02em;}
.ou-help-journey__header p {margin: 0; color: #3F4547; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5;}
.ou-help-journey__grid {width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 8%; align-items: stretch;}
.ou-help-journey__item {width: 100%; min-width: 0; min-height: 190px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; text-align: center; color: #3F4547; text-decoration: none;}
.ou-help-journey__item:hover {color: #3F4547; text-decoration: none;}
.ou-help-journey__icon {width: 64px; height: 64px; flex: 0 0 64px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; color: #000000;}
.ou-help-journey__icon svg {width: 48px; height: 48px; display: block; flex: none;}
.ou-help-journey__item h3 {width: 100%; min-height: 24px; margin: 0 0 14px; color: #3F4547; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.3;}
.ou-help-journey__item p {width: 100%; max-width: 320px; margin: 0 auto; color: #3F4547; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6;}
.ou-help-journey {padding: 64px 5% 56px;}
.ou-help-journey__header {margin-bottom: 48px;}
.ou-help-journey__grid {grid-template-columns: 1fr; row-gap: 52px;}
.ou-help-journey__item {min-height: 0;}
.ou-help-journey__item p {max-width: 420px;}
.ou-cta-buttons {padding: 18px 20px 62px;}
.ou-cta-buttons__inner {width: 100%; flex-direction: column; gap: 12px;}
.ou-btn {width: 100%; max-width: 330px; min-height: 50px;}
.ou-quick-topics {padding: 58px 20px 64px;}
.ou-quick-topics__header {margin-bottom: 34px;}
.ou-quick-topics__header h2 {font-size: 27px;}
.ou-quick-topics__header p {font-size: 14px;}
.ou-zendesk-grid {grid-template-columns: 1fr; gap: 12px;}
.ou-resource-card__link {min-height: 100px; padding: 21px;}
.ou-resource-card__title {font-size: 16px;}
.ou-resource-card__description {font-size: 13px;}
}
.ou-resource-card__link:focus-visible, .ou-help-journey__item--link:focus-visible {outline: 2px solid var(--ou-home-accent); outline-offset: 3px;}
.ou-header__search {width: 274px; height: 47px; flex: 0 0 274px; margin: 0;}
.ou-header__search .search {position: relative; width: 274px; height: 47px; display: flex; align-items: center; margin: 0; padding: 0; border: 1px solid #EEEEEE; border-radius: 0; background: transparent; box-shadow: none; box-sizing: border-box;}
.ou-header__search .search input[type="search"] {width: 100%; height: 45px; margin: 0; padding: 0 48px 0 16px; border: 0; border-radius: 0; outline: none; background: transparent; color: #EEEEEE; font-size: 14px; font-weight: 400; box-sizing: border-box;}
.ou-header__search .search input[type="search"]::placeholder {color: #EEEEEE; opacity: 1;}
.ou-header__search .search:focus-within {border-color: #EEEEEE; box-shadow: none;}
.ou-header__search .search-icon {display: block; position: absolute; top: 50%; right: 14px; left: auto; width: 19px; height: 19px; margin: 0; transform: translateY(-50%); color: #EEEEEE; pointer-events: none; z-index: 2;}
.ou-header__search .search-icon circle, .ou-header__search .search-icon path {fill: none; stroke: currentColor;}
.ou-header__search .clear-button {background: transparent; border: 0; border-radius: 0; color: #EEEEEE;}
.ou-header__actions > .ou-header__user {display: flex !important;}
.ou-header__actions > .ou-header__user + .ou-header__user {display: none !important;}
:root {--ou-header-height: 100px; --ou-header-height-scrolled: 72px; --ou-guarantee-height: 38px; --ou-fixed-header-height: calc( var(--ou-header-height) + var(--ou-guarantee-height) );}
html {scroll-behavior: smooth;}
[id] {scroll-margin-top: calc( var(--ou-header-height-scrolled) + var(--ou-guarantee-height) + 20px );}
.header.ou-header {position: fixed !important; top: 0 !important; left: 0; width: 100%; height: var(--ou-header-height) !important; margin: 0 !important; padding: 0 !important; background-color: #3F4547; background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.12) 100% ), url(/hc/theming_assets/01M1KQFZ7QM8Q3BFSA3S4VE17F); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1000; box-sizing: border-box; transition: height 220ms ease, background-color 220ms ease, box-shadow 220ms ease;}
.header.ou-header.ou-header--scrolled {height: var(--ou-header-height-scrolled) !important; background-color: #3F4547; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);}
.ou-header__inner {position: relative; width: 100%; height: 100%; margin: 0 auto;}
.ou-header__logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; transition: transform 220ms ease;}
.ou-header__logo img {display: block; width: auto; max-width: 180px; max-height: 42px; height: auto; object-fit: contain; transition: max-width 220ms ease, max-height 220ms ease;}
.header.ou-header.ou-header--scrolled .ou-header__logo img {max-width: 145px; max-height: 34px;}
.ou-header__actions {position: absolute; top: 50%; right: 42px; transform: translateY(-50%); display: flex; align-items: center; gap: 18px; z-index: 4;}
.ou-header__search {display: block !important; width: 274px !important; height: 47px; flex: 0 0 274px; margin: 0;}
.ou-header__search .search {position: relative; width: 100% !important; height: 47px; display: flex; align-items: center; margin: 0; padding: 0; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 2px; background: transparent; box-shadow: none; box-sizing: border-box; transition: height 220ms ease, border-color 180ms ease;}
.ou-header__search .search input[type="search"] {width: 100% !important; height: 45px; margin: 0; padding: 0 48px 0 16px; border: 0; border-radius: 0; outline: none; background: transparent; color: #FFFFFF; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 14px; font-weight: 400; box-sizing: border-box;}
.ou-header__search .search input[type="search"]::placeholder {color: rgba(255, 255, 255, 0.82); opacity: 1;}
.ou-header__search .search:focus-within {border-color: #FFFFFF; box-shadow: none;}
.ou-header__search .search-icon {display: block !important; position: absolute; top: 50%; right: 14px; left: auto; width: 19px; height: 19px; margin: 0; transform: translateY(-50%); color: #FFFFFF; pointer-events: none; z-index: 2;}
.ou-header__search .search-icon circle, .ou-header__search .search-icon path {fill: none; stroke: currentColor;}
.header.ou-header.ou-header--scrolled .ou-header__search {width: 240px !important; flex-basis: 240px; height: 40px;}
.header.ou-header.ou-header--scrolled .ou-header__search .search {height: 40px;}
.header.ou-header.ou-header--scrolled .ou-header__search .search input[type="search"] {height: 38px; font-size: 13px;}
.ou-header__user {display: flex !important; align-items: center;}
.ou-header__user > button, .ou-header__signin {color: #FFFFFF !important;}
.ou-guarantee-bar {position: fixed !important; top: var(--ou-header-height) !important; left: 0; width: 100%; height: var(--ou-guarantee-height); min-height: var(--ou-guarantee-height); max-height: var(--ou-guarantee-height); margin: 0 !important; padding: 0 20px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000000 !important; color: #FFFFFF !important; font-family: "Season Sans", Manrope, Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; text-decoration: none; box-sizing: border-box; z-index: 999; transition: top 220ms ease;}
.ou-guarantee-bar:hover, .ou-guarantee-bar:focus, .ou-guarantee-bar:visited {color: #FFFFFF !important; text-decoration: none;}
.header.ou-header.ou-header--scrolled ~ .ou-guarantee-bar {top: var(--ou-header-height-scrolled) !important;}
body {padding-top: var(--ou-fixed-header-height);}
.hero {min-height: 0 !important; height: auto; padding: 0 !important; background: #FFFFFF !important;}
.hero .search, .hero .search-icon {display: none !important;}
.hero-inner {min-height: 0 !important; height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important;}
@media (max-width: 767px) {:root {--ou-header-height: 76px; --ou-header-height-scrolled: 58px; --ou-guarantee-height: 40px; --ou-fixed-header-height: var(--ou-header-height);}
.header.ou-header {position: relative; top: 0 !important; height: var(--ou-header-height) !important;}
.ou-header__actions {right: 16px; gap: 10px;}
.ou-mobile-search-toggle {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: none; border: none; cursor: pointer; color: #ffffff; padding: 0; flex-shrink: 0;}
.ou-mobile-search-toggle svg {width: 22px; height: 22px;}
.ou-mobile-search-toggle.ou-search-toggle--hidden {display: none;}
.ou-header__search {position: absolute; top: 0; right: 0; height: var(--ou-header-height) !important; width: 0 !important; overflow: hidden; box-sizing: border-box; background: transparent; display: flex !important; align-items: center; justify-content: flex-end; pointer-events: none; transition: width 0.3s ease-in-out; z-index: 30;}
.ou-header__search.ou-search--open {width: min(78vw, 320px) !important; pointer-events: auto;}
.ou-header__search .search {display: flex; align-items: center; width: 100%; height: 100%;}
.ou-header__search .search input[type="search"] {height: 42px; min-width: 140px; width: 140px; max-width: 100%; border: none; border-radius: 21px; outline: none; background: #FFFFFF; box-sizing: border-box; font-family: "Manrope", sans-serif; font-size: 14px; color: #3F4547; padding: 0 16px; -webkit-appearance: none; appearance: none; box-shadow: 0 0 0 1px #E5E5E5; transition: width 0.15s ease-out, box-shadow 0.2s ease;}
.ou-header__search .search input[type="search"]:focus {box-shadow: 0 0 0 2px #CFF827;}
.ou-header__search .search input[type="search"]::-webkit-search-cancel-button, .ou-header__search .search input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; appearance: none;}
.ou-header__search .search input[type="search"]:focus {border-bottom-color: #CFF827;}
.ou-header__search .search-icon {display: none !important;}
.ou-mobile-search-close {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: none; border: none; cursor: pointer; color: #FFFFFF; flex-shrink: 0; padding-right: 12px;}
.ou-mobile-search-close svg {width: 20px; height: 20px;}
.ou-header__logo img {max-width: 105px; max-height: 32px;}
.header.ou-header.ou-header--scrolled .ou-header__logo img {max-width: 82px; max-height: 26px;}
.header.ou-header.ou-header--scrolled .ou-header__search {height: var(--ou-header-height-scrolled) !important;}
.header.ou-header.ou-header--scrolled .ou-header__search .search input[type="search"] {height: 100%; font-size: 13px;}
.ou-header__user {display: flex !important;}
.ou-header__mobile {display: none !important;}
.ou-guarantee-bar {top: var(--ou-header-height) !important; height: var(--ou-guarantee-height); min-height: var(--ou-guarantee-height); max-height: var(--ou-guarantee-height); padding: 0 14px; font-size: 11px; line-height: 1; white-space: nowrap;}
.header.ou-header.ou-header--scrolled ~ .ou-guarantee-bar {top: var(--ou-header-height-scrolled) !important;}
body {padding-top: var(--ou-fixed-header-height);}
}

/* ==========================================================
   NEW REQUEST — ESTRUTURA GERAL
   ========================================================== */

.ou-new-request-page {
  --ou-form-surface: #FFFFFF;
  --ou-form-text: #3F4547;
  --ou-form-muted: #6F7475;
  --ou-form-border: #DADDDC;
  --ou-form-accent: #CFF827;

  width: 100%;
  min-height: calc(100vh - var(--ou-fixed-header-height));
  margin: 0;
  padding: 0;

  background: #FFFFFF;
  color: var(--ou-form-text);

  font-family:
    "Season Sans",
    Manrope,
    Arial,
    sans-serif;

  box-sizing: border-box;
}

.ou-new-request-page *,
.ou-new-request-page *::before,
.ou-new-request-page *::after {
  box-sizing: border-box;
}


/* ==========================================================
   FAIXA SUPERIOR — #F4F4F4
   ========================================================== */

.ou-new-request-hero {
  width: 100%;
  margin: 0;
  padding:
    clamp(34px, 5vw, 64px)
    clamp(20px, 5vw, 56px)
    clamp(48px, 6vw, 76px);

  background: #F4F4F4;
}

.ou-new-request-hero__inner {
  width: min(100%, 1120px);
  margin: 0 auto;
}


/* ==========================================================
   BREADCRUMBS
   ========================================================== */

.ou-new-request-nav {
  width: 100%;
  margin: 0 0 clamp(44px, 6vw, 72px);
  padding: 0;
}

.ou-new-request-nav .breadcrumbs {
  margin: 0;
  padding: 0;
}

.ou-new-request-nav .breadcrumbs li {
  color: #7B807F;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.ou-new-request-nav .breadcrumbs li + li::before {
  content: "/";
  margin: 0 8px;
  color: #B4B7B6;
}

.ou-new-request-nav .breadcrumbs a {
  color: var(--ou-form-text);
  text-decoration: none;
}

.ou-new-request-nav .breadcrumbs a:hover {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* ==========================================================
   TÍTULO
   ========================================================== */

.ou-new-request-heading {
  width: min(100%, 760px);
  margin: 0 auto;
  text-align: center;
}

.ou-new-request-eyebrow {
  margin: 0 0 12px;

  color: var(--ou-form-muted);

  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ou-new-request-heading h1 {
  margin: 0;

  color: #000000;

  font-size: clamp(34px, 5vw, 54px);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-align: center;
}

.ou-new-request-intro {
  max-width: 570px;
  margin: 18px auto 0;

  color: var(--ou-form-muted);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  text-align: center;
}


/* ==========================================================
   LINHA DIVISÓRIA — #ECEDED
   ========================================================== */

.ou-new-request-divider {
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;

  background: #ECEDED;
}


/* ==========================================================
   ÁREA INFERIOR — #FFFFFF
   ========================================================== */

.ou-new-request-content {
  width: 100%;
  min-height: 420px;

  margin: 0;
  padding:
    clamp(52px, 7vw, 88px)
    clamp(20px, 5vw, 56px)
    clamp(72px, 9vw, 120px);

  background: #FFFFFF;
}


/* ==========================================================
   CARD DO FORMULÁRIO
   ========================================================== */

.ou-request-card {
  width: min(100%, 760px);
  max-width: 760px;

  margin: 0 auto;
  padding: clamp(28px, 5vw, 56px);

  border: 1px solid #EEEEEE;
  border-radius: clamp(18px, 3vw, 28px);

  background: #FFFFFF;
  box-shadow: none;
}


/* ==========================================================
   CAMPOS
   ========================================================== */

.ou-request-card .form-field + .form-field {
  margin-top: 26px;
}

.ou-request-card .form-field label {
  display: block;

  margin: 0 0 9px;

  color: #000000;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ou-request-card .form-field .optional {
  margin-left: 6px;

  color: #8B8F8E;

  font-size: 12px;
}

.ou-request-card .form-field p,
.ou-request-card .form-field .form-field-hint {
  margin: 8px 0 0;

  color: var(--ou-form-muted);

  font-size: 12px;
  line-height: 1.55;
}

.ou-request-card .form-field input:not([type="checkbox"]):not([type="radio"]),
.ou-request-card .form-field textarea,
.ou-request-card .form-field select,
.ou-request-card .form-field .nesty-input,
.ou-request-card .form-field .hc-multiselect-toggle {
  width: 100%;
  min-height: 50px;

  padding: 13px 16px;

  border: 1px solid var(--ou-form-border);
  border-radius: 10px;
  outline: none;

  background: #FFFFFF;
  color: var(--ou-form-text);

  font:
    400 15px/1.45
    "Season Sans",
    Manrope,
    Arial,
    sans-serif;

  box-shadow: none;

  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

.ou-request-card .form-field textarea {
  min-height: 150px;
  resize: vertical;
}

.ou-request-card .form-field .nesty-input {
  height: auto;
  line-height: 22px;
  text-decoration: none;
}

.ou-request-card .form-field input:focus,
.ou-request-card .form-field textarea:focus,
.ou-request-card .form-field select:focus,
.ou-request-card .form-field .nesty-input:focus,
.ou-request-card .form-field .hc-multiselect-toggle:focus,
.ou-request-card .form-field [data-hc-focus="true"] {
  border-color: var(--ou-form-text);
  box-shadow: 0 0 0 3px rgba(207, 248, 39, 0.38);
}

.ou-request-card .form-field input::placeholder,
.ou-request-card .form-field textarea::placeholder {
  color: #9A9E9D;
  opacity: 1;
}

.ou-request-card .form-field input[disabled],
.ou-request-card .form-field textarea[disabled],
.ou-request-card .form-field select[disabled] {
  border-color: #E5E6E5;
  background: #F4F4F4;
  color: #8B8F8E;
  cursor: not-allowed;
}

.ou-request-card .form-field input[type="checkbox"],
.ou-request-card .form-field input[type="radio"] {
  accent-color: #000000;
}

.ou-request-card .form-field input[type="checkbox"] + label,
.ou-request-card .form-field input[type="radio"] + label {
  margin-left: 10px;
}


/* ==========================================================
   EDITOR DE TEXTO
   ========================================================== */

.ou-request-card .wysiwyg-textarea,
.ou-request-card .wysiwyg-textarea-wrapper,
.ou-request-card .hc-wysiwyg {
  border-color: var(--ou-form-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
}


/* ==========================================================
   ANEXOS
   ========================================================== */

.ou-request-card .upload-dropzone {
  min-height: 92px;

  margin-top: 10px;
  padding: 24px;

  border: 1px dashed #BCC1BF;
  border-radius: 10px;

  background: #FFFFFF;
  color: var(--ou-form-muted);

  transition:
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.ou-request-card .upload-dropzone:hover,
.ou-request-card .upload-dropzone:focus-within {
  border-color: var(--ou-form-text);
  background: #F4F4F4;
}

.ou-request-card .upload-dropzone span,
.ou-request-card .upload-dropzone a {
  color: var(--ou-form-text);
}


/* ==========================================================
   ERROS E ARTIGOS SUGERIDOS
   ========================================================== */

.ou-request-card .notification-error,
.ou-request-card .form-field .notification-error {
  margin-top: 8px;

  color: #9B342F;

  font-size: 12px;
  line-height: 1.45;
}

.ou-request-card .suggestion-list {
  margin-top: 28px;
  padding: 20px 22px;

  border: 1px solid #EEEEEE;
  border-radius: 10px;

  background: #FFFFFF;

  font-size: 13px;
}

.ou-request-card .suggestion-list label {
  display: block;

  padding-bottom: 10px;

  border-bottom: 1px solid #EEEEEE;

  color: #000000;
  font-weight: 400;
}

.ou-request-card .suggestion-list a {
  color: var(--ou-form-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* ==========================================================
   RODAPÉ DO FORMULÁRIO E BOTÃO
   ========================================================== */

.ou-request-card footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;

  margin-top: 40px;
  padding-top: 28px;

  border-top: 1px solid #EEEEEE;
}

.ou-request-card input[type="submit"],
.ou-request-card button[type="submit"] {
  min-width: 190px;
  min-height: 52px;

  padding: 0 28px;

  border: 1px solid #000000;
  border-radius: 10px;

  background: #000000;
  color: #FFFFFF;

  font:
    400 14px/1
    "Season Sans",
    Manrope,
    Arial,
    sans-serif;

  cursor: pointer;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

.ou-request-card input[type="submit"]:hover,
.ou-request-card input[type="submit"]:focus,
.ou-request-card button[type="submit"]:hover,
.ou-request-card button[type="submit"]:focus {
  border-color: var(--ou-form-accent);
  background: var(--ou-form-accent);
  color: #000000;
  outline: none;
}

.ou-request-card input[type="submit"]:active,
.ou-request-card button[type="submit"]:active {
  transform: translateY(1px);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {
  .ou-new-request-hero {
    padding: 28px 18px 48px;
  }

  .ou-new-request-nav {
    margin-bottom: 38px;
  }

  .ou-new-request-nav .breadcrumbs li {
    max-width: 150px;
  }

  .ou-new-request-heading h1 {
    font-size: clamp(32px, 10vw, 42px);
  }

  .ou-new-request-intro {
    font-size: 14px;
  }

  .ou-new-request-content {
    padding: 36px 18px 72px;
  }

  .ou-request-card {
    padding: 28px 20px 32px;
    border-radius: 18px;
  }

  .ou-request-card .form-field + .form-field {
    margin-top: 22px;
  }

  .ou-request-card footer {
    align-items: stretch;
    flex-direction: column;
  }

  .ou-request-card input[type="submit"],
  .ou-request-card button[type="submit"] {
    width: 100%;
  }
}


/* ==========================================================
   ACESSIBILIDADE
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
  .ou-new-request-page *,
  .ou-new-request-page *::before,
  .ou-new-request-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

.ou-request-page {--ou-rp-bg: #EEEEEE; --ou-rp-surface: #FFFFFF; --ou-rp-text: #3F4547; --ou-rp-muted: #777C7D; --ou-rp-border: #DEDFDD; --ou-rp-beige: #F0E6D5; --ou-rp-accent: #CFF827; min-height: 100vh; padding: clamp(36px, 5vw, 72px) 5% clamp(72px, 8vw, 112px); background: var(--ou-rp-bg); color: var(--ou-rp-text); font-family: "Season Sans", Manrope, Arial, sans-serif; box-sizing: border-box;}
.ou-request-page *, .ou-request-page *::before, .ou-request-page *::after {box-sizing: border-box;}
.ou-request-page__inner {width: min(100%, 1200px); margin: 0 auto;}
.ou-request-breadcrumbs {margin: 0 0 clamp(42px, 6vw, 72px);}
.ou-request-breadcrumbs .breadcrumbs {margin: 0;}
.ou-request-breadcrumbs .breadcrumbs li {color: var(--ou-rp-muted); font-size: 12px; letter-spacing: .02em;}
.ou-request-breadcrumbs .breadcrumbs li + li::before {content: "/"; margin: 0 8px; color: #AFB2B1;}
.ou-request-breadcrumbs .breadcrumbs a, .ou-request-page a {color: var(--ou-rp-text);}
.ou-request-heading {display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: clamp(30px, 4vw, 48px);}
.ou-request-eyebrow {margin: 0 0 12px; color: var(--ou-rp-muted); font-size: 12px; font-weight: 400; letter-spacing: .12em; text-transform: uppercase;}
.ou-request-heading .request-title {max-width: 820px; margin: 0; color: #000000; font-size: clamp(34px, 5vw, 54px); font-weight: 300; line-height: 1.08; letter-spacing: -.035em; overflow-wrap: anywhere;}
.ou-request-heading > .status-label {flex: 0 0 auto; padding: 9px 14px; border: 1px solid #D5D7D5; border-radius: 999px; background: var(--ou-rp-surface); color: var(--ou-rp-text); font-size: 12px; font-weight: 400; line-height: 1;}
.ou-request-heading > .status-label::before {display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--ou-rp-accent); content: "";}
.ou-request-layout {display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 330px); align-items: start; gap: clamp(24px, 3vw, 40px); width: 100%;}
.ou-request-main, .ou-request-sidebar {min-width: 0;}
.ou-comment-list {margin: 0; padding: 0;}
.ou-comment {margin: 0 0 18px; padding: 0; border: 0;}
.ou-comment-card {padding: clamp(24px, 3vw, 36px); border: 1px solid rgba(63, 69, 71, .10); border-radius: 18px; background: var(--ou-rp-surface); box-shadow: 0 12px 34px rgba(63, 69, 71, .045);}
.ou-request-page .comment-author {display: flex; align-items: center; gap: 12px; margin-bottom: 22px;}
.ou-request-page .comment-avatar {position: relative; flex: 0 0 auto; width: 42px; height: 42px;}
.ou-request-page .user-avatar {width: 42px; height: 42px; border: 2px solid #FFFFFF; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px var(--ou-rp-border);}
.ou-request-page .icon-agent {position: absolute; z-index: 2; right: -3px; bottom: -2px; width: 17px; height: 17px; padding: 3px; border: 2px solid #FFFFFF; border-radius: 50%; background: var(--ou-rp-accent); color: #000000;}
.ou-request-page .comment-meta > span, .ou-request-page .comment-meta > span a {color: #000000; font-size: 14px; font-weight: 400; text-decoration: none;}
.ou-request-page .comment-meta .meta-data {color: var(--ou-rp-muted); font-size: 12px;}
.ou-request-page .comment-body {color: var(--ou-rp-text); font-size: 15px; line-height: 1.72; overflow-wrap: anywhere;}
.ou-request-page .comment-body p:first-child {margin-top: 0;}
.ou-request-page .comment-body p:last-child {margin-bottom: 0;}
.ou-attachments {display: grid; gap: 10px; margin: 24px 0 0; padding: 18px 0 0; border-top: 1px solid #EEEEEE;}
.ou-attachments .attachment-item {position: relative; padding: 12px 14px 12px 40px; border: 1px solid #E6E7E5; border-radius: 10px; background: #FAFAF8;}
.ou-attachments .attachment-icon {position: absolute; top: 15px; left: 14px; color: var(--ou-rp-muted);}
.ou-attachments .attachment-item > a {font-size: 13px; text-decoration: none;}
.ou-attachments .attachment-meta {margin-top: 4px; color: var(--ou-rp-muted); font-size: 11px;}
.ou-request-follow-up {margin: 24px 0; color: var(--ou-rp-muted); font-size: 13px; line-height: 1.55;}
.ou-comment-form {display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; margin-top: 32px; padding: clamp(22px, 3vw, 32px); border: 1px solid rgba(63, 69, 71, .10); border-radius: 18px; background: var(--ou-rp-surface); box-shadow: 0 12px 34px rgba(63, 69, 71, .045);}
.ou-comment-show {width: 100%; min-height: 50px; padding: 0 16px; border: 1px solid var(--ou-rp-border); border-radius: 10px; background: #FFFFFF; color: var(--ou-rp-muted); font: 400 14px/1 "Season Sans", Manrope, Arial, sans-serif; text-align: left; cursor: text; transition: border-color .18s ease, box-shadow .18s ease;}
.ou-comment-show:hover, .ou-comment-show:focus {border-color: var(--ou-rp-text); box-shadow: 0 0 0 3px rgba(207, 248, 39, .32); outline: 0;}
.ou-comment-form .comment-fields {margin-top: 0;}
.ou-comment-form .comment-fields.shown, .ou-comment-form .comment-show-container.hidden + .comment-fields {margin-top: 0;}
.ou-comment-form .wysiwyg-textarea, .ou-comment-form .wysiwyg-textarea-wrapper, .ou-comment-form .hc-wysiwyg, .ou-comment-form .comment-ccs > ul, .ou-comment-form .comment-ccs > input {border-color: var(--ou-rp-border); border-radius: 10px; box-shadow: none;}
.ou-comment-form .upload-dropzone {margin-top: 14px; padding: 20px; border: 1px dashed #BCC1BF; border-radius: 10px; background: #FAFAF8;}
.ou-comment-form .comment-form-controls {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 24px; padding-top: 22px; border-top: 1px solid #EEEEEE;}
.ou-comment-form .comment-form-controls label {margin-right: auto; color: var(--ou-rp-muted); font-size: 13px;}
.ou-request-page .button-large, .ou-request-page input[type="submit"] {min-width: 190px; min-height: 48px; padding: 0 24px; border: 1px solid #000000; border-radius: 6px; background: #000000; color: #FFFFFF; font: 400 14px/1 "Season Sans", Manrope, Arial, sans-serif; box-shadow: none; cursor: pointer; transition: background-color .18s ease, border-color .18s ease, color .18s ease;}
.ou-request-page .button-secondary, .ou-request-page .mark-as-solved {border-color: #D5D7D5; background: #FFFFFF; color: var(--ou-rp-text);}
.ou-request-page .button-large:hover, .ou-request-page .button-large:focus-visible, .ou-request-page input[type="submit"]:hover, .ou-request-page input[type="submit"]:focus-visible {border-color: #EEEEEE; background: #FFFFFF; color: #3F4547; outline: 0;}
.ou-request-page .button-secondary:hover, .ou-request-page .button-secondary:focus-visible {border-color: #000000; background: #000000; color: #FFFFFF;}
.ou-request-sidebar {position: sticky; top: calc(var(--ou-fixed-header-height, 120px) + 24px); padding: 28px; border: 1px solid rgba(63, 69, 71, .10); border-radius: 18px; background: var(--ou-rp-surface); box-shadow: 0 12px 34px rgba(63, 69, 71, .045);}
.ou-request-sidebar .collapsible-sidebar-title {margin: 0 0 24px; color: #000000; font-size: 18px; font-weight: 400; line-height: 1.3;}
.ou-request-sidebar .collapsible-sidebar-toggle {color: var(--ou-rp-text);}
.ou-request-sidebar .request-details {display: grid; grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr); gap: 9px 16px; margin: 0; padding: 20px 0; border-top: 1px solid #EEEEEE;}
.ou-request-sidebar .request-details:first-child {padding-top: 0; border-top: 0;}
.ou-request-sidebar .request-details:last-child {padding-bottom: 0;}
.ou-request-sidebar .request-details dt {color: var(--ou-rp-muted); font-size: 12px; font-weight: 400; line-height: 1.45;}
.ou-request-sidebar .request-details dd {min-width: 0; margin: 0; color: var(--ou-rp-text); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere;}
.ou-request-sidebar .request-details a {text-decoration: underline; text-underline-offset: 3px;}
.ou-request-sidebar .hbs-form select {width: 100%; min-height: 40px; border: 1px solid var(--ou-rp-border); border-radius: 8px; background-color: #FFFFFF; color: var(--ou-rp-text);}
.ou-request-sidebar .request-attachments {display: block;}
.ou-request-sidebar .request-attachments dt, .ou-request-sidebar .request-attachments dd {display: block; width: 100%;}
.ou-request-sidebar .request-attachments dd {margin-top: 12px;}
.ou-request-sidebar .ou-attachments {margin-top: 0; padding-top: 0; border-top: 0;}
.ou-request-page .pagination {margin: 30px 0;}
@media (max-width: 1023px) {.ou-request-layout {grid-template-columns: minmax(0, 1fr) 280px; gap: 24px;}
.ou-request-sidebar {padding: 22px;}
}
@media (max-width: 767px) {.ou-request-page {padding: 32px 18px 72px;}
.ou-request-breadcrumbs {margin-bottom: 42px;}
.ou-request-breadcrumbs .breadcrumbs li {max-width: 145px;}
.ou-request-heading {align-items: flex-start; flex-direction: column; gap: 18px; margin-bottom: 28px;}
.ou-request-heading .request-title {font-size: clamp(32px, 10vw, 42px);}
.ou-request-layout {display: flex; flex-direction: column; gap: 24px;}
.ou-request-main, .ou-request-sidebar {width: 100%;}
.ou-comment-card {padding: 24px 20px; border-radius: 14px;}
.ou-comment-form {grid-template-columns: 1fr; padding: 22px 18px; border-radius: 14px;}
.ou-comment-form > .comment-avatar {display: none;}
.ou-comment-form .comment-form-controls {align-items: stretch; flex-direction: column;}
.ou-comment-form .comment-form-controls label {margin: 0 0 8px;}
.ou-request-page .button-large, .ou-request-page input[type="submit"], .ou-request-page .request-submit-comment {width: 100%;}
.ou-request-sidebar {position: relative; top: auto; padding: 22px 20px; border-radius: 14px;}
.ou-request-sidebar .collapsible-sidebar-title {margin: 0; padding-right: 36px;}
.ou-request-sidebar .collapsible-sidebar-body {margin-top: 24px;}
}
@media (max-width: 480px) {.ou-request-sidebar .request-details {grid-template-columns: 1fr; gap: 3px;}
.ou-request-sidebar .request-details dd + dt {margin-top: 10px;}
}
@media (prefers-reduced-motion: reduce) {.ou-request-page *, .ou-request-page *::before, .ou-request-page *::after {scroll-behavior: auto !important; transition-duration: .01ms !important;}
}
.ou-request-page {--ou-client-bg: #FFFFFF; --ou-client-text: #3F4547;}
.ou-request-page[data-conversation-theme="theme-1"] {--ou-client-bg: #E6D6BB; --ou-client-text: #FFFFFF;}
.ou-request-page[data-conversation-theme="theme-2"] {--ou-client-bg: #D1DAE0; --ou-client-text: #000000;}
.ou-request-page[data-conversation-theme="theme-3"] {--ou-client-bg: #3F4547; --ou-client-text: #FFFFFF;}
.ou-request-page[data-conversation-theme="theme-4"] {--ou-client-bg: #938D86; --ou-client-text: #FFFFFF;}
.ou-request-heading {align-items: center; padding: 0 0 clamp(28px, 4vw, 44px); border-bottom: 1px solid #DCDDDB;}
.ou-request-heading .request-title {flex: 1 1 auto; min-width: 0; max-width: 850px;}
.ou-request-state {display: flex; flex: 0 0 auto; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #D7D9D7; border-radius: 12px; background: #FFFFFF;}
.ou-request-state__icon {display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #EEEEEE; color: #3F4547;}
.ou-request-state__icon--solved, .ou-request-state__icon--closed {background: #CFF827; color: #000000;}
.ou-request-state__icon--pending {background: #E6D6BB; color: #3F4547;}
.ou-request-state__icon svg {width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.ou-request-state__icon svg circle:only-child {fill: currentColor; stroke: none;}
.ou-request-state__text {display: grid; gap: 3px;}
.ou-request-state__text strong {color: #000000; font-size: 13px; font-weight: 400;}
.ou-request-state__text span {color: #777C7D; font-size: 11px; white-space: nowrap;}
.ou-conversation-toolbar {position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 28px;}
.ou-control-menu {position: relative;}
.ou-control-button {display: inline-flex; min-height: 42px; align-items: center; gap: 9px; padding: 0 13px; border: 1px solid #D7D9D7; border-radius: 8px; background: #FFFFFF; color: #3F4547; font: 400 12px/1.25 "Season Sans", Manrope, Arial, sans-serif; cursor: pointer; transition: border-color .18s ease, background-color .18s ease;}
.ou-control-button:hover, .ou-control-button:focus-visible, .ou-control-button[aria-expanded="true"] {border-color: #3F4547; background: #FFFFFF; outline: none;}
.ou-control-button svg {width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.ou-menu-panel {position: absolute; z-index: 20; top: calc(100% + 8px); min-width: 230px; padding: 14px; border: 1px solid #D7D9D7; border-radius: 10px; background: #FFFFFF; box-shadow: 0 14px 34px rgba(63, 69, 71, .09);}
.ou-menu-panel[hidden] {display: none;}
.ou-theme-panel {left: 0;}
.ou-order-panel {right: 0; display: grid; gap: 4px; min-width: 260px;}
.ou-theme-panel p {margin: 0 0 12px; color: #777C7D; font-size: 11px; line-height: 1.4;}
.ou-theme-options {display: flex; gap: 9px;}
.ou-theme-option {display: grid; width: 34px; height: 34px; padding: 3px; place-items: center; border: 1px solid transparent; border-radius: 7px; background: transparent; cursor: pointer;}
.ou-theme-option span {display: block; width: 24px; height: 24px; border: 1px solid rgba(63, 69, 71, .14); border-radius: 4px; background: var(--swatch);}
.ou-theme-option--default span {background: #FFFFFF;}
.ou-theme-option:hover, .ou-theme-option:focus-visible, .ou-theme-option[aria-pressed="true"] {border-color: #3F4547; outline: none;}
.ou-order-panel button {padding: 10px 11px; border: 0; border-radius: 6px; background: #FFFFFF; color: #3F4547; font: 400 12px/1.4 "Season Sans", Manrope, Arial, sans-serif; text-align: left; cursor: pointer;}
.ou-order-panel button:hover, .ou-order-panel button:focus-visible, .ou-order-panel button[aria-pressed="true"] {background: #EEEEEE; outline: none;}
.ou-comment-list {display: flex; flex-direction: column; gap: 22px;}
.ou-comment {display: flex; width: 100%; margin: 0;}
.ou-comment--agent {justify-content: flex-start;}
.ou-comment--requester {justify-content: flex-end;}
.ou-comment-card {width: min(78%, 720px); padding: clamp(22px, 3vw, 32px); border: 1px solid rgba(63, 69, 71, .10); border-radius: 16px; box-shadow: none;}
.ou-comment--agent .ou-comment-card {border-top-left-radius: 4px; background: #FFFFFF; color: #3F4547;}
.ou-comment--requester .ou-comment-card {border-color: color-mix(in srgb, var(--ou-client-bg), #3F4547 14%); border-top-right-radius: 4px; background: var(--ou-client-bg); color: var(--ou-client-text);}
.ou-comment--requester .comment-author {flex-direction: row-reverse;}
.ou-comment--requester .comment-meta {text-align: right;}
.ou-comment--requester .comment-meta .meta-group {justify-content: flex-end;}
.ou-request-page .comment-meta .meta-group {display: flex; flex-wrap: wrap; align-items: center; gap: 5px 9px; margin-top: 3px;}
.ou-comment-route {color: #777C7D; font-size: 11px;}
.ou-comment--requester .comment-meta > span, .ou-comment--requester .comment-meta > span a, .ou-comment--requester .comment-meta .meta-data, .ou-comment--requester .ou-comment-route, .ou-comment--requester .comment-body, .ou-comment--requester .comment-body a {color: var(--ou-client-text);}
.ou-comment--requester .comment-meta .meta-data, .ou-comment--requester .ou-comment-route {opacity: .72;}
.ou-comment-card .comment-body, .ou-comment-card .comment-body p, .ou-comment-card .comment-body li, .ou-comment-card .comment-body a {overflow-wrap: anywhere; word-break: normal; hyphens: auto;}
.ou-comment-card .comment-body pre, .ou-comment-card .comment-body code {max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere;}
.ou-comment-card .comment-body img, .ou-comment-card .comment-body iframe, .ou-comment-card .comment-body table {max-width: 100%;}
.ou-comment-card .comment-body table {display: block; overflow-x: auto;}
.ou-comment--requester .ou-attachments {border-top-color: currentColor;}
.ou-comment--requester .ou-attachments .attachment-item {border-color: rgba(255, 255, 255, .32); background: rgba(255, 255, 255, .14);}
.ou-request-page[data-conversation-theme="theme-2"] .ou-comment--requester .ou-attachments .attachment-item, .ou-request-page[data-conversation-theme="default"] .ou-comment--requester .ou-attachments .attachment-item {border-color: rgba(63, 69, 71, .14); background: rgba(255, 255, 255, .42);}
.ou-comment--requester .ou-attachments a, .ou-comment--requester .ou-attachments .attachment-icon, .ou-comment--requester .ou-attachments .attachment-meta {color: var(--ou-client-text);}
.ou-attachments .attachment-item::before {display: block; margin-bottom: 5px; color: inherit; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; opacity: .7; content: "Anexo";}
@media (min-width: 768px) {.ou-request-sidebar .collapsible-sidebar-body {display: block !important;}
}
@media (max-width: 767px) {.ou-request-heading {gap: 22px; padding-bottom: 28px;}
.ou-request-state {width: 100%;}
.ou-request-state__text span {white-space: normal;}
.ou-conversation-toolbar {align-items: stretch; flex-direction: column; margin-bottom: 24px;}
.ou-control-menu, .ou-control-button {width: 100%;}
.ou-control-button {justify-content: flex-start;}
.ou-menu-panel, .ou-theme-panel, .ou-order-panel {right: 0; left: 0; width: 100%; min-width: 0;}
.ou-theme-options {justify-content: space-between;}
.ou-comment-list {gap: 16px;}
.ou-comment-card {width: min(92%, 620px); padding: 20px 17px; border-radius: 14px;}
.ou-request-page .comment-avatar, .ou-request-page .user-avatar {width: 36px; height: 36px;}
.ou-request-page .comment-author {align-items: flex-start; margin-bottom: 17px;}
.ou-request-page .comment-meta .meta-group {align-items: flex-start; flex-direction: column; gap: 2px;}
.ou-comment--requester .comment-meta .meta-group {align-items: flex-end;}
.ou-request-page .comment-body {font-size: 14px; line-height: 1.65;}
.ou-request-sidebar {order: -1;}
.ou-request-sidebar .collapsible-sidebar-toggle {position: absolute; top: 18px; right: 16px;}
}
@media (max-width: 420px) {.ou-comment-card {width: 96%;}
}
.ou-request-layout {grid-template-columns: minmax(0, 1fr) minmax(360px, 410px); gap: clamp(28px, 4vw, 52px);}
.ou-request-main {width: 100%; max-width: 760px; margin: 0 auto;}
.ou-comment, .ou-comment--agent, .ou-comment--requester {justify-content: center;}
.ou-comment-card, .ou-comment--agent .ou-comment-card, .ou-comment--requester .ou-comment-card {width: 100%; max-width: 760px; border-radius: 16px;}
.ou-comment--requester .comment-author {flex-direction: row;}
.ou-comment--requester .comment-meta {text-align: left;}
.ou-comment--requester .comment-meta .meta-group {align-items: center; justify-content: flex-start;}
.ou-ticket-details-heading {display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 24px;}
.ou-ticket-details-heading p {margin: 0 0 6px; color: #777C7D; font-size: 10px; letter-spacing: .1em; text-transform: uppercase;}
.ou-ticket-details-heading h2 {margin: 0; color: #000000; font-size: 19px; font-weight: 400; line-height: 1.25;}
.ou-ticket-details-toggle {display: none; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid #D7D9D7; border-radius: 8px; background: #FFFFFF; color: #3F4547; cursor: pointer;}
.ou-ticket-details-toggle svg {width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease;}
.ou-ticket-details-body {display: block; width: 100%; min-width: 0; overflow: visible;}
.ou-request-sidebar {width: 100%; min-width: 0; padding: 30px; overflow: visible;}
.ou-request-sidebar .request-details, .ou-request-sidebar .request-details:first-child, .ou-request-sidebar .request-details:last-child {display: block; width: 100%; min-width: 0; margin: 0; padding: 22px 0; border-top: 1px solid #EEEEEE;}
.ou-request-sidebar .request-details:first-child {padding-top: 0; border-top: 0;}
.ou-request-sidebar .request-details:last-child {padding-bottom: 0;}
.ou-request-sidebar .request-details dt {display: block; width: 100%; margin: 18px 0 5px; color: #777C7D; font-size: 11px; font-weight: 400; line-height: 1.4; letter-spacing: .025em;}
.ou-request-sidebar .request-details dt:first-child {margin-top: 0;}
.ou-request-sidebar .request-details dd {display: block; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; color: #3F4547; font-size: 13px; line-height: 1.55; white-space: normal; overflow: visible; overflow-wrap: anywhere; word-break: normal; text-overflow: clip;}
.ou-request-sidebar .request-details dd *, .ou-request-sidebar .request-details dd a, .ou-request-sidebar .request-details dd span, .ou-request-sidebar .request-details dd li {max-width: 100%; white-space: normal; overflow-wrap: anywhere;}
.ou-request-sidebar .request-collaborators {margin: 0; padding: 0;}
.ou-request-sidebar .hbs-form select {width: 100%; max-width: 100%;}
.ou-reply-heading {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 48px 0 16px;}
.ou-reply-heading p {margin: 0 0 6px; color: #777C7D; font-size: 10px; letter-spacing: .1em; text-transform: uppercase;}
.ou-reply-heading h2 {margin: 0; color: #000000; font-size: clamp(22px, 3vw, 30px); font-weight: 300; line-height: 1.2;}
.ou-reply-heading svg {width: 28px; height: 28px; fill: none; stroke: #3F4547; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;}
.ou-comment-form {display: grid !important; width: 100%; margin-top: 0;}
.ou-comment-form .comment-container {display: block; width: 100%; min-width: 0;}
.ou-comment-form .comment-show-container:not(.hidden) {display: block !important; width: 100%;}
.ou-comment-form .comment-fields.shown {display: block !important; width: 100%;}
.ou-comment-form .comment-fields, .ou-comment-form .comment-attachments, .ou-comment-form .wysiwyg-textarea, .ou-comment-form .wysiwyg-textarea-wrapper, .ou-comment-form .hc-wysiwyg {width: 100%; max-width: 100%; min-width: 0;}
@media (max-width: 1100px) and (min-width: 768px) {.ou-request-layout {grid-template-columns: minmax(0, 1fr) minmax(320px, 360px); gap: 28px;}
.ou-request-sidebar {padding: 24px;}
}
@media (max-width: 767px) {.ou-request-layout {display: flex; flex-direction: column;}
.ou-request-main {max-width: none;}
.ou-request-sidebar {order: -1; padding: 20px;}
.ou-ticket-details-heading {margin-bottom: 0;}
.ou-ticket-details-toggle {display: grid;}
.ou-ticket-details-toggle[aria-expanded="true"] svg {transform: rotate(180deg);}
.ou-ticket-details-body {display: none; padding-top: 24px;}
.ou-ticket-details-body.is-open {display: block;}
.ou-comment-card, .ou-comment--agent .ou-comment-card, .ou-comment--requester .ou-comment-card {width: 100%; max-width: none;}
.ou-comment--requester .comment-meta .meta-group {align-items: flex-start;}
.ou-reply-heading {margin-top: 38px;}
.ou-comment-form {padding: 22px 18px;}
}
.ou-request-breadcrumbs {margin-bottom: 24px;}
.ou-request-heading {display: block; margin-bottom: clamp(34px, 5vw, 56px); padding: clamp(24px, 4vw, 44px); border: 0; border-radius: 18px; background: #FFFFFF}
.ou-home-button {display: inline-flex; min-height: 40px; align-items: center; gap: 9px; margin-bottom: clamp(30px, 4vw, 52px); padding: 0 13px; border: 1px solid rgba(63, 69, 71, .16); border-radius: 7px; background: #FFFFFF; color: #3F4547; font-size: 12px; text-decoration: none; transition: border-color .18s ease, background-color .18s ease, color .18s ease;}
.ou-home-button:hover, .ou-home-button:focus-visible {border-color: #000000; background: #000000; color: #FFFFFF; outline: 0;}
.ou-home-button svg {width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.ou-request-subject {max-width: 900px;}
.ou-request-subject > p {margin: 0 0 12px; color: #6F7475; font-size: 11px; letter-spacing: .11em; text-transform: uppercase;}
.ou-request-heading .request-title {max-width: 900px; color: #000000; font-size: clamp(38px, 5.5vw, 62px); font-weight: 300; line-height: 1.04; letter-spacing: -.04em;}
.ou-request-sidebar {position: sticky; top: calc(var(--ou-fixed-header-height, 120px) + 20px); max-height: calc(100vh - var(--ou-fixed-header-height, 120px) - 40px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #BCC1BF transparent; scrollbar-width: thin;}
.ou-request-sidebar::-webkit-scrollbar {width: 6px;}
.ou-request-sidebar::-webkit-scrollbar-track {background: transparent;}
.ou-request-sidebar::-webkit-scrollbar-thumb {border-radius: 999px; background: #BCC1BF;}
.ou-ticket-details-heading {position: sticky; z-index: 12; top: -1px; margin: -1px 0 0; padding: 1px 0 20px; background: #FFFFFF;}
.ou-ticket-actions {display: grid; gap: 9px; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #EEEEEE;}
.ou-ticket-actions .ou-control-menu, .ou-ticket-actions .ou-control-button {width: 100%;}
.ou-ticket-actions .ou-control-button {justify-content: flex-start; min-height: 44px; padding: 0 14px;}
.ou-ticket-actions .ou-control-button span {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ou-ticket-actions .ou-theme-panel, .ou-ticket-actions .ou-order-panel {right: 0; left: 0; width: 100%; min-width: 0;}
.ou-ticket-actions .ou-theme-options {justify-content: space-between;}
.ou-ticket-details-body > .ou-request-state {width: 100%; margin: 0 0 22px; border-color: #DADDDC; background: #FAFAF8;}
.ou-ticket-details-body > .ou-request-state .ou-request-state__text {min-width: 0;}
.ou-ticket-details-body > .ou-request-state .ou-request-state__text span {white-space: normal;}
@media (max-width: 767px) {.ou-request-breadcrumbs {margin-bottom: 18px;}
.ou-request-heading {margin-bottom: 28px; padding: 24px 20px 30px; border-radius: 14px;}
.ou-home-button {width: 40px; min-height: 40px; justify-content: center; margin-bottom: 34px; padding: 0;}
.ou-home-button span {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.ou-request-heading .request-title {font-size: clamp(34px, 11vw, 46px);}
.ou-request-sidebar {position: relative; top: auto; max-height: none; overflow: visible; overscroll-behavior: auto;}
.ou-ticket-details-heading {position: static; margin: 0; padding: 0;}
.ou-ticket-actions {padding-top: 4px;}
}
.ou-requests {--ou-bg: #fff; --ou-hero: #f4f4f4; --ou-surface: #fff; --ou-text: #3f4547; --ou-title: #000; --ou-muted: #757b7b; --ou-line: #eceded; --ou-soft: #eeeeee; --ou-accent: #cff827; --ou-radius: 18px; --ou-radius-small: 9px; min-height: 70vh; padding: 0; background: var(--ou-bg); color: var(--ou-text); font-family: "Season Sans", Manrope, Arial, sans-serif;}
.ou-requests *, .ou-requests *::before, .ou-requests *::after {box-sizing: border-box;}
.ou-requests__container {width: min(100%, 1180px); margin-inline: auto; padding-inline: 5%;}
.ou-requests__hero {padding-block: clamp(56px, 7vw, 88px); border-bottom: 1px solid var(--ou-line); background: var(--ou-hero);}
.ou-requests__body {padding-block: clamp(52px, 7vw, 88px) clamp(72px, 9vw, 120px); background: var(--ou-bg);}
.ou-requests__header {max-width: 760px; margin-inline: auto; text-align: center;}
.ou-requests__eyebrow {display: block; margin-bottom: 14px; color: var(--ou-muted); font-size: 12px; line-height: 1; letter-spacing: .12em; text-transform: uppercase;}
.ou-requests__title {margin: 0; color: var(--ou-title); font-size: clamp(30px, 3vw, 42px); font-weight: 500; line-height: 1.1; letter-spacing: -.02em;}
.ou-requests__description {max-width: 620px; margin: 16px auto 0; font-size: 15px; line-height: 1.5;}
.ou-requests__content {padding: clamp(22px, 3vw, 36px); border: 1px solid var(--ou-soft); border-radius: var(--ou-radius); background: var(--ou-surface);}
.ou-requests .requests-table-toolbar {display: flex; flex-flow: row nowrap; gap: 16px; align-items: flex-end; margin-bottom: 32px;}
.ou-requests .requests-table-toolbar > * {min-width: 0;}
.ou-requests .requests-table-toolbar .requests-search {flex: 1 1 340px;}
.ou-requests .requests-table-toolbar .search, .ou-requests .requests-table-toolbar select {width: 100%; min-height: 48px; margin: 0; border: 1px solid var(--ou-line); border-radius: var(--ou-radius-small); background: var(--ou-surface); color: var(--ou-text); box-shadow: none;}
.ou-requests .requests-table-toolbar .search:focus-within, .ou-requests .requests-table-toolbar select:focus {border-color: var(--ou-title); outline: 0;}
.ou-requests .requests-table-toolbar .search input[type="search"] {min-height: 46px; background: transparent; color: var(--ou-text);}
.ou-requests .requests-table-toolbar .request-table-filter {flex: 0 1 250px; width: min(250px, 100%);}
.ou-requests .requests-table-toolbar .request-filter {margin: 0;}
.ou-requests .requests-table-toolbar .request-filter-label {display: block; margin: 0 0 8px; color: var(--ou-muted); font-size: 12px;}
.ou-requests .requests-search-info {margin: -14px 0 24px; color: var(--ou-muted); font-size: 13px;}
.ou-requests .requests {margin-top: 0;}
.ou-requests .requests-table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.ou-requests .requests-table thead {border-bottom: 1px solid var(--ou-line);}
.ou-requests .requests-table th {height: auto; padding: 0 16px 14px; color: var(--ou-muted); font-size: 11px; font-weight: 400; letter-spacing: .08em; text-align: left; text-transform: uppercase;}
.ou-requests .requests-table td {height: auto; padding: 23px 16px; border-bottom: 1px solid var(--ou-line); color: var(--ou-text); vertical-align: middle;}
.ou-requests .requests-table tbody tr {background: var(--ou-surface); transition: background-color .18s ease;}
.ou-requests .requests-table tbody tr:hover {background: var(--ou-soft);}
.ou-requests .requests-table tbody tr:last-child td {border-bottom: 0;}
.ou-requests .requests-table .requests-link, .ou-requests .striped-list-title {color: var(--ou-title); font-size: 15px; font-weight: 500; text-decoration: none;}
.ou-requests .requests-table .requests-link:hover, .ou-requests .requests-table .requests-link:focus-visible {text-decoration: underline; text-decoration-color: var(--ou-accent); text-decoration-thickness: 3px; text-underline-offset: 4px; outline: 0;}
.ou-requests .requests-table-meta, .ou-requests .meta-data {color: var(--ou-muted); font-size: 12px;}
.ou-requests .status-label {display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px; border: 1px solid #dfe1e0; border-radius: 6px; background: #f7f7f6; color: var(--ou-text); font-size: 11px; font-weight: 500; line-height: 1;}
.ou-requests :is( .status-label-new, .status-label-open, .status-label-pending ) {border-color: #c7cbca; background: #eceeed; color: var(--ou-title);}
.ou-requests :is( .status-label-solved, .status-label-closed ) {border-color: #d1dae0; background: #f2f5f6; color: var(--ou-text);}
.ou-requests .pagination {margin-top: 32px;}
.ou-requests .pagination-list {display: flex; justify-content: center; gap: 8px;}
.ou-requests .pagination-list a {color: var(--ou-text);}
.ou-requests .pagination-current {color: var(--ou-title); font-weight: 500;}
@media (max-width: 767px) {.ou-requests__container {padding-inline: 18px;}
.ou-requests__hero {padding-block: 48px;}
.ou-requests__body {padding-block: 36px 72px;}
.ou-requests__title {font-size: clamp(30px, 9vw, 38px);}
.ou-requests__description {font-size: 14px;}
.ou-requests__content {padding: 22px 18px; border-radius: 14px;}
.ou-requests .requests-table-toolbar {flex-wrap: wrap; gap: 14px;}
.ou-requests .requests-table-toolbar .requests-search, .ou-requests .requests-table-toolbar .request-table-filter {flex-basis: 100%;}
.ou-requests .requests-table-toolbar .request-table-filter, .ou-requests .requests-table-toolbar select {width: 100%; max-width: none;}
.ou-requests .requests-table thead {display: none;}
.ou-requests .requests-table tr {display: block; padding: 20px 0; border-bottom: 1px solid var(--ou-line);}
.ou-requests .requests-table tbody tr:last-child {border-bottom: 0;}
.ou-requests .requests-table td {display: block; padding: 3px 0; border: 0;}
.ou-requests .requests-table td:not(:first-child) {display: block;}
}
@media (prefers-reduced-motion: reduce) {.ou-requests *, .ou-requests *::before, .ou-requests *::after {scroll-behavior: auto !important; transition-duration: .01ms !important;}
}

/* ==========================================================
   REQUEST PAGE — FAIXAS VISUAIS E MODAL DE ANEXOS
   ========================================================== */
.ou-request-page {
  --ou-rp-bg: #FFFFFF;
  --ou-rp-hero: #F4F4F4;
  --ou-rp-divider: #ECEDED;
  --ou-rp-outline: #EEEEEE;
  background: var(--ou-rp-bg);
}

.ou-request-heading {
  position: relative;
  isolation: isolate;
  margin-bottom: clamp(52px, 7vw, 88px);
  padding: clamp(56px, 7vw, 88px) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ou-request-heading::before {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  border-bottom: 1px solid var(--ou-rp-divider);
  background: var(--ou-rp-hero);
  content: "";
  transform: translateX(-50%);
}

.ou-request-heading > * {
  position: relative;
  z-index: 1;
}

.ou-home-button {
  margin-bottom: clamp(36px, 5vw, 58px);
}

.ou-request-subject {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.ou-request-subject > p {
  display: block;
  margin: 0 0 14px;
  color: #757B7B;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ou-request-heading .request-title {
  max-width: 760px;
  margin: 0 auto;
  color: #000000;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.02em;
  text-align: center;
}

.ou-request-layout {
  padding-bottom: clamp(72px, 9vw, 120px);
  background: #FFFFFF;
}

.ou-comment-card,
.ou-comment--agent .ou-comment-card,
.ou-request-sidebar,
.ou-comment-form {
  border: 1px solid var(--ou-rp-outline);
  background: #FFFFFF;
  box-shadow: none;
}

.ou-request-sidebar {
  scrollbar-color: #D1D4D3 transparent;
}

.ou-attachments-trigger {
  display: flex;
  width: 100%;
  min-height: 66px;
  align-items: center;
  gap: 13px;
  margin-top: 22px;
  padding: 11px 14px;
  border: 1px solid var(--ou-rp-outline);
  border-radius: 9px;
  background: #FFFFFF;
  color: #3F4547;
  font-family: "Season Sans", Manrope, Arial, sans-serif;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease;
}

.ou-attachments-trigger:hover,
.ou-attachments-trigger:focus-visible {
  border-color: #3F4547;
  background: #F4F4F4;
  outline: 0;
}

.ou-attachments-trigger__icon {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 7px;
  background: #EEEEEE;
}

.ou-attachments-trigger__icon svg,
.ou-attachments-trigger__arrow {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ou-attachments-trigger > span:nth-child(2) {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
}

.ou-attachments-trigger strong {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
}

.ou-attachments-trigger small {
  color: #777C7D;
  font-size: 11px;
  font-weight: 400;
}

.ou-attachments-trigger__arrow {
  flex: 0 0 auto;
}

.ou-attachments-dialog {
  width: min(92vw, 620px);
  max-height: min(82vh, 720px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #DEDFDD;
  border-radius: 16px;
  background: #FFFFFF;
  color: #3F4547;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .16);
  font-family: "Season Sans", Manrope, Arial, sans-serif;
}

.ou-attachments-dialog::backdrop {
  background: rgba(0, 0, 0, .50);
}

.ou-attachments-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 26px;
  border-bottom: 1px solid #ECEDED;
  background: #F4F4F4;
}

.ou-attachments-dialog__header span {
  display: block;
  margin-bottom: 7px;
  color: #757B7B;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ou-attachments-dialog__header h2 {
  margin: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}

.ou-attachments-dialog__close {
  display: grid;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  place-items: center;
  border: 1px solid #DEDFDD;
  border-radius: 8px;
  background: #FFFFFF;
  color: #3F4547;
  cursor: pointer;
}

.ou-attachments-dialog__close:hover,
.ou-attachments-dialog__close:focus-visible {
  border-color: #000000;
  background: #000000;
  color: #FFFFFF;
  outline: 0;
}

.ou-attachments-dialog__close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
}

.ou-attachments-dialog__content {
  max-height: calc(min(82vh, 720px) - 105px);
  padding: 22px 26px 28px;
  overflow-y: auto;
}

.ou-attachments-dialog .ou-attachments--dialog {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #3F4547;
}

.ou-attachments-dialog .ou-attachments--dialog .attachment-item {
  border: 1px solid #EEEEEE;
  background: #FFFFFF;
  color: #3F4547;
}

.ou-attachments-dialog .ou-attachments--dialog a,
.ou-attachments-dialog .ou-attachments--dialog .attachment-icon,
.ou-attachments-dialog .ou-attachments--dialog .attachment-meta {
  color: #3F4547;
}

body:has(.ou-attachments-dialog[open]) {
  overflow: hidden;
}

@media (max-width: 767px) {
  .ou-request-heading {
    margin-bottom: 36px;
    padding: 48px 0;
    border-radius: 0;
  }

  .ou-home-button {
    margin-bottom: 34px;
  }

  .ou-request-heading .request-title {
    font-size: clamp(30px, 9vw, 38px);
  }

  .ou-request-layout {
    padding-bottom: 72px;
  }

  .ou-attachments-dialog {
    width: calc(100vw - 28px);
    max-height: calc(100dvh - 28px);
    border-radius: 14px;
  }

  .ou-attachments-dialog__header {
    padding: 20px 18px;
  }

  .ou-attachments-dialog__content {
    max-height: calc(100dvh - 128px);
    padding: 18px;
  }
}

/* Botão fixo — voltar para a página inicial */
.ou-home-fixed {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  background: #ffffff;
  color: #3f4547;
  font: 500 13px/1 "Season Sans", Manrope, Arial, sans-serif;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
  transition:
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease,
    transform .18s ease;
}

.ou-home-fixed:visited {
  color: #3f4547;
}

.ou-home-fixed:hover,
.ou-home-fixed:focus-visible {
  border-color: #cff827;
  background: #cff827;
  color: #000000;
  text-decoration: none;
  transform: translateY(-2px);
}

.ou-home-fixed:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
}

.ou-home-fixed svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 767px) {
  .ou-home-fixed {
    right: 16px;
    bottom: 16px;
    width: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 9px;
  }

  .ou-home-fixed span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
}

/* ==========================================================
   PÁGINA DE SEÇÃO
   ========================================================== */

.ou-section-page {
  --ou-section-bg: #FFFFFF;
  --ou-section-hero: #F4F4F4;
  --ou-section-line: #ECEDED;
  --ou-section-surface: #FFFFFF;
  --ou-section-text: #3F4547;
  --ou-section-muted: #7D888D;
  --ou-section-border: #EEEEEE;
  --ou-section-accent: #CFF827;
  --ou-section-radius: 12px;

  width: 100%;
  min-height: calc(100vh - var(--ou-fixed-header-height));
  margin: 0;
  padding: 0;

  background: var(--ou-section-bg);
  color: var(--ou-section-text);

  font-family:
    "Season Sans",
    Manrope,
    Arial,
    sans-serif;

  box-sizing: border-box;
}

.ou-section-page *,
.ou-section-page *::before,
.ou-section-page *::after {
  box-sizing: border-box;
}

.ou-section-container {
  width: min(100%, 1280px);
  margin: 0 auto;
}


/* ==========================================================
   FAIXA SUPERIOR — #F4F4F4
   ========================================================== */

.ou-section-hero {
  width: 100%;
  margin: 0;

  padding:
    clamp(34px, 5vw, 64px)
    5%
    clamp(56px, 7vw, 88px);

  background: var(--ou-section-hero);
}


/* ==========================================================
   BREADCRUMBS
   ========================================================== */

.ou-section-breadcrumbs {
  width: 100%;
  margin: 0 0 clamp(44px, 6vw, 72px);
  padding: 0;
}

.ou-section-breadcrumbs .breadcrumbs {
  margin: 0;
  padding: 0;
}

.ou-section-breadcrumbs .breadcrumbs li {
  color: #7B807F;

  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.ou-section-breadcrumbs .breadcrumbs li + li::before {
  content: "/";
  margin: 0 8px;
  color: #B4B7B6;
}

.ou-section-breadcrumbs .breadcrumbs a {
  color: var(--ou-section-text);
  text-decoration: none;
}

.ou-section-breadcrumbs .breadcrumbs a:hover {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ou-section-breadcrumbs .breadcrumbs a:focus-visible {
  outline: 2px solid var(--ou-section-accent);
  outline-offset: 3px;
}


/* ==========================================================
   TÍTULO DA SEÇÃO
   MESMO PADRÃO DE "EXPLORE RECURSOS DE ATENDIMENTO"
   ========================================================== */

.ou-section-header {
  width: min(100%, 760px);
  margin: 0 auto;
  text-align: center;
}

.ou-section-eyebrow {
  display: block;
  margin: 0 0 14px;

  color: var(--ou-section-muted);

  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ou-section-header h1 {
  margin: 0;

  color: var(--ou-section-text);

  font-size: clamp(30px, 3vw, 42px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  overflow-wrap: anywhere;
}

.ou-section-description {
  max-width: 620px;
  margin: 16px auto 0;

  color: var(--ou-section-muted);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}


/* ==========================================================
   SEGUIR SEÇÃO
   ========================================================== */

.ou-section-subscribe {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.ou-section-subscribe button {
  width: auto;
  min-height: 42px;
  padding: 0 20px;

  border: 1px solid var(--ou-section-text);
  border-radius: 9px;

  background: transparent;
  color: var(--ou-section-text);

  font:
    400 13px/1
    "Season Sans",
    Manrope,
    Arial,
    sans-serif;

  cursor: pointer;

  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.ou-section-subscribe button:hover,
.ou-section-subscribe button:focus {
  border-color: var(--ou-section-accent);
  background: var(--ou-section-accent);
  color: #000000;
  outline: none;
}

.ou-section-subscribe button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 3px;
}


/* ==========================================================
   DIVISÓRIA — #ECEDED
   ========================================================== */

.ou-section-divider {
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;

  background: var(--ou-section-line);
}


/* ==========================================================
   ÁREA INFERIOR — #FFFFFF
   ========================================================== */

.ou-section-content {
  width: 100%;
  min-height: 420px;
  margin: 0;

  padding:
    clamp(58px, 7vw, 88px)
    5%
    clamp(72px, 9vw, 120px);

  background: var(--ou-section-bg);
}


/* ==========================================================
   GRUPOS
   ========================================================== */

.ou-section-group {
  width: 100%;
  margin: 0;
}

.ou-section-group + .ou-section-group {
  margin-top: clamp(58px, 7vw, 88px);
}

.ou-section-group__title {
  margin: 0 0 30px;

  color: var(--ou-section-text);

  font-size: clamp(24px, 2.3vw, 32px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: center;
}


/* ==========================================================
   GRADE RESPONSIVA
   ========================================================== */

.ou-section-grid,
.ou-article-grid {
  display: grid;

  width: 100%;
  margin: 0;
  padding: 0;

  grid-template-columns:
    repeat(auto-fit, minmax(min(100%, 320px), 1fr));

  gap: 16px;

  list-style: none;
}


/* ==========================================================
   CARDS DAS SUBSEÇÕES
   ========================================================== */

.ou-section-card {
  min-width: 0;
  margin: 0;
  padding: 0;

  border: 1px solid var(--ou-section-border);
  border-radius: var(--ou-section-radius);

  background: var(--ou-section-surface);

  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    transform 180ms ease;
}

.ou-section-card:hover {
  border-color: var(--ou-section-accent);
  background: #FFFFFF;
  transform: translateY(-2px);
}

.ou-section-card__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  width: 100%;
  min-height: 110px;
  padding: 24px 26px;

  border-radius: inherit;

  color: var(--ou-section-text);
  text-decoration: none;
}

.ou-section-card__link:hover {
  color: var(--ou-section-text);
  text-decoration: none;
}

.ou-section-card__link:focus-visible {
  outline: 2px solid var(--ou-section-accent);
  outline-offset: 3px;
}

.ou-section-card__content {
  min-width: 0;
}

.ou-section-card__title {
  display: block;

  color: var(--ou-section-text);

  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;

  overflow-wrap: anywhere;
}

.ou-section-card__arrow {
  display: inline-flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  color: var(--ou-section-text);

  transition:
    color 180ms ease,
    transform 180ms ease;
}

.ou-section-card:hover .ou-section-card__arrow {
  color: #000000;
  transform: translateX(3px);
}


/* ==========================================================
   CARDS DOS ARTIGOS
   ========================================================== */

.ou-article-card {
  min-width: 0;
  margin: 0;
  padding: 0;

  border: 1px solid var(--ou-section-border);
  border-radius: var(--ou-section-radius);

  background: var(--ou-section-surface);

  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    transform 180ms ease;
}

.ou-article-card:hover {
  border-color: var(--ou-section-accent);
  background: #FFFFFF;
  transform: translateY(-2px);
}

.ou-article-card__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  width: 100%;
  min-height: 120px;
  padding: 25px 26px;

  border-radius: inherit;

  color: var(--ou-section-text);
  text-decoration: none;
}

.ou-article-card__link:hover {
  color: var(--ou-section-text);
  text-decoration: none;
}

.ou-article-card__link:focus-visible {
  outline: 2px solid var(--ou-section-accent);
  outline-offset: 3px;
}

.ou-article-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 9px;

  min-width: 0;
}

.ou-article-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.ou-article-card__meta:empty {
  display: none;
}

.ou-article-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  color: var(--ou-section-muted);

  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ou-article-card__badge svg {
  display: block;
  flex: 0 0 auto;
}

.ou-article-card--promoted .ou-article-card__badge {
  color: var(--ou-section-text);
}

.ou-article-card__title {
  display: block;

  color: var(--ou-section-text);

  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;

  overflow-wrap: anywhere;
}

.ou-article-card__arrow {
  display: inline-flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  color: var(--ou-section-text);

  transition:
    color 180ms ease,
    transform 180ms ease;
}

.ou-article-card:hover .ou-article-card__arrow {
  color: #000000;
  transform: translateX(3px);
}


/* ==========================================================
   PAGINAÇÃO
   ========================================================== */

.ou-section-pagination {
  display: flex;
  justify-content: center;

  width: 100%;
  margin-top: 40px;
}

.ou-section-pagination:empty {
  display: none;
}

.ou-section-pagination .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  margin: 0;
}

.ou-section-pagination .pagination a {
  color: var(--ou-section-text);
}

.ou-section-pagination .pagination a:focus-visible {
  outline: 2px solid var(--ou-section-accent);
  outline-offset: 3px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {
  .ou-section-grid,
  .ou-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {
  .ou-section-hero {
    padding: 28px 20px 52px;
  }

  .ou-section-breadcrumbs {
    margin-bottom: 38px;
  }

  .ou-section-breadcrumbs .breadcrumbs li {
    max-width: 150px;
  }

  .ou-section-header h1 {
    font-size: 30px;
  }

  .ou-section-description {
    font-size: 14px;
  }

  .ou-section-content {
    padding: 48px 20px 72px;
  }

  .ou-section-group + .ou-section-group {
    margin-top: 58px;
  }

  .ou-section-group__title {
    margin-bottom: 24px;
    font-size: 25px;
  }

  .ou-section-grid,
  .ou-article-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ou-section-card__link,
  .ou-article-card__link {
    min-height: 100px;
    padding: 21px;
  }

  .ou-section-card__title,
  .ou-article-card__title {
    font-size: 16px;
  }
}


/* ==========================================================
   REDUÇÃO DE MOVIMENTO
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
  .ou-section-page *,
  .ou-section-page *::before,
  .ou-section-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}


/* ==========================================================
   PÁGINA DE ARTIGO — ESTRUTURA GERAL
   ========================================================== */

.ou-article-page {
  --ou-ap-bg: #FFFFFF;
  --ou-ap-hero: #F4F4F4;
  --ou-ap-line: #ECEDED;
  --ou-ap-border: #EEEEEE;
  --ou-ap-text: #3F4547;
  --ou-ap-muted: #7D888D;
  --ou-ap-accent: #CFF827;
  --ou-ap-radius: 14px;
  width: 100%;
  min-height: calc(100vh - var(--ou-fixed-header-height));
  margin: 0;
  padding: 0;
  background: var(--ou-ap-bg);
  color: var(--ou-ap-text);
  font-family: "Season Sans", Manrope, Arial, sans-serif;
  box-sizing: border-box;
}

.ou-article-page *,
.ou-article-page *::before,
.ou-article-page *::after {
  box-sizing: border-box;
}

.ou-article-shell {
  width: min(90%, 1280px);
  margin: 0 auto;
}


/* ==========================================================
   FAIXA SUPERIOR — #F4F4F4
   ========================================================== */

.ou-article-hero {
  width: 100%;
  margin: 0;
  padding: clamp(34px, 5vw, 64px) 0 clamp(56px, 7vw, 88px);
  background: var(--ou-ap-hero);
}

.ou-article-breadcrumbs {
  width: 100%;
  margin: 0 0 clamp(44px, 6vw, 72px);
}

.ou-article-breadcrumbs .breadcrumbs {
  margin: 0;
  padding: 0;
}

.ou-article-breadcrumbs .breadcrumbs li {
  color: #7B807F;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.ou-article-breadcrumbs .breadcrumbs li + li::before {
  content: "/";
  margin: 0 8px;
  color: #B4B7B6;
}

.ou-article-breadcrumbs .breadcrumbs a {
  color: var(--ou-ap-text);
  text-decoration: none;
}

.ou-article-breadcrumbs .breadcrumbs a:hover {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ou-article-heading {
  width: min(100%, 840px);
  margin: 0 auto;
  text-align: center;
}

.ou-article-eyebrow {
  margin: 0 0 14px;
  color: var(--ou-ap-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ou-article-heading h1 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
  margin: 0;
  color: var(--ou-ap-text);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  overflow-wrap: anywhere;
}

.ou-article-title-lock {
  flex: 0 0 auto;
  margin-top: 5px;
  color: var(--ou-ap-muted);
}

.ou-article-heading__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.ou-article-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 0;
}

.ou-article-avatar {
  position: relative;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
}

.ou-article-avatar .user-avatar {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
}

.ou-article-avatar .icon-agent {
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 2;
  color: #000000;
}

.ou-article-meta {
  min-width: 0;
  color: var(--ou-ap-muted);
  font-size: 12px;
  line-height: 1.45;
  text-align: left;
}

.ou-article-meta > a {
  display: block;
  color: var(--ou-ap-text);
  font-size: 13px;
  text-decoration: none;
}

.ou-article-meta .meta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ou-article-subscribe button {
  width: auto;
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid var(--ou-ap-text);
  border-radius: 9px;
  background: transparent;
  color: var(--ou-ap-text);
  font: 400 12px/1 "Season Sans", Manrope, Arial, sans-serif;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.ou-article-subscribe button:hover,
.ou-article-subscribe button:focus {
  border-color: var(--ou-ap-accent);
  background: var(--ou-ap-accent);
  color: #000000;
  outline: none;
}

.ou-article-divider {
  width: 100%;
  height: 1px;
  margin: 0;
  background: var(--ou-ap-line);
}


/* ==========================================================
   ÁREA INFERIOR — #FFFFFF
   ========================================================== */

.ou-article-content-area {
  width: 100%;
  min-height: 520px;
  padding: clamp(54px, 7vw, 88px) 0 clamp(72px, 9vw, 120px);
  background: var(--ou-ap-bg);
}

.ou-article-layout {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 820px);
  justify-content: center;
  align-items: start;
  gap: clamp(28px, 4vw, 52px);
}


/* ==========================================================
   NAVEGAÇÃO DE ARTIGOS — DESKTOP
   ========================================================== */

.ou-article-desktop-nav {
  display: block;
  min-width: 0;
}

.ou-article-nav-panel {
  position: sticky;
  top: calc(var(--ou-header-height-scrolled) + var(--ou-guarantee-height) + 24px);
}

.ou-article-nav-panel h2 {
  margin: 0 0 18px;
  color: var(--ou-ap-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.ou-article-nav-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ou-article-nav-item {
  min-width: 0;
  margin: 0;
}

.ou-article-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 68px;
  padding: 15px 16px;
  border: 1px solid var(--ou-ap-border);
  border-radius: 10px;
  background: #FFFFFF;
  color: var(--ou-ap-text);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.ou-article-nav-link span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ou-article-nav-link svg {
  flex: 0 0 16px;
  transition: transform 180ms ease;
}

.ou-article-nav-link:hover,
.ou-article-nav-link:focus-visible {
  border-color: var(--ou-ap-accent);
  background: #FFFFFF;
  color: var(--ou-ap-text);
  text-decoration: none;
  transform: translateY(-1px);
  outline: none;
}

.ou-article-nav-link:hover svg {
  transform: translateX(2px);
}

.ou-article-nav-link.is-current {
  border-color: var(--ou-ap-text);
  background: var(--ou-ap-text);
  color: #FFFFFF;
}

.ou-article-nav-link.is-current:hover,
.ou-article-nav-link.is-current:focus-visible {
  border-color: var(--ou-ap-accent);
  background: var(--ou-ap-text);
  color: #FFFFFF;
}

.ou-article-nav-more {
  display: inline-flex;
  margin-top: 18px;
  color: var(--ou-ap-text);
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ou-article-mobile-nav {
  display: none;
}


/* ==========================================================
   BLOCO PRINCIPAL DO ARTIGO
   ========================================================== */

.ou-article-page .ou-article-sheet {
  width: 100%;
  min-width: 0;
  max-width: 820px;
  margin: 0;
  padding: clamp(30px, 5vw, 58px);
  border: 1px solid var(--ou-ap-border);
  border-radius: var(--ou-ap-radius);
  background: #FFFFFF;
  box-shadow: none;
}

.ou-article-page .ou-article-info,
.ou-article-page .article-content {
  width: 100%;
  min-width: 0;
}

.ou-article-page .ou-article-body {
  color: var(--ou-ap-text);
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.ou-article-page .ou-article-body > :first-child {
  margin-top: 0;
}

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

.ou-article-page .ou-article-body h2,
.ou-article-page .ou-article-body h3,
.ou-article-page .ou-article-body h4 {
  color: #000000;
  font-weight: 500;
  line-height: 1.3;
}

.ou-article-page .ou-article-body h2 {
  margin: 42px 0 16px;
  font-size: 26px;
}

.ou-article-page .ou-article-body h3 {
  margin: 34px 0 14px;
  font-size: 21px;
}

.ou-article-page .ou-article-body h4 {
  margin: 28px 0 12px;
  font-size: 17px;
}

.ou-article-page .ou-article-body p {
  margin: 0 0 20px;
}

.ou-article-page .ou-article-body a {
  color: #000000;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.ou-article-page .ou-article-body a:hover,
.ou-article-page .ou-article-body a:focus {
  color: #000000;
  text-decoration-color: var(--ou-ap-accent);
}

.ou-article-page .ou-article-body ul,
.ou-article-page .ou-article-body ol {
  margin: 20px 0;
  padding-left: 24px;
}

.ou-article-page .ou-article-body li + li {
  margin-top: 8px;
}

.ou-article-page .ou-article-body img,
.ou-article-page .ou-article-body iframe,
.ou-article-page .ou-article-body video,
.ou-article-page .ou-article-body table {
  max-width: 100%;
}

.ou-article-page .ou-article-body img {
  height: auto;
  border-radius: 8px;
}

.ou-article-page .ou-article-body figure {
  max-width: 100%;
  margin: 30px auto;
}

.ou-article-page .ou-article-body figcaption {
  padding: 10px 0 0;
  background: transparent;
  color: var(--ou-ap-muted);
  font-size: 12px;
  text-align: center;
}

.ou-article-page .ou-article-body blockquote {
  margin: 28px 0;
  padding: 18px 22px;
  border: 0;
  border-left: 3px solid var(--ou-ap-accent);
  background: #F8F8F6;
  color: var(--ou-ap-text);
  font-style: normal;
}

.ou-article-page .ou-article-body pre {
  max-width: 100%;
  padding: 18px;
  border: 1px solid var(--ou-ap-border);
  border-radius: 9px;
  background: #F7F7F7;
  overflow: auto;
}

.ou-article-page .ou-article-body :not(pre) > code {
  padding: 2px 6px;
  border: 1px solid var(--ou-ap-border);
  border-radius: 5px;
  background: #F7F7F7;
}

.ou-article-page .ou-article-body table {
  display: block;
  width: 100%;
  margin: 26px 0;
  border-collapse: collapse;
  overflow-x: auto;
}

.ou-article-page .ou-article-body th,
.ou-article-page .ou-article-body td {
  padding: 12px 14px;
  border: 1px solid var(--ou-ap-border);
  text-align: left;
}

.ou-article-page .ou-article-body th {
  background: #F4F4F4;
  color: #000000;
  font-weight: 500;
}


/* ==========================================================
   TAGS E ANEXOS
   ========================================================== */

.ou-article-tags,
.ou-article-attachments {
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid var(--ou-ap-border);
}

.ou-article-tags > p,
.ou-article-attachments > h2 {
  margin: 0 0 16px;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}

.ou-article-tags .content-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.ou-article-tags .content-tag-item {
  margin: 0;
}

.ou-article-tags .content-tag-item a {
  display: inline-flex;
  padding: 7px 11px;
  border: 1px solid var(--ou-ap-border);
  border-radius: 999px;
  background: #FFFFFF;
  color: var(--ou-ap-text);
  font-size: 12px;
  text-decoration: none;
}

.ou-article-tags .content-tag-item a:hover {
  border-color: var(--ou-ap-accent);
}

.ou-article-attachments .attachments {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.ou-article-attachments .attachment-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 15px 16px;
  border: 1px solid var(--ou-ap-border);
  border-radius: 9px;
  background: #FFFFFF;
}

.ou-article-attachments .attachment-icon {
  flex: 0 0 16px;
  margin-top: 3px;
  color: var(--ou-ap-text);
}

.ou-attachment-content {
  min-width: 0;
}

.ou-attachment-content > a {
  color: var(--ou-ap-text);
  font-size: 13px;
  overflow-wrap: anywhere;
}


/* ==========================================================
   RODAPÉ DO ARTIGO
   ========================================================== */

.ou-article-footer {margin-top: 44px; padding-top: 26px; border-top: 1px solid var(--ou-ap-border);}
.ou-article-actions, .ou-article-actions .share {display: flex; align-items: center; gap: 8px;}
.ou-article-more-questions {margin: 24px 0 0; color: var(--ou-ap-muted); font-size: 13px; text-align: center;}
.ou-article-more-questions a {color: var(--ou-ap-text);}
.ou-article-return-top {margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--ou-ap-border);}
.ou-article-return-top a {display: inline-flex; align-items: center; gap: 7px; color: var(--ou-ap-text); font-size: 13px; text-decoration: none;}


/* ==========================================================
   TABLET E MOBILE
   ========================================================== */

@media (max-width: 1023px) {
  .ou-article-layout {
    display: block;
  }

  .ou-article-desktop-nav {
    display: none;
  }

  .ou-article-mobile-nav {
    display: block;
    width: min(100%, 820px);
    margin: 0 auto 18px;
    border: 1px solid var(--ou-ap-border);
    border-radius: 11px;
    background: #FFFFFF;
    overflow: hidden;
  }

  .ou-article-mobile-nav summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 54px;
    padding: 0 18px;
    color: var(--ou-ap-text);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
  }

  .ou-article-mobile-nav summary::-webkit-details-marker {
    display: none;
  }

  .ou-article-mobile-nav summary svg {
    flex: 0 0 18px;
    transition: transform 220ms ease;
  }

  .ou-article-mobile-nav[open] summary svg {
    transform: rotate(180deg);
  }

  .ou-article-mobile-nav__body {
    padding: 0 12px 12px;
    border-top: 1px solid var(--ou-ap-border);
    animation: ouArticleMenuIn 220ms ease both;
  }

  .ou-article-mobile-nav__body ul {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 12px 0 0;
    list-style: none;
  }

  .ou-article-mobile-nav__body li {
    margin: 0;
  }

  .ou-article-mobile-nav__body a {
    display: block;
    padding: 11px 12px;
    border-radius: 8px;
    color: var(--ou-ap-text);
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
  }

  .ou-article-mobile-nav__body a:hover,
  .ou-article-mobile-nav__body a:focus-visible {
    background: #F4F4F4;
    outline: none;
  }

  .ou-article-mobile-nav__body a.is-current {
    background: var(--ou-ap-text);
    color: #FFFFFF;
  }

  .ou-article-mobile-nav__more {
    margin-top: 6px;
    border-top: 1px solid var(--ou-ap-border);
    border-radius: 0 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
  }

  @keyframes ouArticleMenuIn {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

@media (max-width: 640px) {
  .ou-article-shell {
    width: calc(100% - 36px);
  }

  .ou-article-hero {
    padding: 28px 0 50px;
  }

  .ou-article-breadcrumbs {
    margin-bottom: 38px;
  }

  .ou-article-breadcrumbs .breadcrumbs li {
    max-width: 150px;
  }

  .ou-article-heading h1 {
    font-size: 30px;
  }

  .ou-article-heading__bottom {
    flex-direction: column;
    gap: 16px;
  }

  .ou-article-content-area {
    padding: 36px 0 72px;
  }

  .ou-article-page .ou-article-sheet {
    padding: 28px 20px 32px;
    border-radius: 12px;
  }

  .ou-article-page .ou-article-body {
    font-size: 14px;
    line-height: 1.7;
  }

  .ou-article-page .ou-article-body h2 {
    font-size: 23px;
  }

  .ou-article-page .ou-article-body h3 {
    font-size: 19px;
  }

  .ou-article-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* ==========================================================
   ACESSIBILIDADE E REDUÇÃO DE MOVIMENTO
   ========================================================== */

.ou-article-page a:focus-visible,
.ou-article-page button:focus-visible,
.ou-article-page summary:focus-visible {
  outline: 2px solid var(--ou-ap-accent);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .ou-article-page *,
  .ou-article-page *::before,
  .ou-article-page *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================================
   HOME — CARROSSEL DA JORNADA NO MOBILE
   ========================================================== */

.ou-help-carousel__viewport {
  width: 100%;
}

.ou-help-carousel__progress {
  display: none;
}

@media (max-width: 767px) {
  .ou-help-journey {
    padding: 58px 20px 54px;
    overflow: hidden;
  }

  .ou-help-journey__header {
    margin-bottom: 38px;
  }

  .ou-help-carousel {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
  }

  .ou-help-carousel__viewport {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    touch-action: pan-y;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
  }

  .ou-help-carousel__viewport.is-dragging {
    cursor: grabbing;
  }

  .ou-help-carousel__viewport.is-dragging
    .ou-help-journey__grid {
    transition: none;
  }

  .ou-help-journey__grid {
    width: 100%;
    display: flex;
    align-items: stretch;
    column-gap: 0;
    row-gap: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .ou-help-journey__item {
    width: 100%;
    min-width: 100%;
    flex: 0 0 100%;
    min-height: 225px;
    padding: 8px 16px 18px;
    box-sizing: border-box;
    justify-content: flex-start;
    transform: none;
    -webkit-user-drag: none;
  }

  .ou-help-journey__item--link:hover {
    transform: none;
  }

  .ou-help-journey__icon {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    margin: 0 auto 20px;
  }

  .ou-help-journey__icon svg {
    width: 48px;
    height: 48px;
  }

  .ou-help-journey__item h3 {
    min-height: auto;
    margin: 0 0 12px;
    font-size: 19px;
  }

  .ou-help-journey__item p {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6;
  }

  .ou-help-carousel__progress {
    position: relative;
    display: block;
    width: calc(100% - 32px);
    height: 3px;
    margin: 22px auto 0;
    overflow: hidden;
    border-radius: 999px;
    background: #EEEEEE;
  }

  .ou-help-carousel__progress-fill {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #CFF827;
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
  }

  .ou-help-carousel__progress-fill.is-running {
    animation: ouHelpCarouselProgress 5s linear forwards;
  }

  .ou-help-carousel.is-paused
    .ou-help-carousel__progress-fill {
    animation-play-state: paused;
  }

  @keyframes ouHelpCarouselProgress {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .ou-help-journey__grid {
    transition: none;
  }

  .ou-help-carousel__progress-fill.is-running {
    animation: none;
    transform: scaleX(1);
  }
}