@charset "UTF-8";
html { line-height: 1.15; -webkit-text-size-adjust: 100%; overflow-x: hidden; overflow-x: clip; }
body { margin: 0; overflow-x: hidden; overflow-x: clip; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

/***** Base *****/
* { box-sizing: border-box; }
body { background-color: #FFFFFF; color: #2F3941; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
@media (min-width: 1024px) { body > main { min-height: 65vh; } }
h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; margin-top: 0; }
h1 { font-size: 32px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; font-weight: 600; }
h4 { font-size: 16px; }
a { color: #1F73B7; text-decoration: none; }
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 #17494D; }
.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 #17494D; }
.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 #17494D; }
.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; }

/***** Font overrides (loaded via document_head.hbs) *****/
body { font-family: 'Poppins', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Manrope', sans-serif; }

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .article-subscribe button, .section-subscribe button, .split-button button { background-color: transparent; border: 1px solid #17494D; border-radius: 4px; color: #17494D; 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, .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, .article-subscribe button:visited, .section-subscribe button:visited { color: #17494D; }
.button:hover, .button:active, .button:focus, .button.button-primary, .subscriptions-subscribe button[data-selected=true], .article-subscribe button[data-selected=true], .section-subscribe button[data-selected=true] { background-color: #17494D; color: #FFFFFF; text-decoration: none; }
.button.button-primary:hover, .button.button-primary:focus, .button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover { background-color: darken(#17494D, 20%); border-color: darken(#17494D, 20%); }
.button[data-disabled] { cursor: default; }
.button-large, .hbs-form input[type=submit] { cursor: pointer; background-color: #17494D; border: 0; border-radius: 4px; color: #FFFFFF; font-size: 14px; line-height: 2.72; min-width: 190px; padding: 0 1.9286em; width: 100%; }
@media (min-width: 768px) { .button-large, .hbs-form input[type=submit] { width: auto; } }
.button-large:visited, .hbs-form input[type=submit]:visited { color: #FFFFFF; }
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus { background-color: #000; }
.button-large[disabled], .hbs-form input[type=submit][disabled] { background-color: #ddd; }
.button-secondary { color: #5a6d7c; border: 1px solid #848F99; background-color: transparent; }
.button-secondary:visited { color: #5a6d7c; }
.button-secondary:hover, .button-secondary:focus, .button-secondary:active { color: #2F3941; border: 1px solid #848F99; background-color: #f7f7f7; }

/***** Split button *****/
.split-button { display: flex; }
.split-button button { background-color: #17494D; border: 0; color: #FFFFFF; height: 32px; line-height: 16px; outline-color: #17494D; }
[dir=rtl] .split-button button:not(:only-child):first-child { border-left: 1px solid #FFFFFF; border-top-left-radius: unset; border-bottom-left-radius: unset; }
[dir=ltr] .split-button button:not(:only-child):first-child { border-right: 1px solid #FFFFFF; border-top-right-radius: unset; border-bottom-right-radius: unset; }
.split-button button:not(:only-child):last-child { display: flex; justify-content: center; align-items: center; width: 26px; min-width: 26px; max-width: 26px; padding: 0; }
[dir=rtl] .split-button button:not(:only-child):last-child { border-top-right-radius: unset; border-bottom-right-radius: unset; }
[dir=ltr] .split-button button:not(:only-child):last-child { border-top-left-radius: unset; border-bottom-left-radius: unset; }

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

/***** Forms *****/
.form { max-width: 650px; }
.form-field ~ .form-field { margin-top: 25px; }
.form-field label { display: block; font-size: 13px; margin-bottom: 5px; }
.form-field input { border: 1px solid #848F99; border-radius: 4px; padding: 10px; width: 100%; }
.form-field input:focus { border: 1px solid #17494D; }
.form-field input[type=text] { border: 1px solid #848F99; border-radius: 4px; }
.form-field input[type=text]:focus { border: 1px solid #17494D; }
.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 #17494D; text-decoration: none; }
.form-field .hc-multiselect-toggle { border: 1px solid #848F99; }
.form-field .hc-multiselect-toggle:focus { outline: none; border: 1px solid #17494D; text-decoration: none; }
.form-field textarea { vertical-align: middle; }
.form-field input[type=checkbox] + label { margin: 0 0 0 10px; }
.form-field .optional { color: #5a6d7c; margin-left: 4px; }
.form-field p { color: #5a6d7c; font-size: 12px; margin: 5px 0; }
.form footer { margin-top: 40px; padding-top: 30px; }
.form footer a { color: #5a6d7c; 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: #9358B0; }

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

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

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

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

/***** Breadcrumbs *****/
.breadcrumbs { margin: 0 0 15px 0; padding: 0; display: flex; }
@media (min-width: 768px) { .breadcrumbs { margin: 0; } }
.breadcrumbs li { color: #5a6d7c; font-size: 13px; max-width: 450px; overflow: hidden; text-overflow: ellipsis; }
.breadcrumbs li + li::before { content: ">"; margin: 0 4px; }

/***** Search field *****/
.search-container { position: relative; }
.search { border-color: #848F99; border-radius: 30px; border-style: solid; border-width: 1px; display: flex; position: relative; transition: border 0.12s ease-in-out; }
.search:focus-within { border-color: #17494D; }
.search input[type=search], .search .clear-button { background-color: #fff; border-radius: 30px; border: none; }
.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: #17494D; color: #fff; }
.search .clear-button:focus { outline: 0; box-shadow: 0 0 0 3px #17494D; }
.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: #17494D; }
[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: #17494D; }
[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: #17494D; }
[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: #17494D; }
.search-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; z-index: 1; width: 18px; height: 18px; color: #777; pointer-events: none; }
[dir=rtl] .search-icon { left: auto; right: 15px; }

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

/***** Category pages *****/
.category-container { display: flex; justify-content: flex-end; }
.category-content { flex: 1; max-width: 100%; }
@media (min-width: 1024px) { .category-content { flex: 0 0 80%; } }
.section-tree { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }
@media (min-width: 768px) { .section-tree { flex-direction: row; } }
.section-tree .section { flex: initial; max-width: 100%; }
@media (min-width: 768px) { .section-tree .section { flex: 0 0 45%; } }
.section-tree-title { margin-bottom: 0; font-size: 18px; font-weight: 600; }
.section-tree-title a { color: #2F3941; }
.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: #2F3941; }
.icon-star { color: #17494D; font-size: 18px; }

/***** Section pages *****/
.section-container { display: flex; justify-content: flex-end; }
.section-content { flex: 1; max-width: 100%; }
@media (min-width: 1024px) { .section-content { flex: 0 0 80%; } }
.section-list { margin: 40px 0; }
.section-list-item { border-bottom: 1px solid #ddd; font-size: 16px; padding: 15px 0; }
.section-list-item:first-child { border-top: 1px solid #ddd; }
.section-list-item a { align-items: center; color: #2F3941; 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 body content *****/
.article-body { display: flow-root; }
.article-body a { color: #1F73B7; text-decoration: underline; }
.article-body a:visited { color: #9358B0; }
.article-body a:hover, .article-body a:active, .article-body a:focus { color: #0F3554; }
.article-body img { height: auto; max-width: 100%; vertical-align: middle; }
.article-body td img, .article-body th img { max-width: none; width: auto; height: auto; vertical-align: middle; }
.article-body p { margin-bottom: 22px; }
.article-body > div { margin-bottom: 22px; }
.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 0 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 0 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 ol { counter-reset: list; list-style-type: none; padding-left: 0 !important; margin-left: 0 !important; }
.article-body ol > li { position: relative; padding-left: 40px; counter-increment: list; margin-bottom: 12px; }
.article-body ol > li::before { position: absolute; top: 0; left: 0; content: counter(list); text-align: center; font-size: 13px; font-weight: 500; width: 26px; height: 26px; line-height: 26px; background: #e6e6e6; border-radius: 50%; color: #2c2d30; }
.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: #5a6d7c; 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 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; }
#main-content .article-body th { text-transform: none !important; letter-spacing: 0 !important; }
.article-meta { display: inline-block; vertical-align: middle; }
.article-info { max-width: 100%; }
.recent-articles li, .related-articles li { margin-bottom: 15px; }
.comment-heading, .recent-articles-title, .related-articles-title { margin-bottom: 5px; margin-top: 0; font-size: 18px; font-weight: 600; }
.sidenav-item { display: block; margin-top: 10px; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; }

/***** Attachments *****/
.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: #2F3941; 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: #5a6d7c; }

/***** Social share links *****/
.share { padding: 0; white-space: nowrap; }
.share li, .share a { display: inline-block; }
.share li { height: 25px; width: 25px; }
.share a { color: #5a6d7c; }
.share a:hover { text-decoration: none; color: #17494D; }
.share a svg { height: 18px; width: 18px; display: block; }

/***** Comments *****/
.comment { border-bottom: 1px solid #ddd; padding: 20px 0; }
.comment-overview { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; }
.comment-overview p { margin-top: 0; }
.comment-callout { color: #5a6d7c; display: inline-block; font-size: 13px; margin-bottom: 0; }
.comment-callout a { color: #1F73B7; text-decoration: underline; }
.comment-callout a:visited { color: #9358B0; }
.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: #5a6d7c; font-size: 13px; }
[dir=rtl] .comment-sorter { float: left; }
.comment-wrapper { display: flex; position: relative; }
.comment-wrapper.comment-official { border: 1px solid #17494D; 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-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; } }
.comment-ccs { display: none; }
.comment-ccs + textarea { margin-top: 10px; }
.comment-attachments { margin-top: 10px; }
.comment-attachments a { color: #17494D; }
.comment-body { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: break-word; display: flow-root; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; line-height: 1.6; overflow-x: auto; }
.comment-body a { color: #1F73B7; text-decoration: underline; }
.comment-body a:visited { color: #9358B0; }
.comment-body a:hover, .comment-body a:active, .comment-body a:focus { color: #0F3554; }
.comment-body img { height: auto; max-width: 100%; }
.comment-body ul, .comment-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }
[dir=rtl] .comment-body ul, [dir=rtl] .comment-body ol { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: 20px; }
.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol { margin: 0; }
.comment-body ul { list-style-type: disc; }
.comment-body :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: #5a6d7c; font-style: italic; padding: 0 15px; }
.comment-body figcaption { padding: 10px 0; font-size: 12px; text-align: center; background-color: #f2f2f2; }
.comment-mark-as-solved { display: inline-block; }

/***** Vote *****/
.vote { display: flex; flex-direction: column; text-align: center; }
.vote a:active, .vote a:hover, .vote a:focus { text-decoration: none; }
.vote-sum { color: #5a6d7c; 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: #17494D; }
.vote-up, .vote-down { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; color: #5a6d7c; cursor: pointer; min-height: 35px; min-width: 35px; display: flex; align-items: center; justify-content: center; }
.vote-voted { color: #17494D; }
.vote-voted:hover { color: #000; }

/***** Actions *****/
.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; }

/***** Status labels *****/
.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: #17494D; }
.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: #5a6d7c; }
.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; } }

/***** Collapsible nav *****/
.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 #17494D; }
.collapsible-nav-list { display: flex; flex-direction: column; }
@media (min-width: 768px) { .collapsible-nav-list { flex-direction: row; } }
.collapsible-nav-list li { color: #2F3941; 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: #2F3941; 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 #17494D; order: 1; } }
.collapsible-nav-list li[aria-selected=true] a, .collapsible-nav-list li.current a { color: #2F3941; }
.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]), .collapsible-nav[aria-expanded=true] li:not(.current) { display: block; }

/***** Striped list *****/
.striped-list { padding: 0; }
.striped-list-item { align-items: flex-start; border-bottom: 1px solid #ddd; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px 0; }
@media (min-width: 768px) { .striped-list-item { align-items: center; flex-direction: row; } }
.striped-list-info { flex: 2; }
.striped-list-title { color: #1F73B7; 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: #9358B0; }
.striped-list .meta-group { margin: 5px 0; }
.striped-list-count { color: #5a6d7c; 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: #2F3941; display: block; } }

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

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

/***** Request page *****/
.request-container { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }
@media (min-width: 1024px) { .request-container { align-items: flex-start; flex-direction: row; } }
.request-container .comment-container { min-width: 0; }
.request-breadcrumbs { margin-bottom: 40px; }
@media (min-width: 1024px) { .request-breadcrumbs { margin-bottom: 60px; } }
.request-main { flex: 1 0 auto; order: 1; }
.request-main .comment-fields, .request-main .request-submit-comment { display: none; }
.request-main .comment-fields.shown { display: block; }
.request-main .request-submit-comment.shown { display: inline; }
@media (min-width: 1024px) { .request-main { flex: 0 0 66%; order: 0; min-width: 0; } }
.request-main .comment-form-controls { display: block; }
.request-main .comment-ccs { display: block; }
.request-main .comment-show-container { border-radius: 2px; border: 1px solid #ddd; color: #5a6d7c; 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 #17494D; }
.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 #17494D; }
.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: #5a6d7c; width: 40%; }
.request-details .request-collaborators { display: inline-block; }
.request-attachments dt, .request-attachments dd { width: 100%; }
.request-attachments dd { margin: 10px 0 0 0; }
.request-form textarea { min-height: 120px; }
.request-follow-up { padding-top: 20px; }

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

/***** Metadata *****/
.meta-group { display: block; }
.meta-group-opposite { float: right; }
[dir=rtl] .meta-group-opposite { float: left; }
.meta-group * { display: inline; }
.meta-data { color: #5a6d7c; font-size: 13px; }
.meta-data:not(:last-child)::after { content: "·"; margin: 0 5px; }

/***** User profiles *****/
.profile-header { padding: 30px 0; background-color: #f7f7f7; }
.profile-header .container { display: flex; flex-wrap: wrap; }
@media (min-width: 768px) { .profile-header .container { flex-wrap: nowrap; } }
.profile-header .profile-info { flex-basis: 100%; display: flex; flex-wrap: wrap; min-width: 0; }
.profile-avatar { position: relative; line-height: 0; align-self: center; margin-right: 10px; }
[dir=rtl] .profile-avatar { margin-left: 10px; margin-right: 0; }
.profile-avatar .user-avatar { width: 80px; height: 80px; }
.profile-avatar .icon-agent { bottom: 0; right: 0; }
.profile-header .basic-info { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: break-word; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; flex-basis: 0; min-width: 0; }
.profile-header .basic-info .name { margin: 0; line-height: 25px; vertical-align: middle; display: inline; }
.profile-header .options { display: flex; flex-basis: 100%; margin-top: 12px; align-items: flex-start; flex-wrap: wrap; }
@media (min-width: 768px) { .profile-header .options { flex-wrap: nowrap; flex-basis: auto; margin-top: 0; margin-left: 10px; } [dir=rtl] .profile-header .options { margin-left: 0; margin-right: 10px; } .profile-header .options > :not(:last-child) { margin-bottom: 0; margin-right: 10px; } [dir=rtl] .profile-header .options > :not(:last-child) { margin-left: 10px; margin-right: 0; } }
.user-profile-actions { width: 100%; margin-bottom: 15px; }
.profile-header .description { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; word-break: break-word; word-wrap: break-word; margin: 15px 0; flex-basis: 100%; }
.profile-stats { font-size: 13px; display: flex; flex-direction: column; flex-basis: 100%; }
.profile-stats .stat { display: flex; margin-bottom: 10px; }
.profile-stats .stat-label { color: #5a6d7c; 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; } }
.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 #17494D; border-radius: 4px; color: #17494D; 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: #5a6d7c; 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: #5a6d7c; 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 *****/
.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: #2F3941; }
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current { background-color: #e9ebed; text-decoration: none; }
.search-results-sidebar .sidenav-subitem { unicode-bidi: embed; }
.search-results-sidebar .sidenav-tag { display: flex; flex-direction: row; align-items: flex-start; flex-grow: 0; }
.search-results-sidebar .sidenav-tag .content-tag { background: #E9EBED; border-radius: 4px; padding: 4px 12px; text-decoration: none; }
.search-results-sidebar .sidenav-tag .content-tag .label { font-style: normal; font-weight: 600; font-size: 12px; line-height: 24px; text-align: center; letter-spacing: -0.000427656px; color: #49545C; flex-grow: 0; vertical-align: middle; display: inline-block; }
.search-results-sidebar .sidenav-tag .content-tag .close-icon { color: #555555; vertical-align: middle; display: inline-block; }
.search-results-sidebar .collapsible-sidebar { margin-bottom: 30px; }
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list { display: none; }
@media (min-width: 1024px) { .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list { display: block; } }
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) { display: none; }
.search-results-sidebar .multibrand-filter-list .doc-count { color: #666; }
.search-results-sidebar .see-all-filters { background: none; border: none; cursor: pointer; display: block; padding: 10px; color: #1F73B7; }
.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: #1F73B7; }
.search-results .no-results .action-prompt a:visited { color: #1F73B7; }
.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: #5a6d7c; font-size: 13px; }
.search-result-votes-icon, .search-result-meta-count-icon { color: #17494D; 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; }

/***** Notifications *****/
.notification { border: 1px solid; display: table; font-family: sans-serif; font-size: 12px; padding: 13px 15px; transition: height 0.2s; width: 100%; color: #555; }
.notification a { color: #158ec2; }
.notification-inner { margin: 0 auto; padding: 0 20px; max-width: 980px; }
.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss { display: table-cell; vertical-align: middle; }
.notification-text { padding: 0 15px; width: 100%; }
.notification + .notification { margin-bottom: -1px; position: relative; top: -1px; }
.notification-error { background: #ffeded; border-color: #f7cbcb; }
.notification-notice { background: #dbf3ff; border-color: #b5e0f5; }
.notification-alert { color: #ad5e18; background: #fff8ed; border-color: #fcdba9; }
.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 { 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 *****/
.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]::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; }
.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; }
[dir=rtl] .dropdown-menu-end { left: 0; right: auto; }
.dropdown-chevron-icon { vertical-align: middle; }

/***** Content tags *****/
.content-tags > p { color: #68737D; margin-top: 32px; margin-bottom: 4px; }
.content-tags-add-hint { color: #68737D; font-size: 14px; }
.content-tag-list { display: flex; flex-wrap: wrap; word-break: break-word; }
.content-tag-list li { border-right: 1px solid #C2C8CC; margin-bottom: 4px; }
[dir=ltr] .content-tag-list li { padding-right: 8px; margin-right: 8px; }
[dir=rtl] .content-tag-list li { padding-left: 8px; margin-left: 8px; }
.content-tag-list li:last-child { border: none; }

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

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


/* ==========================================================================
   START CUSTOM RENTMAN CODE
   ========================================================================== */

/* ── Variables ─────────────────────────────────────────────── */
:root {
  --rm-orange:   #FF5E1D;
  --rm-black:    #202121;
  --rm-white:    #ffffff;
  --rm-offwhite: #EEE9E1;
  --rm-border:   #e5e5e5;
  --rm-text:     #202121;
  --rm-muted:    #6b7280;
}

/* ── Material Icons ─────────────────────────────────────────── */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");
}
.material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: inherit; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "RentmanIcons";
  src: url("/hc/theming_assets/01JFFTJQMH5CY8JJRTTYCZEC4W");
  src: url("/hc/theming_assets/01JFFTJQMH5CY8JJRTTYCZEC4W?#iefix") format("embedded-opentype"),
       url("/hc/theming_assets/01JFFTJS6FSY1M7R9CTZNFJXFZ") format("woff"),
       url("$assets-rentmanicons-tff") format("truetype"),
       url("/hc/theming_assets/01KP3GT58XYJGTBDNCQ2XCQ61Q#RentmanIcons") format("svg");
  font-weight: 400;
  font-style: normal;
}
.rm-icon { font-family: "RentmanIcons" !important; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; }

/* ── Header ─────────────────────────────────────────────────── */
.rm-header { background: #fff; border-bottom: 1px solid #e5e5e5; position: sticky; top: 0; z-index: 100; }
.rm-header__inner { max-width: 1160px; margin: 0 auto; padding: 0 5%; height: 56px; display: flex; align-items: center; gap: 32px; position: relative; }
@media (max-width: 1023px) { .rm-header__inner { gap: 12px; } }
@media (max-width: 479px) { .rm-header__label, .rm-header__divider { display: none; } }
@media (min-width: 1160px) { .rm-header__inner { padding: 0; width: 90%; } }
.rm-header__brand { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.rm-header__logo-link { display: flex; align-items: center; }
.rm-header__logo { height: 26px; width: auto; display: block; }
.rm-header__divider { width: 1px; height: 20px; background: #e5e5e5; display: block; }
.rm-header__label { font-size: 14px; font-weight: 500; color: #6b7280; white-space: nowrap; }
.rm-header__nav { flex: 1; display: flex; justify-content: flex-end; }
.rm-header__nav-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.rm-header__nav-link { font-size: 14px; font-weight: 400; color: #202121 !important; text-decoration: none; padding: 6px 10px; border-radius: 4px; transition: background 0.12s; }
.rm-header__nav-link:hover { background: #f5f5f5; text-decoration: none; }
.rm-header__actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: auto; }
.rm-header__sign-in { font-size: 14px; font-weight: 600; color: #202121 !important; text-decoration: none; padding: 6px 12px; }
.rm-header__sign-in:hover { text-decoration: underline; }
.rm-header__submit, a.rm-header__submit { font-size: 14px; font-weight: 700; color: #fff !important; background: #202121; border-radius: 4px; padding: 8px 16px; text-decoration: none; white-space: nowrap; transition: background 0.15s; }
.rm-header__submit:hover { background: #202121; opacity: 0.75; text-decoration: none; }
.rm-header__actions .user-info .dropdown-toggle { display: flex; align-items: center; gap: 8px; background: none; border: none; cursor: pointer; font-size: 14px; font-weight: 600; color: #202121; padding: 6px 12px; border-radius: 4px; transition: background 0.12s; }
.rm-header__actions .user-info .dropdown-toggle:hover { background: #f5f5f5; }
.rm-header__actions .user-info .user-avatar { width: 28px; height: 28px; border-radius: 50%; font-size: 12px; }
.rm-header__actions .user-info .dropdown-menu { position: absolute; top: calc(100% + 4px); right: 0; min-width: 180px; background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.10); padding: 4px 0; z-index: 200; }
.rm-header__actions .user-info .dropdown-menu a,
.rm-header__actions .user-info .dropdown-menu [role="menuitem"] { display: block; padding: 8px 14px; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4; color: #202121 !important; text-decoration: none; background: none; border: none; width: 100%; text-align: left; cursor: pointer; transition: background 0.1s; outline: none; }
.rm-header__actions .user-info .dropdown-menu a:hover,
.rm-header__actions .user-info .dropdown-menu a:focus,
.rm-header__actions .user-info .dropdown-menu [role="menuitem"]:hover,
.rm-header__actions .user-info .dropdown-menu [role="menuitem"]:focus { background: #f5f5f5; text-decoration: none; color: #202121 !important; }
.rm-header__actions .user-info .dropdown-menu .separator { height: 1px; background: #e5e5e5; margin: 4px 0; }
.rm-header__actions .user-info { position: relative; }
@media (max-width: 1023px) {
  .rm-header__nav { display: none; }
  .rm-header__actions .rm-header__sign-in,
  .rm-header__actions .rm-header__submit,
  .rm-header__actions .user-info,
  .rm-header__actions .footer__language-selector,
  .rm-header__actions .rm-header__search-btn { display: none; }
}

/* ── Header search overlay ──────────────────────────────────── */
.rm-header__search-btn { display: flex; align-items: center; justify-content: center; background: none; border: none; color: #202121; cursor: pointer; padding: 6px 8px; border-radius: 4px; transition: color 0.15s, background 0.12s; flex-shrink: 0; }
.rm-header__search-btn:hover { background: #f5f5f5; }
.rm-header__search-btn.is-active { color: #FF5E1D; }
.rm-header__search-overlay { display: none; align-items: center; gap: 8px; flex: 1; padding: 0; }
.rm-header__search-overlay.is-open { display: flex; }
.rm-header__inner:has(.rm-header__search-overlay.is-open) .rm-header__actions { display: none; }
.rm-header__search-overlay-icon { color: #6b7280; flex-shrink: 0; display: flex; }
.rm-header__search-overlay-input { flex: 1; min-width: 0; background: #F5F0EB; border: 1px solid #e5e5e5; border-radius: 6px; color: #202121; font-family: inherit; font-size: 14px; padding: 8px 14px; outline: none; transition: border-color 0.15s, background 0.15s; -webkit-appearance: none; }
.rm-header__search-overlay-input::placeholder { color: #6b7280; }
.rm-header__search-overlay-input:focus { border-color: #202121; background: #fff; }
.rm-header__search-overlay-input::-webkit-search-cancel-button { -webkit-appearance: none; }
.rm-header__search-go { flex-shrink: 0; background: #202121; color: #fff; border: none; border-radius: 4px; font-family: inherit; font-size: 13px; font-weight: 700; padding: 8px 16px; cursor: pointer; white-space: nowrap; transition: opacity 0.15s; }
.rm-header__search-go:hover { opacity: 0.75; }
.rm-header__search-close { flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: none; border: none; color: #6b7280; cursor: pointer; padding: 6px; border-radius: 6px; transition: color 0.15s; }
.rm-header__search-close:hover { color: #202121; }

/* ── Notification bar ───────────────────────────────────────── */
.rm-notification-bar { background: #FF5E1D; color: #fff; padding: 10px 48px; font-size: 13.5px; font-weight: 500; line-height: 1.4; }
.rm-notification-bar--critical { background: #dc2626; }
.rm-notification-bar--major    { background: #FF5E1D; }
.rm-notification-bar__inner { max-width: 1160px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 10px; }
.rm-notification-bar__text a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.rm-notification-bar__text a:hover { opacity: 0.85; }
@media (max-width: 768px) { .rm-notification-bar { padding: 10px 20px; } }

/* ── Section shared ─────────────────────────────────────────── */
.rm-section { padding: 64px 0; }
.rm-section__eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #FF5E1D; margin: 0 0 10px; }
.rm-section__header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 36px; flex-wrap: wrap; gap: 8px; }
.rm-section__title { font-size: 32px; font-weight: 800; color: #202121; margin: 0; line-height: 1.1; }
.rm-section__view-all { display: none !important; }
.rm-section__view-all:hover { text-decoration: underline; }

/* ── Hero ───────────────────────────────────────────────────── */
.rm-hero { background: #202121; padding: 56px 0 52px; }
.rm-hero__inner { max-width: 1160px; margin: 0 auto; padding: 0 5%; display: flex; flex-direction: column; gap: 20px; }
@media (min-width: 1160px) { .rm-hero__inner { padding: 0; width: 90%; } }
.rm-hero__heading { font-size: clamp(36px, 5vw, 64px); font-weight: 900; line-height: 1.05; color: #ffffff; margin: 0; }
.rm-hero__heading-accent { text-decoration: underline; text-decoration-color: #FF5E1D; text-underline-offset: 6px; text-decoration-thickness: 4px; font-style: normal; }
.rm-hero__heading-intro { font-size: 0.65em; font-weight: 700; }
.rm-hero__subtitle { display: none; }
/* ── Hero bottom row: jump-to + onboarding CTA ───────────────── */
.rm-hero__bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; }
.rm-hero__jumpto { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rm-hero__jumpto-label { display: none; }
.rm-hero__jumpto-link { font-size: 13px; font-weight: 600; color: #fff !important; border: 1.5px solid rgba(255,255,255,0.5); border-radius: 20px; padding: 5px 16px; text-decoration: none; transition: background 0.15s, border-color 0.15s; }
.rm-hero__jumpto-link:hover, .rm-hero__jumpto-link:focus { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff !important; text-decoration: none; }
/* Inline beta badge — used inside .rm-hero__jumpto-link */
.rm-jumpto-beta { display: inline-block; margin-left: 6px; padding: 2px 6px; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; line-height: 1; color: #111; background: #FF6729; border-radius: 4px; vertical-align: middle; position: relative; top: -1px; }
/* Divider between jump-to and onboarding */
.rm-hero__bottom::before { display: none; }
.rm-hero__jumpto + .rm-hero__onboarding { border-left: 1px solid rgba(255,255,255,0.2); padding-left: 20px; margin-left: 4px; border-radius: 0; background: none; border-top: none; border-right: none; border-bottom: none; }
.rm-hero__jumpto + .rm-hero__onboarding:hover { background: none; }
/* Onboarding CTA */
.rm-hero__onboarding { display: flex; align-items: center; gap: 6px; font-size: 13px; color: rgba(255,255,255,0.6) !important; text-decoration: none !important; transition: color 0.15s; white-space: nowrap; }
.rm-hero__onboarding:hover { color: #fff !important; text-decoration: none !important; }
.rm-hero__onboarding strong { color: #FF5E1D; font-weight: 700; }
.rm-hero__onboarding-icon { font-size: 11px; color: rgba(255,255,255,0.4); }
.rm-hero__search-wrap { position: relative; max-width: 720px; display: flex; align-items: center; border-radius: 4px; overflow: hidden; }
.rm-hero__search-icon { position: absolute; left: 14px; z-index: 2; color: #999; pointer-events: none; width: 16px; height: 16px; }
.rm-hero__search.search { flex: 1; background: #fff; border-radius: 0; border: none; height: 48px; }
.rm-hero__search.search input[type=search] { height: 48px; padding-left: 42px; font-size: 15px; border-radius: 0; background: #fff; }
.rm-hero__search.search input[type=submit] { background: #FF5E1D; color: #fff; border: none; border-radius: 0; padding: 0 24px; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; height: 48px; flex-shrink: 0; }
.rm-hero__search.search input[type=submit]:hover { opacity: 0.75; }
.rm-hero__search.search .clear-button { border-radius: 0; height: 48px; padding: 0 12px; color: #999; background: #fff; border: none; }
.rm-hero__search.search .clear-button:hover { background: #fff; color: #202121; }

/* ── Instant search autocomplete dropdown ────────────────────── */
zd-autocomplete {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
  overflow: hidden !important;
  margin-top: -1px !important;
}
zd-autocomplete-header {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #6b7280 !important;
  padding: 10px 16px 8px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
zd-autocomplete-multibrand {
  display: block !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  cursor: pointer !important;
  transition: background 0.1s !important;
}
zd-autocomplete-multibrand:last-child { border-bottom: none !important; }
zd-autocomplete-multibrand:hover { background: #fff4ef !important; }
zd-autocomplete-multibrand[aria-selected="true"] { background: #fff4ef !important; }
zd-autocomplete-title-multibrand {
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #202121 !important;
  margin-bottom: 2px !important;
  text-decoration: none !important;
}
/* Matched search term highlighted in orange */
zd-autocomplete-title-multibrand b,
zd-autocomplete-title-multibrand strong { color: #FF5E1D !important; font-weight: 700 !important; }
zd-autocomplete-breadcrumbs-multibrand {
  display: block !important;
  font-size: 12px !important;
  color: #6b7280 !important;
}
.rm-hero__jumpto-link:hover, .rm-hero__jumpto-link:focus { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff !important; text-decoration: none; }

/* ── Most Visited ───────────────────────────────────────────── */
.rm-section--promoted { background: #EEE9E1; padding: 48px 0; }
.rm-section--promoted .container { overflow: visible; max-width: 1160px; margin-left: auto; margin-right: auto; padding: 0 5%; box-sizing: border-box; }
@media (min-width: 1160px) { .rm-section--promoted .container { padding: 0; width: 90%; } }
.rm-promoted-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; list-style: none; margin: 0; padding: 0; border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; overflow: hidden; width: 100%; box-sizing: border-box; }
@media (max-width: 768px) { .rm-promoted-grid { grid-template-columns: 1fr; } }
@media (min-width: 769px) and (max-width: 1023px) { .rm-promoted-grid { grid-template-columns: repeat(2, 1fr); } }
.rm-promoted-grid__item { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; min-width: 0; }
.rm-promoted-grid__item:nth-child(3n) { border-right: none; }
.rm-promoted-grid__link { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; color: #202121; text-decoration: none; gap: 12px; transition: background 0.12s; }
.rm-promoted-grid__link:hover, .rm-promoted-grid__link:focus { background: #fafafa; text-decoration: none; }
.rm-promoted-grid__body { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rm-promoted-grid__dot { width: 8px; height: 8px; border-radius: 50%; background: #FF5E1D; flex-shrink: 0; }
.rm-promoted-grid__title { font-size: 14px; font-weight: 500; color: #202121; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.rm-promoted-grid__arrow { color: #6b7280; font-size: 14px; flex-shrink: 0; }

/* ── Browse by Topic ────────────────────────────────────────── */
.rm-section--categories { background: #ffffff; }
.rm-category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
@media (max-width: 768px) { .rm-category-grid { grid-template-columns: 1fr; } }
.rm-category-card { border: 1px solid #e5e5e5; border-radius: 6px; padding: 28px; display: flex; flex-direction: column; gap: 12px; background: #fff; transition: box-shadow 0.15s; }
.rm-category-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.rm-category-card__head { display: flex; align-items: center; gap: 12px; }
.rm-category-card__icon-wrap { width: 36px; height: 36px; background: #FF5E1D; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 20px; }
.rm-category-card__name { font-size: 18px; font-weight: 700; color: #202121; margin: 0; }
.rm-category-card__desc { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.5; }
.rm-category-card__sections { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-top: 1px solid #e5e5e5; }
.rm-category-card__section-item { border-bottom: 1px solid #e5e5e5; }
.rm-category-card__section-link { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; font-size: 14px; color: #202121; text-decoration: none; transition: color 0.12s; }
.rm-category-card__section-link:hover, .rm-category-card__section-link:focus { color: #FF5E1D; text-decoration: none; }
.rm-category-card__section-arrow { color: #6b7280; font-size: 13px; }
.rm-category-card__browse-all { font-size: 13px; font-weight: 600; color: #202121; text-decoration: underline; text-underline-offset: 2px; margin-top: auto; }
.rm-category-card__browse-all:hover { color: #FF5E1D; }

/* ── Still need help CTA ────────────────────────────────────── */
.rm-section--cta { background: #EEE9E1; padding: 56px 0; }
.rm-cta-band { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.rm-cta-band__title { font-size: 28px; font-weight: 800; color: #202121; margin: 0 0 8px; }
.rm-cta-band__desc { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.5; }
.rm-cta-band__actions { display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0; }
.rm-cta-band__btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; font-size: 14px; font-weight: 600; border-radius: 4px; cursor: pointer; text-decoration: none; transition: background 0.15s, border-color 0.15s; white-space: nowrap; }
.rm-cta-band__btn--outline { border: 2px solid #202121; color: #202121 !important; background: transparent; }
.rm-cta-band__btn--outline:hover { background: rgba(0,0,0,0.05); text-decoration: none; }
.rm-cta-band__btn--solid { background: #202121; color: #fff !important; border: 2px solid #202121; }
.rm-cta-band__btn--solid:hover { background: #202121; border-color: #202121; opacity: 0.75; text-decoration: none; }

/* ── Latest Updates ─────────────────────────────────────────── */
.rm-section--updates { background: #ffffff; }
.rm-update-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
@media (max-width: 768px) { .rm-update-grid { grid-template-columns: 1fr; } }
.rm-update-card { border: 1px solid #e5e5e5; border-radius: 6px; padding: 24px; display: flex; flex-direction: column; gap: 10px; background: #fff; }
.rm-update-tag { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; border: 1px solid currentColor; width: fit-content; }
.rm-update-tag--new         { color: #1d4ed8; border-color: #bfdbfe; background: #eff6ff; }
.rm-update-tag--improvement { color: #b45309; border-color: #fde68a; background: #fffbeb; }
.rm-update-tag--fix         { color: #15803d; border-color: #bbf7d0; background: #f0fdf4; }
.rm-update-card__title { font-size: 16px; font-weight: 700; color: #202121; margin: 0; line-height: 1.3; }
.rm-update-card__excerpt { font-size: 13px; color: #6b7280; margin: 0; line-height: 1.5; flex: 1; }
.rm-update-card__footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 8px; border-top: 1px solid #e5e5e5; }
.rm-update-card__date { font-size: 12px; color: #6b7280; }
.rm-update-card__more { font-size: 13px; font-weight: 600; color: #202121; text-decoration: none; }
.rm-update-card__more:hover { text-decoration: underline; }

/* ── Footer ─────────────────────────────────────────────────── */
.rm-footer { background: #202121; color: rgba(255,255,255,0.75); padding: 60px 0 0; margin-top: 0; }
.rm-footer .container { display: flex; flex-direction: column; }
.rm-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 48px; }
@media (max-width: 1023px) { .rm-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 599px)  { .rm-footer__grid { grid-template-columns: 1fr; } }
.rm-footer__logo { height: 32px; width: auto; display: block; margin-bottom: 14px; }
.rm-footer__logo-wrap svg rect { fill: #FF5E1D !important; }
.rm-footer__logo-wrap svg path { fill: white !important; }
.rm-footer__tagline { font-size: 13px; color: rgba(255,255,255,0.55); margin: 0 0 16px; line-height: 1.5; max-width: 240px; }
.rm-footer__status { display: flex; align-items: center; gap: 8px; margin: 0; }
.rm-footer__status-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: #6b7280; }
.rm-footer__status-dot--ok    { background: #22c55e; }
.rm-footer__status-dot--issue { background: #f59e0b; }
.rm-footer__status-link { font-size: 13px; color: rgba(255,255,255,0.6) !important; text-decoration: none; }
.rm-footer__status-link:hover { color: #fff !important; text-decoration: underline; }
.rm-footer__col-title { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin: 0 0 16px; }
.rm-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.rm-footer__links a { font-size: 14px; color: rgba(255,255,255,0.7); text-decoration: none; }
.rm-footer__links a:hover { color: #fff; }
.rm-footer__bottom { border-top: 1px solid rgba(255,255,255,0.1); padding: 20px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.rm-footer__copy { font-size: 12px; color: rgba(255,255,255,0.4); margin: 0; }
.rm-footer__legal { display: flex; gap: 20px; }
.rm-footer__legal a { font-size: 12px; color: rgba(255,255,255,0.4); text-decoration: none; }
.rm-footer__legal a:hover { color: rgba(255,255,255,0.7); }

/* ── Article — license indicators ──────────────────────────── */
.required-licenses-container { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 4px; }
.required-license { display: inline-flex; align-items: center; gap: 6px; font-size: 12px !important; font-weight: 600 !important; color: #c44d1a !important; background: #fff4ef !important; border: 1px solid #FF5E1D !important; border-radius: 4px !important; padding: 3px 10px !important; }
.required-license__tiers { display: flex; gap: 4px; font-size: 11px; color: #c44d1a; opacity: 0.8; }
.required-license__tiers > span + span::before { content: "· "; }

#sq-article-feedback-form { max-width: 480px; margin: 16px auto 0; text-align: left; }

/* ── Hide built-in recent activity header + see more ────────── */
.rm-section--activity .recent-activity-header { display: none; }
.rm-section--activity .recent-activity-controls { display: none !important; }

/* ── Fix visited link colours in category cards ─────────────── */
.rm-category-card__section-link:visited,
.rm-category-card__browse-all:visited { color: #202121; }

/* ── Cap promoted articles at 6 ─────────────────────────────── */
.rm-promoted-grid__item:nth-child(n+7) { display: none; }

/* ── Cap category grid at 4 ─────────────────────────────────── */
.rm-category-card:nth-child(n+5) { display: none; }

/* ── Cap recent activity at 4 ───────────────────────────────── */
.rm-section--activity .recent-activity-item:nth-child(n+5) { display: none; }
.rm-section--activity .recent-activity-controls { display: none !important; }

/* ── Recent Activity — card grid styling ────────────────────── */
.rm-section--activity { background: #ffffff; }
.rm-section--activity .recent-activity-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; padding: 0; }
@media (max-width: 768px) { .rm-section--activity .recent-activity-list { grid-template-columns: 1fr; } }
.rm-section--activity .recent-activity-item { border: 1px solid #e5e5e5; border-radius: 6px; padding: 20px 24px; background: #fff; overflow: visible; }
.rm-section--activity .recent-activity-item h3 { font-size: 11px !important; font-weight: 600 !important; color: #6b7280 !important; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 8px !important; }
.rm-section--activity .recent-activity-item-parent { font-size: 11px !important; font-weight: 600 !important; color: #6b7280 !important; text-transform: uppercase; letter-spacing: 0.08em; display: block; width: 100%; margin: 0 0 4px !important; }
.rm-section--activity .recent-activity-item-link { font-size: 16px !important; font-weight: 700 !important; color: #202121 !important; display: block; width: 100%; margin: 0; white-space: normal; overflow: visible; text-overflow: unset; line-height: 1.3; }
.rm-section--activity .recent-activity-item-meta { margin-top: 12px; float: none; font-size: 12px; color: #6b7280; border-top: 1px solid #e5e5e5; padding-top: 10px; }
.rm-section--activity .recent-activity-item-comment { display: none; }

/* ── Article header ─────────────────────────────────────────── */
.rm-article-header { border-bottom: 1px solid #e5e5e5; padding: 32px 0 28px; background: #EEE9E1; }
.rm-article-header .breadcrumbs,
.rm-article-header .breadcrumbs li,
.rm-article-header .breadcrumbs li a,
.rm-article-header .breadcrumbs li a:link,
.rm-article-header .breadcrumbs li a:visited,
.rm-article-header .breadcrumbs li a:hover,
.rm-article-header .breadcrumbs li a:active { font-size: 13px !important; color: #6b7280 !important; text-decoration: none !important; }
.rm-article-header .breadcrumbs li a:hover { color: #202121 !important; }
.rm-article-header .breadcrumbs li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
.rm-article-header .breadcrumbs li:last-child { max-width: 240px; }
.rm-article-header__title { font-size: 32px !important; font-weight: 800 !important; color: #202121 !important; line-height: 1.2 !important; margin: 16px 0 16px !important; max-width: 760px; }
.rm-article-header__meta { display: flex; align-items: center; gap: 16px; font-size: 13px; color: #6b7280; margin-top: 12px; }
.rm-article-header__meta .meta-data { font-size: 13px !important; color: #6b7280 !important; }
.rm-article-header .article-subscribe button { font-size: 12px !important; padding: 4px 12px !important; line-height: 1.6 !important; border-color: #e5e5e5 !important; color: #6b7280 !important; background: transparent !important; min-width: 0 !important; width: auto !important; }

/* ── Article layout ─────────────────────────────────────────── */
.rm-article-container { padding-top: 24px !important; padding-bottom: 64px !important; }
.rm-article-layout { display: grid !important; grid-template-columns: 1fr 280px !important; gap: 56px !important; align-items: start !important; }
@media (max-width: 900px) { .rm-article-layout { grid-template-columns: 1fr !important; } }

/* ── Article main ───────────────────────────────────────────── */
.rm-article-main { min-width: 0; }
.rm-article-main .article-content { margin-top: 0 !important; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.rm-article-main .article-body { font-size: 15px !important; line-height: 1.7 !important; color: #202121 !important; }
.rm-article-main .article-body h2 { font-size: 20px !important; font-weight: 700 !important; margin: 32px 0 12px !important; color: #202121 !important; }
.rm-article-main .article-body h3 { font-size: 17px !important; font-weight: 700 !important; margin: 24px 0 8px !important; color: #202121 !important; }
.rm-article-main .article-body h1[id],
.rm-article-main .article-body h2[id] { scroll-margin-top: 80px; }
.rm-article-main .article-body img { max-width: 100% !important; border-radius: 4px; border: 1px solid #e5e5e5; }
.rm-article-main .article-body td img, .rm-article-main .article-body th img { max-width: 100% !important; width: auto !important; height: auto !important; border: none; border-radius: 0; }
.rm-article-main .article-body a { color: #FF5E1D !important; text-decoration: underline; text-underline-offset: 2px; }
.rm-article-main .article-body a:visited { color: #c44d1a !important; }
.rm-article-main .article-body a:hover,
.rm-article-main .article-body a:active,
.rm-article-main .article-body a:focus { color: #c44d1a !important; }

/* ── Article content tables ─────────────────────────────────── */
.rm-article-main .article-body table:not(.licenses) { border-collapse: collapse; border: 1px solid #e5e5e5; }
.rm-article-main .article-body table:not(.licenses) td,
.rm-article-main .article-body table:not(.licenses) th { border: 1px solid #e5e5e5; }

/* ── Article wysiwyg content components ─────────────────────── */
/* Zendesk article editor injects wysiwyg-color-* spans for callout boxes,
   UI button representations, and inline labels. */

/* ── License availability table ─────────────────────────────── */
.licenses { padding: 4px; color: #5d5d5d; width: 100%; margin-bottom: 20px; font-size: 16px; line-height: 1.2; border: 1px solid #DEDEDE !important; border-radius: 6px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14); border-collapse: separate !important; }
.licenses tr, .licenses td { border: none !important; background: transparent !important; vertical-align: middle !important; }
.licenses td { padding: 4px 8px !important; vertical-align: middle !important; }
.licenses td p, .licenses th p { margin: 0 !important; padding: 0 !important; }
.AvailableTable { text-align: left; padding: 7px; padding-left: 16px; color: black; }
.equipS:before, .smallequipS:before { display: inline-block; content: ""; width: 18px; height: 18px; background-size: contain; background-image: url("data:image/svg+xml,<svg width='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'><path d='M20%2E653 19%2E5501L30%2E2975 14%2E0287C31%2E0565 13%2E601 31%2E6715 13%2E951 31%2E6715 14%2E8194V24%2E903C31%2E6715 25%2E9917 30%2E8863 27%2E3396 29%2E9311 27%2E884L21%2E2026 32%2E8739C20%2E3912 33%2E3405 19%2E7369 32%2E9517 19%2E7369 32%2E0315V21%2E1054C19%2E75 20%2E5351 20%2E1557 19%2E8352 20%2E653 19%2E5501Z' fill='%23FFC7B0'></path><path d='M19%2E9738 33%2E3641C19%2E241 33%2E3641 18%2E5082 33%2E1697 17%2E8539 32%2E7939L10%2E0676 28%2E2835C8%2E79826 27%2E5447 8 26%2E1708 8 24%2E7063V15%2E6077C8 14%2E1301 8%2E79826 12%2E7563 10%2E0807 12%2E0175L17%2E867 7%2E55895C19%2E1625 6%2E80722 20%2E7721 6%2E82018 22%2E0807 7%2E55895L29%2E9193 12%2E0823C31%2E2017 12%2E8211 32 14%2E1949 32 15%2E6725V24%2E7063C32 26%2E1708 31%2E2017 27%2E5447 29%2E9193 28%2E2964L22%2E0807 32%2E8198C21%2E4264 33%2E1827 20%2E7067 33%2E3641 19%2E9738 33%2E3641Z' fill='%23FF6729'></path></svg>"); }
.crew:before, .smallcrew:before { display: inline-block; content: ""; width: 18px; height: 18px; background-size: contain; background-image: url("data:image/svg+xml,<svg width='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M20 29%2E9H10%2E2C10%2E2 29%2E9 10%2E1 29%2E9 10%2E1 29%2E8V20C10%2E1 14%2E5 14%2E5 10%2E1 20 10%2E1C25%2E5 10%2E1 29%2E9 14%2E5 29%2E9 20C29%2E9 25%2E5 25%2E5 29%2E9 20 29%2E9ZM8 20C8 13%2E4 13%2E4 8 20 8C26%2E6 8 32 13%2E4 32 20C32 26%2E6 26%2E6 32 20 32H10%2E2C9 32 8 31 8 29%2E8V20Z' fill='%23FF6729'></path><path d='M27%2E9 19%2E4C30%2E7718 19%2E4 33%2E0999 17%2E0719 33%2E0999 14%2E2C33%2E0999 11%2E3281 30%2E7718 9 27%2E9 9C25%2E0281 9 22%2E7 11%2E3281 22%2E7 14%2E2C22%2E7 17%2E0719 25%2E0281 19%2E4 27%2E9 19%2E4Z' fill='%23FFC7B0'></path></svg>"); }
.suite:before, .smallsuite:before { display: inline-block; content: ""; width: 18px; height: 18px; background-size: contain; background-image: url("data:image/svg+xml,<svg width='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'><path d='M31%2E1414 13L20%2E3414 7%2E1C20%2E2414 7 20%2E0414 7 19%2E8414 7C19%2E6414 7 19%2E5414 7 19%2E3414 7%2E1L8%2E54138 13C8%2E24138 13%2E2 8%2E04138 13%2E4 8%2E04138 13%2E8C8%2E04138 14%2E2 8%2E24138 14%2E4 8%2E54138 14%2E6L19%2E3414 20%2E7C19%2E6414 20%2E8 20%2E0414 20%2E8 20%2E3414 20%2E7L31%2E1414 14%2E6C31%2E4414 14%2E4 31%2E6414 14%2E1 31%2E6414 13%2E8C31%2E6414 13%2E5 31%2E4414 13%2E1 31%2E1414 13Z' fill='%23FF6729'></path><path d='M8%2E54142 20%2E4L19%2E4414 26%2E5C19%2E7414 26%2E6 20%2E0414 26%2E6 20%2E2414 26%2E4L31%2E1414 20%2E3C31%2E5414 20 31%2E6414 19%2E5 31%2E4414 19L31%2E3414 18%2E9C31%2E0414 18%2E5 30%2E5414 18%2E4 30%2E0414 18%2E6L19%2E8414 24%2E4L9%2E44142 18%2E6C9%2E34142 18%2E6 9%2E24142 18%2E5 9%2E04142 18%2E5C8%2E64142 18%2E5 8%2E34142 18%2E7 8%2E14142 19C8%2E04142 19%2E2 7%2E94142 19%2E5 8%2E04142 19%2E8C8%2E14142 20%2E1 8%2E34142 20%2E3 8%2E54142 20%2E4Z' fill='%23FFB08F'></path><path d='M31%2E4414 24%2E9C31%2E1414 24%2E5 30%2E6414 24%2E4 30%2E1414 24%2E6L19%2E8414 30%2E3L19%2E7414 30%2E2L9%2E44142 24%2E5C9%2E34142 24%2E5 9%2E24142 24%2E4 9%2E04142 24%2E4C8%2E64142 24%2E4 8%2E34142 24%2E6 8%2E14142 24%2E9C8%2E04142 25%2E1 7%2E94142 25%2E4 8%2E04142 25%2E7C8%2E14142 26 8%2E24142 26%2E2 8%2E54142 26%2E3L19%2E4414 32%2E4C19%2E7414 32%2E5 20%2E0414 32%2E5 20%2E2414 32%2E3L31%2E1414 26%2E2C31%2E5414 25%2E9 31%2E6414 25%2E4 31%2E4414 24%2E9Z' fill='%23FF6729'></path></svg>"); }
.equipT:before, .smallequipT:before { display: inline-block; content: ""; width: 18px; height: 18px; background-size: contain; background-image: url("data:image/svg+xml,<svg width='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'><path d='M27%2E8 32H12%2E4C10%2E6 32 9 30%2E5 9 28%2E6V16%2E6C9 14%2E8 10 13%2E1 11%2E5 12%2E2L17%2E6 8%2E7C18%2E4 8%2E3 19%2E3 8 20%2E1 8C20%2E9 8 21%2E7 8%2E2 22%2E6 8%2E6L28%2E7 12%2E1C30%2E2 13 31%2E2 14%2E8 31%2E2 16%2E5V28%2E6C31%2E2 30%2E5 29%2E6 32 27%2E8 32ZM20%2E1 10C19%2E6 10 19 10%2E2 18%2E6 10%2E4L12%2E6 13%2E9C11%2E7 14%2E5 11%2E1 15%2E5 11%2E1 16%2E6V28%2E7C11%2E1 29%2E4 11%2E7 30%2E1 12%2E5 30%2E1H27%2E9C28%2E6 30%2E1 29%2E3 29%2E5 29%2E3 28%2E7V16%2E6C29%2E3 15%2E5 28%2E7 14%2E5 27%2E8 13%2E9L21%2E8 10%2E4C21%2E1 10%2E1 20%2E6 10 20%2E1 10Z' fill='%23FF6729'/><path d='M27%2E5996 21C24%2E6996 21 22%2E0996 23%2E2 22%2E0996 26%2E6C22%2E0996 28%2E8 23%2E7996 31%2E4 27%2E0996 34%2E3C27%2E3996 34%2E5 27%2E7996 34%2E5 27%2E9996 34%2E3C31%2E3996 31%2E3 32%2E9996 28%2E8 32%2E9996 26%2E6C33%2E0996 23%2E2 30%2E4996 21 27%2E5996 21ZM27%2E5996 27%2E9C26%2E7996 27%2E9 26%2E1996 27%2E3 26%2E1996 26%2E5C26%2E1996 25%2E7 26%2E7996 25%2E1 27%2E5996 25%2E1C28%2E3996 25%2E1 28%2E9996 25%2E7 28%2E9996 26%2E5C28%2E9996 27%2E3 28%2E3996 27%2E9 27%2E5996 27%2E9Z' fill='%23FFB08F'/></svg>"); }
.wHouse:before, .smallwHouse:before { display: inline-block; content: ""; width: 18px; height: 18px; background-size: contain; background-image: url("data:image/svg+xml,<svg width='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'><path d='M29 17%2E8999C29 21%2E0999 25%2E6 26%2E5 20 31%2E5C14%2E4 26%2E5 11 21%2E2 11 18%2E1C11 13%2E2 15 9 20 9C22 9 24 9%2E5 26%2E65 12L28%2E6 11C26%2E5 8%2E5 23%2E6491 7 19%2E9 7C14%2E2 7 9 11%2E3 9 18%2E1C9 22%2E5334 12%2E5913 27%2E7433 19%2E6783 33%2E7297C19%2E863 33%2E8858 20%2E137 33%2E8858 20%2E3217 33%2E7297C27%2E4087 27%2E7433 31 22%2E5334 31 18%2E1C31 18%2E1 31 17%2E9999 31 17%2E8999H29Z' fill='%23FF6729'/><path d='M33%2E4502 10%2E6H30%2E5502V7%2E7C30%2E5502 7%2E3 30%2E2502 7 29%2E8502 7C29%2E4502 7 29%2E0502 7%2E3 29%2E0502 7%2E7V10%2E6H26%2E1502C25%2E7502 10%2E6 25%2E4502 10%2E9 25%2E4502 11%2E3C25%2E4502 11%2E7 25%2E7502 12 26%2E1502 12H29%2E0502V14%2E9C29%2E0502 15%2E3 29%2E3502 15%2E6 29%2E7502 15%2E6C30%2E1502 15%2E6 30%2E4502 15%2E3 30%2E4502 14%2E9V12%2E1H33%2E3502C33%2E7502 12%2E1 34%2E0502 11%2E8 34%2E0502 11%2E4C34%2E0502 11 33%2E8502 10%2E6 33%2E4502 10%2E6Z' fill='%23FFB08F'/><path d='M20 21C21%2E6569 21 23 19%2E6569 23 18C23 16%2E3431 21%2E6569 15 20 15C18%2E3431 15 17 16%2E3431 17 18C17 19%2E6569 18%2E3431 21 20 21Z' fill='%23FFB08F'/></svg>"); }
.inv:before, .smallinv:before { display: inline-block; content: ""; width: 18px; height: 18px; background-size: contain; background-image: url("data:image/svg+xml,<svg width='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M10%2E1 20C10%2E1 25%2E4677 14%2E5322 29%2E9 19%2E9994 29%2E9C25%2E4666 29%2E9 29%2E8988 25%2E4677 29%2E8988 20C29%2E8988 14%2E5323 25%2E4666 10%2E1 19%2E9994 10%2E1C14%2E5322 10%2E1 10%2E1 14%2E5323 10%2E1 20ZM8 20C8 26%2E6274 13%2E3723 32 19%2E9994 32C26%2E6265 32 31%2E9988 26%2E6274 31%2E9988 20C31%2E9988 13%2E3726 26%2E6265 8 19%2E9994 8C13%2E3723 8 8 13%2E3726 8 20Z' fill='%23FF6729'/><path d='M19 22%2E3614V31%2E6326C19 32%2E5039 18%2E1949 33%2E1574 17%2E3353 32%2E9668C12%2E2184 31%2E8096 8%2E19315 27%2E7798 7%2E03332 22%2E6609C6%2E84229 21%2E8032 7%2E49725 21 8%2E37053 21H17%2E6355C18%2E386 21 19 21%2E6126 19 22%2E3614Z' fill='%23FFC7B0'/></svg>"); }
.legacy:before, .smalllegacy:before { font-family: "RentmanIcons" !important; font-style: normal; font-weight: normal; display: inline-block; font-size: 7px; content: "\e900"; color: #FF6729; vertical-align: middle; line-height: 1; }
.licenses td[class]::before { vertical-align: middle !important; }
.licenses td[class] { text-align: right !important; width: 28px !important; line-height: 0 !important; font-size: 0 !important; }

/* Light blue callout box — wraps a paragraph to highlight a tip or note */
.article-body .wysiwyg-color-pink120 {
  display: block;
  background: #e8f4fd;
  border: 1px solid #90cae8;
  border-radius: 8px;
  padding: 14px 18px;
  color: #1a1a1a !important;
  margin: 12px 0;
}
.article-body .wysiwyg-color-pink120 a { color: #FF5E1D !important; }

/* Blue UI button pill — represents a clickable button in the Rentman interface */
.article-body .wysiwyg-color-blue {
  display: inline-block;
  background: #1a73e8;
  color: #ffffff !important;
  border-radius: 4px;
  padding: 3px 12px;
  font-size: 13px;
  font-weight: 500;
  vertical-align: middle;
  white-space: nowrap;
}

/* Light blue badge/label — represents smaller UI labels (e.g. edit button icons) */
.article-body .wysiwyg-color-purple130 {
  display: inline-block;
  background: #e7f2ff;
  color: #137cfb !important;
  border: 1px solid #e7f2ff;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 13px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ── Article accordion component ───────────────────────────── */
/* Zendesk article editor inserts .accordion > .accordion__item structure.
   The platform JS toggles display:block/none on .accordion__item-content
   and adds .accordion__item-title--active on the title when open. */
.article-body .accordion {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
  margin: 0 0 24px;
}
.article-body .accordion__item + .accordion__item {
  border-top: 1px solid #e5e5e5;
}
.article-body .accordion__item-title {
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px 20px 15px 52px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  background: #F5F0EB;
  user-select: none;
  transition: background 0.15s;
}
/* Plus/minus icon — ::before = horizontal bar, ::after = vertical bar */
.article-body .accordion__item-title::before,
.article-body .accordion__item-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  background: #6b7280;
  border-radius: 1px;
}
.article-body .accordion__item-title::before {
  width: 12px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.article-body .accordion__item-title::after {
  width: 2px;
  height: 12px;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  transition: opacity 0.15s;
}
/* Open state — .accordion--colored turns header dark; vertical bar hides = minus */
.article-body .accordion__item-title--active,
.article-body .accordion--colored .accordion__item-title--active {
  background: #202121 !important;
  color: #ffffff !important;
}
.article-body .accordion__item-title--active::before,
.article-body .accordion--colored .accordion__item-title--active::before { background: #ffffff; }
.article-body .accordion__item-title--active::after,
.article-body .accordion--colored .accordion__item-title--active::after { display: none; }
.article-body .accordion__item-title:hover:not(.accordion__item-title--active) { background: #e8e2d9; }
.article-body .accordion__item-content {
  display: none; /* platform JS overrides with inline style when open */
  padding: 20px;
  background: #ffffff;
}

/* ── Article tabs component ─────────────────────────────────── */
/* Real DOM structure (Zendesk article editor):
   .tabs (outer wrapper)
     .tabs-menu
       span.tabs-link          ← tab buttons, direct children of .tabs-menu
       span.tabs-link.is-active
       .tabs (inner)           ← panel container, sibling of .tabs-link
         .tab                  ← visible panel
         .tab.is-hidden        ← hidden panel
   jQuery handler: $link.index() within .tabs-menu children (0/1),
   $link.parents('.tabs') = outer .tabs, .find('.tab') finds panels inside inner .tabs */
.article-body .tabs {
  margin: 0 0 24px;
}
.article-body .tabs-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.article-body .tabs-menu > p {
  margin: 0 0 -1px;
  line-height: 1;
}
.article-body .tabs-link {
  display: inline-block;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  border: 1px solid transparent;
  border-bottom: none;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
  transition: color 0.12s;
  user-select: none;
}
.article-body .tabs-link:hover { color: #1a1a1a; }
.article-body .tabs-link.is-active {
  color: #1a1a1a;
  background: #ffffff;
  border-color: #e5e5e5;
  border-bottom-color: #ffffff;
}
/* Inner .tabs = panel container (sibling of .tabs-link inside .tabs-menu) */
.article-body .tabs-menu > .tabs {
  display: block;
  flex: 0 0 100%;
  border: 1px solid #e5e5e5;
  border-radius: 0 4px 4px 4px;
  margin: 0;
}
.article-body .tabs-menu > .tabs > .tab {
  display: block;
  padding: 24px;
  background: #ffffff;
  border-radius: 0 4px 4px 4px;
}
.article-body .tabs-menu > .tabs > .tab.is-hidden { display: none; }

/* ── Attachments ────────────────────────────────────────────── */
.rm-article-attachments { margin-top: 32px; padding-top: 24px; border-top: 1px solid #e5e5e5; }
.rm-article-attachments__label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.1em; text-transform: uppercase; color: #6b7280 !important; margin: 0 0 12px !important; }

/* ── Voting block ───────────────────────────────────────────── */
.rm-article-votes { margin-top: 40px !important; padding: 28px !important; border: 1px solid #e5e5e5 !important; border-radius: 6px !important; background: #ffffff !important; text-align: center; }
.rm-article-votes .article-votes-question { display: block; font-size: 15px !important; font-weight: 600 !important; color: #202121 !important; margin-bottom: 16px; }
.rm-article-votes .article-votes-controls { display: flex; justify-content: center; gap: 10px; margin-bottom: 10px; }
.rm-article-votes .article-votes-count { display: block; font-size: 13px; color: #6b7280; }

/* ── Still need help callout ────────────────────────────────── */

/* ── Related / recent articles ──────────────────────────────── */
.rm-article-related,
.rm-article-recent { margin-top: 40px; padding-top: 28px; border-top: 1px solid #e5e5e5; }
.rm-article-related .rm-section__eyebrow,
.rm-article-recent .rm-section__eyebrow { display: none; }
.rm-article-related .related-articles-title,
.rm-article-recent .recent-articles-title { font-size: 18px !important; font-weight: 700 !important; color: #202121 !important; margin: 0 0 16px !important; }

/* ── Fix: related/recent article link colours ───────────────── */
.rm-article-related .related-articles li a,
.rm-article-related .related-articles li a:visited,
.rm-article-recent .recent-articles li a,
.rm-article-recent .recent-articles li a:visited { display: block !important; font-size: 14px !important; font-weight: 500 !important; color: #202121 !important; text-decoration: none !important; padding: 4px 0 !important; border: none !important; background: none !important; }
.rm-article-related .related-articles li a:hover,
.rm-article-recent .recent-articles li a:hover { color: #FF5E1D !important; text-decoration: none !important; }

/* ── Article TOC ────────────────────────────────────────────── */
.rm-article-toc { border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; background: #fff; }
.rm-article-toc[hidden] { display: none !important; }
.rm-article-toc__title { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.1em; text-transform: uppercase; color: #6b7280 !important; margin: 0 !important; padding: 14px 16px !important; border-bottom: 1px solid #e5e5e5; background: #EEE9E1; display: block !important; }
.rm-article-toc__list { list-style: none !important; margin: 0 !important; padding: 8px 0 !important; }
.rm-article-toc__item { margin: 0 !important; border-bottom: none !important; }
.rm-article-toc__link { display: block !important; padding: 6px 16px !important; font-size: 13px !important; line-height: 1.4 !important; color: #6b7280 !important; text-decoration: none !important; border-left: 3px solid transparent; transition: color 0.12s, background 0.12s, border-color 0.12s; }
.rm-article-toc__link:hover { color: #202121 !important; background: #fafafa !important; text-decoration: none !important; }
.rm-article-toc__item--h2 .rm-article-toc__link { padding-left: 28px !important; }
.rm-article-toc__item.is-active > .rm-article-toc__link { color: #FF5E1D !important; font-weight: 600 !important; border-left-color: #FF5E1D; background: #fff4ef !important; }
/* Slug anchors injected before headings — invisible but scroll-targetable */
.rm-toc-anchor { display: block; height: 0; scroll-margin-top: 80px; }
@media (max-width: 900px) { .rm-article-toc { display: none !important; } }

/* ── Article sidebar ────────────────────────────────────────── */
.rm-article-sidebar { position: sticky; top: 72px; display: flex !important; flex-direction: column !important; gap: 16px !important; }
.rm-article-sidebar__inner { border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; }
.rm-article-sidebar__title { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.1em; text-transform: uppercase; color: #6b7280 !important; margin: 0 !important; padding: 14px 16px !important; border-bottom: 1px solid #e5e5e5; background: #EEE9E1; display: block !important; }
.rm-article-sidebar__list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.rm-article-sidebar__item { border-bottom: 1px solid #e5e5e5; }
.rm-article-sidebar__item:last-child { border-bottom: none; }
.rm-article-sidebar__link { display: block !important; padding: 10px 16px !important; font-size: 13px !important; color: #202121 !important; text-decoration: none !important; line-height: 1.4; transition: background 0.12s; }
.rm-article-sidebar__link:hover { background: #fafafa !important; text-decoration: none !important; }
.rm-article-sidebar__item.is-current .rm-article-sidebar__link { color: #FF5E1D !important; font-weight: 600 !important; background: #fff4ef !important; border-left: 3px solid #FF5E1D; padding-left: 13px !important; }
.rm-article-sidebar__more { display: block !important; padding: 10px 16px !important; font-size: 13px !important; font-weight: 600 !important; color: #202121 !important; text-decoration: none !important; border-top: 1px solid #e5e5e5; background: #EEE9E1; }
.rm-article-sidebar__more:hover { text-decoration: underline !important; }
.rm-article-sidebar__top { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: #6b7280 !important; text-decoration: none !important; text-align: center; padding: 10px; border: 1px solid #e5e5e5; border-radius: 6px; }
.rm-article-sidebar__top:hover { color: #202121 !important; }

/* ── Category & Section page header zone ────────────────────── */
.container-divider { display: none; }

.container:has(.sub-nav) {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  background: #EEE9E1;
}

.sub-nav {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 5% !important;
  margin-bottom: 0 !important;
  background: transparent;
  box-sizing: border-box;
}
@media (min-width: 1260px) { .sub-nav { padding: 16px calc((100% - 1160px) / 2) !important; } }
.sub-nav .breadcrumbs li,
.sub-nav .breadcrumbs li a,
.sub-nav .breadcrumbs li a:link,
.sub-nav .breadcrumbs li a:visited { color: #6b7280 !important; font-size: 13px !important; text-decoration: none !important; }
.sub-nav .breadcrumbs li a:hover { color: #202121 !important; }

.section-container,
.category-container {
  background: #fff !important;
  width: 100% !important;
  max-width: 100% !important;
  border-top: 1px solid #e5e5e5;
}

.section-content,
.category-content {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 40px 5% !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .section-content,
  .category-content {
    padding-left: calc((100% - 1160px) / 2) !important;
    padding-right: calc((100% - 1160px) / 2) !important;
  }
}

.page-header { max-width: 100% !important; width: 100% !important; margin: 0 !important; padding: 16px 0 20px !important; background: transparent; box-sizing: border-box; }
.page-header h1 { font-size: 32px !important; font-weight: 800 !important; color: #202121 !important; margin: 0 !important; text-align: left !important; }
.page-header .section-subscribe button { font-size: 12px !important; padding: 4px 12px !important; border-color: #e5e5e5 !important; color: #6b7280 !important; background: transparent !important; min-width: 0 !important; width: auto !important; }

.section-content,
.category-content { padding-top: 24px !important; }
.section-list { margin-top: 0 !important; }

/* ── Category & Section page content ────────────────────────── */
.section-tree { gap: 40px 60px; }
.section-tree .section { margin-bottom: 40px; }
.section-tree-title { font-size: 16px !important; font-weight: 700 !important; margin-bottom: 8px; padding-bottom: 10px; border-bottom: 2px solid #e5e5e5; }
.section-tree-title a { color: #202121 !important; }
.section-tree-title a:hover { color: #FF5E1D !important; text-decoration: none !important; }
.article-list-item { padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.article-list-item a { color: #202121 !important; font-size: 14px !important; }
.article-list-item a:hover { color: #FF5E1D !important; text-decoration: none !important; }
.section-tree .see-all-articles { color: #FF5E1D !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; }
.section-tree .see-all-articles:hover { text-decoration: underline !important; }
.section-list-item { border-color: #e5e5e5 !important; }
.section-list-item a { color: #202121 !important; }
.section-list-item a:hover { color: #FF5E1D !important; text-decoration: none !important; }

/* ── Search results page ─────────────────────────────────────── */

.container:has(.search-results) {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  background: #EEE9E1;
}

.search-results {
  background: #fff !important;
  width: 100% !important;
  max-width: 100% !important;
  border-top: 1px solid #e5e5e5;
  padding: 40px 5% !important;
  box-sizing: border-box;
  gap: 56px !important;
}
@media (min-width: 1260px) {
  .search-results {
    padding-left: calc((100% - 1160px) / 2) !important;
    padding-right: calc((100% - 1160px) / 2) !important;
  }
}

/* Hide sidebar entirely — no category subfilter without type=article hack */
.search-results-sidebar { display: none !important; }
.search-results-column { flex: 0 0 100% !important; max-width: 100% !important; }

.search-results-subheading {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  margin: 0 0 24px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}

.search-results-list > li {
  padding: 20px 0 !important;
  border-bottom: 1px solid #e5e5e5;
}
.search-results-list > li:first-child { border-top: none !important; }

.search-result-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
  line-height: 1.3 !important;
}
.search-result-title a { color: #202121 !important; text-decoration: none !important; }
.search-result-title a:hover { color: #FF5E1D !important; text-decoration: none !important; }
.search-result-title a:visited { color: #202121 !important; }

/* Keep vote count inline with icon, aligned to top of title */
.search-result-title-container { align-items: flex-start !important; gap: 12px !important; }
.search-result-icons { display: flex !important; align-items: center !important; gap: 4px !important; flex-shrink: 0 !important; padding-top: 2px !important; }
.search-result-votes { display: flex !important; align-items: center !important; gap: 4px !important; color: #6b7280 !important; font-size: 12px !important; margin: 0 !important; white-space: nowrap !important; }

.search-result-breadcrumbs { margin: 4px 0 !important; display: flex !important; flex-wrap: nowrap !important; overflow: hidden !important; max-width: 100% !important; }
.search-result-breadcrumbs li { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 200px !important; flex-shrink: 1 !important; }
.search-result-breadcrumbs li:first-child { flex-shrink: 2 !important; }
.search-result-breadcrumbs li::before { flex-shrink: 0 !important; }
.search-result-breadcrumbs li,
.search-result-breadcrumbs li a { font-size: 12px !important; color: #6b7280 !important; text-decoration: none !important; }
.search-result-breadcrumbs li a:hover { color: #202121 !important; }

.search-result-meta-container { gap: 0 !important; margin-top: 6px; }
.search-result-meta-container .meta-data { font-size: 12px !important; color: #6b7280 !important; }
/* Hide author name — first meta-data span before the date */
.search-result-meta-container .meta-data:first-of-type { display: none !important; }

.search-result-description {
  font-size: 14px !important;
  color: #6b7280 !important;
  line-height: 1.5 !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.search-result-description em,
.search-results-description em {
  font-style: normal !important;
  font-weight: 700 !important;
  color: #202121 !important;
  background: #fff4ef;
  border-radius: 2px;
  padding: 0 2px;
}

/* ── Sidebar filter ──────────────────────────────────────────── */
.search-results-sidebar {
  padding-top: 0 !important;
  border: none !important;
  margin-bottom: 0 !important;
}
@media (min-width: 1024px) { .search-results-sidebar { padding-right: 32px; } }

.collapsible-sidebar-title.sidenav-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b7280 !important;
  margin: 0 0 8px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

/* Sidebar hidden entirely — no type/category filter rules needed */

/* Hide the ∨ × toggle button — list is always expanded on desktop */
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar-toggle {
    display: none !important;
  }
}


.search-results-sidebar button,
.search-results-sidebar .collapsible-nav-toggle {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 13px !important;
  color: #6b7280 !important;
}
.search-results-sidebar button:hover {
  background: none !important;
  color: #202121 !important;
}

.search-results-sidebar .sidenav-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  margin-bottom: 2px !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  color: #202121 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #e5e5e5;
  background: transparent !important;
}
.search-results-sidebar .sidenav-item:hover { background: transparent !important; color: #FF5E1D !important; text-decoration: none !important; }
.search-results-sidebar .sidenav-item.current { background: transparent !important; color: #FF5E1D !important; font-weight: 600 !important; }
.search-results-sidebar .sidenav-subitem.filter-name { font-size: 14px; }
.search-results-sidebar .sidenav-subitem.doc-count { font-size: 12px; color: #6b7280; }

/* ── No-results state ────────────────────────────────────────── */
.search-results .no-results { padding-top: 48px !important; align-items: flex-start !important; }
.search-results .no-results .headline { font-size: 20px !important; font-weight: 700 !important; color: #202121 !important; }
.search-results .no-results .action-prompt { font-size: 14px !important; color: #6b7280 !important; }
.search-results .no-results .action-prompt a { color: #FF5E1D !important; text-decoration: underline; }

/* ── Search results pagination ───────────────────────────────── */
.container:has(.search-results) .pagination {
  background: #EEE9E1 !important;
  margin: 0 !important;
  padding: 24px 5% !important;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .container:has(.search-results) .pagination {
    padding-left: calc((100% - 1160px) / 2) !important;
    padding-right: calc((100% - 1160px) / 2) !important;
  }
}
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
  background: #fff !important;
  border-color: #e5e5e5 !important;
  color: #202121 !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  padding: 0 16px !important;
  line-height: 2.6 !important;
  transition: border-color 0.12s, color 0.12s, background 0.12s !important;
}
.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover {
  border-color: #FF5E1D !important;
  color: #FF5E1D !important;
  background: #fff !important;
  text-decoration: none !important;
}
.pagination-next-link:visited,
.pagination-prev-link:visited,
.pagination-first-link:visited,
.pagination-last-link:visited {
  color: #202121 !important;
}

/* ── Header language selector ────────────────────────────────── */
.rm-header__actions .footer__language-selector { position: relative; }
.rm-header__actions .footer__language-selector .btn--language { display: flex; align-items: center; gap: 6px; background: none; border: none; cursor: pointer; padding: 6px 12px; border-radius: 4px; color: #202121; font-size: 14px; font-weight: 600; text-decoration: none; transition: background 0.12s; }
.rm-header__actions .footer__language-selector .btn--language:hover { background: #f5f5f5; text-decoration: none; }
.rm-header__actions .footer__language-selector .c-language__icon { display: flex; align-items: center; width: 16px; height: 16px; color: #6b7280; }
.rm-header__actions .footer__language-selector .c-language__icon svg { width: 16px; height: 16px; }
.rm-header__actions .footer__language-selector .dropdown-menu { position: absolute; top: calc(100% + 4px); right: 0; min-width: 140px; background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.10); padding: 4px 0; z-index: 200; }
.rm-header__actions .footer__language-selector .dropdown-menu a { display: block; padding: 8px 14px; font-size: 13px; color: #202121; text-decoration: none; transition: background 0.1s; outline: none; }
.rm-header__actions .footer__language-selector .dropdown-menu a:hover { background: #f5f5f5; text-decoration: none; }

/* ── Footer language selector ────────────────────────────────── */
.rm-footer__lang-selector { position: relative; }
.rm-footer__lang-toggle { display: flex; align-items: center; gap: 6px; background: none; border: none; cursor: pointer; padding: 4px 8px; border-radius: 4px; color: rgba(255,255,255,0.6); font-size: 13px; font-weight: 400; text-decoration: none; transition: color 0.12s; white-space: nowrap; }
.rm-footer__lang-toggle svg { flex-shrink: 0; }
.rm-footer__lang-toggle:hover { color: #fff; text-decoration: none; }
.rm-footer__lang-selector .dropdown-menu { position: absolute; bottom: calc(100% + 6px); right: 0; min-width: 140px; background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; box-shadow: 0 -4px 24px rgba(0,0,0,0.15); padding: 4px 0; z-index: 200; }
.rm-footer__lang-selector .dropdown-menu a { display: block; padding: 8px 14px; font-size: 13px; color: #202121; text-decoration: none; transition: background 0.1s; outline: none; }
.rm-footer__lang-selector .dropdown-menu a:hover { background: #f5f5f5; text-decoration: none; }

/* ── New request page ────────────────────────────────────────── */

/* Page title — same padding as sub-nav so it lines up */
.container:has(#new-request-form) h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #202121 !important;
  margin: 0 !important;
  padding: 20px 5% 16px !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .container:has(#new-request-form) h1 {
    padding: 20px calc((100% - 1160px) / 2) 16px !important;
  }
}

/* White content panel */
.container:has(#new-request-form) .form {
  background: #fff !important;
  width: 100% !important;
  max-width: 100% !important;
  border-top: 1px solid #e5e5e5;
  padding: 24px 5% 64px !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .container:has(#new-request-form) .form {
    padding-left: calc((100% - 1160px) / 2) !important;
    padding-right: calc((100% - 1160px) / 2) !important;
  }
}

/* Constrain the form itself to a readable width */
#new-request-form {
  max-width: 700px;
  padding: 0 !important;
  text-align: left !important;
}

/* Required fields notice */
#new-request-form > p,
.container:has(#new-request-form) .form > p {
  font-size: 13px !important;
  color: #6b7280 !important;
  margin: 0 0 24px !important;
}

/* Form type picker label */
#new-request-form label,
#new-request-form [class*="StyledLabel"] {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #202121 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Field hint / description text */
#new-request-form [class*="StyledHint"],
#new-request-form [class*="Hint"] {
  font-size: 13px !important;
  color: #6b7280 !important;
  margin-bottom: 8px !important;
  line-height: 1.5 !important;
}

/* All text inputs, selects, textareas inside the React form */
#new-request-form input[type="text"],
#new-request-form input[type="email"],
#new-request-form input[type="number"],
#new-request-form textarea,
#new-request-form select {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #202121 !important;
  background: #fff !important;
  width: 100% !important;
  transition: border-color 0.12s !important;
  outline: none !important;
}
#new-request-form input[type="text"]:focus,
#new-request-form input[type="email"]:focus,
#new-request-form input[type="number"]:focus,
#new-request-form textarea:focus,
#new-request-form select:focus {
  border-color: #FF5E1D !important;
}
#new-request-form textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

/* Combobox / form type dropdown */
#new-request-form [role="combobox"],
#new-request-form [class*="StyledCombobox"] {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  font-size: 14px !important;
  color: #202121 !important;
  min-height: 42px !important;
  cursor: pointer !important;
}
#new-request-form [role="combobox"]:focus-within,
#new-request-form [role="combobox"]:focus {
  border-color: #FF5E1D !important;
  outline: none !important;
}

/* Listbox dropdown options */
#new-request-form [role="listbox"],
#new-request-form [role="option"] {
  font-size: 14px !important;
  color: #202121 !important;
}
#new-request-form [role="option"]:hover,
#new-request-form [role="option"][aria-selected="true"] {
  background: #fff4ef !important;
  color: #FF5E1D !important;
}

/* Submit button */
#new-request-form [type="submit"],
#new-request-form button[type="submit"] {
  background: #FF5E1D !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.12s !important;
  min-width: 160px !important;
}
#new-request-form [type="submit"]:hover,
#new-request-form button[type="submit"]:hover {
  background: #202121 !important;
  opacity: 0.75;
}

/* Suggestion list (article suggestions shown while typing) */
#new-request-form .suggestion-list,
#new-request-form [class*="suggestion"] ul {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  padding: 8px 0 !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}
#new-request-form .suggestion-list li,
#new-request-form [class*="suggestion"] li {
  padding: 10px 16px !important;
  font-size: 14px !important;
  color: #202121 !important;
  border-bottom: 1px solid #f5f5f5 !important;
}
#new-request-form .suggestion-list li:last-child { border-bottom: none !important; }
#new-request-form .suggestion-list li a,
#new-request-form [class*="suggestion"] li a { color: #202121 !important; text-decoration: none !important; }
#new-request-form .suggestion-list li a:hover { color: #FF5E1D !important; }

/* File upload area */
#new-request-form [class*="upload"],
#new-request-form .upload-dropzone {
  border: 2px dashed #e5e5e5 !important;
  border-radius: 6px !important;
  padding: 20px !important;
  text-align: center !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  background: #fafafa !important;
  transition: border-color 0.12s !important;
}
#new-request-form [class*="upload"]:hover,
#new-request-form .upload-dropzone:hover {
  border-color: #FF5E1D !important;
}

/* ── Requests list page ──────────────────────────────────────── */

/* Full-width beige container */
.container:has(.my-activities-header) {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  background: #EEE9E1;
}

/* Beige header zone with h1 */
.my-activities-header {
  padding: 20px 5% 16px !important;
  margin: 0 !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .my-activities-header {
    padding: 20px calc((100% - 1160px) / 2) 16px !important;
  }
}
.my-activities-header h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #202121 !important;
  margin: 0 !important;
}

/* White content panel */
.container:has(.my-activities-header) #main-content {
  background: #fff !important;
  width: 100% !important;
  max-width: 100% !important;
  border-top: 1px solid #e5e5e5;
  padding: 32px 5% 64px !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .container:has(.my-activities-header) #main-content {
    padding-left: calc((100% - 1160px) / 2) !important;
    padding-right: calc((100% - 1160px) / 2) !important;
  }
}

/* Tab list */
#main-content [role="tablist"] {
  border-bottom: 1px solid #e5e5e5 !important;
  margin-bottom: 24px !important;
  gap: 0 !important;
}

/* Tabs — inactive */
#main-content [role="tab"] {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  padding: 10px 20px 8px !important;
  border-bottom: 3px solid transparent !important;
  transition: color 0.12s, border-color 0.12s !important;
  cursor: pointer !important;
}
#main-content [role="tab"]:hover {
  color: #202121 !important;
  text-decoration: none !important;
}

/* Active tab — orange underline */
#main-content [role="tab"][aria-selected="true"],
#main-content [role="tab"][class*="selected"],
#main-content [role="tab"][tabindex="0"] {
  color: #FF5E1D !important;
  border-bottom-color: #FF5E1D !important;
  font-weight: 600 !important;
}

/* Request count + toolbar row */
#main-content [role="status"] {
  font-size: 13px !important;
  color: #6b7280 !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* Search input — style the faux wrapper, scoped to requests list only */
.container:has(.my-activities-header) #main-content [class*="StyledTextFauxInput"] {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  transition: border-color 0.12s !important;
}
.container:has(.my-activities-header) #main-content [class*="StyledTextFauxInput"]:focus-within {
  border-color: #FF5E1D !important;
}
/* Strip border from the bare input inside the wrapper */
.container:has(.my-activities-header) #main-content [class*="StyledTextFauxInput"] input {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  font-size: 14px !important;
  color: #202121 !important;
  padding: 0 !important;
}

/* Filter button — scoped to requests list page only */
.container:has(.my-activities-header) #main-content button {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #202121 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  transition: border-color 0.12s, background 0.12s !important;
}
.container:has(.my-activities-header) #main-content button:hover {
  border-color: #FF5E1D !important;
  color: #FF5E1D !important;
  background: #fff !important;
}

/* Table header — requests list page only */
.container:has(.my-activities-header) #main-content [role="columnheader"],
.container:has(.my-activities-header) #main-content th {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #6b7280 !important;
  padding: 10px 16px 10px 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Table rows */
#main-content [role="row"],
#main-content tr:not(.licenses tr) {
  border-bottom: 1px solid #f0f0f0 !important;
}
#main-content [role="row"]:hover,
#main-content tr:hover {
  background: #fafafa !important;
}
.licenses tr { border-bottom: none !important; }

/* Table cells */
#main-content [role="cell"],
#main-content td {
  font-size: 14px !important;
  color: #202121 !important;
  padding: 14px 16px 14px 0 !important;
  text-align: left !important;
}

/* Remove excessive top padding on Garden table wrapper */
.container:has(.my-activities-header) #main-content > div:has([data-garden-id="tables.table"]) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#main-content .article-body th {
  padding: 10px 16px !important;
}
#main-content .article-body td {
  padding: 14px 16px !important;
}
#main-content .article-body table.licenses td {
  padding: 4px 8px !important;
  vertical-align: middle !important;
}

/* Request subject link — scoped to requests list page only to avoid bleeding onto article page */
.container:has(.my-activities-header) #main-content a {
  color: #202121 !important;
  text-decoration: none !important;
}
.container:has(.my-activities-header) #main-content a:hover {
  color: #FF5E1D !important;
  text-decoration: none !important;
}

/* Status badges */
#main-content [class*="status"],
#main-content .status-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* Empty state — scoped tightly to requests page only */
.container:has(.my-activities-header) #main-content [class*="empty"],
.container:has(.my-activities-header) #main-content [class*="Empty"],
.container:has(.my-activities-header) #main-content > div:last-child:not([role]) {
  text-align: center !important;
  padding: 56px 0 !important;
  color: #6b7280 !important;
  font-size: 15px !important;
}

/* Fix React form centering text-align on new request page */
#new-request-form,
#new-request-form form {
  text-align: left !important;
}
#new-request-form p {
  text-align: left !important;
}

/* ==========================================================================
   USER PROFILE PAGE
   DOM: main > header#main-content.profile-header + div.profile-nav + div.container
   ========================================================================== */

/* ── Profile header (beige zone) ── */
/* Already beige from base styles but padding needs to match 1160px pattern */
.profile-header {
  background: #EEE9E1 !important;
  padding: 0 !important; /* padding handled by inner .container */
  width: 100% !important;
  box-sizing: border-box;
}

/* The inner .container inside .profile-header carries the content padding */
.profile-header > .container {
  padding: 40px 5% 32px !important;
  box-sizing: border-box;
  max-width: 100% !important;
}
@media (min-width: 1260px) {
  .profile-header > .container {
    padding: 40px calc((100% - 1160px) / 2) 32px !important;
  }
}

/* Avatar — white ring */
.profile-avatar .user-avatar {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  border: 3px solid #fff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
}

/* Name heading */
.profile-header .basic-info .name {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #202121 !important;
  letter-spacing: -0.01em !important;
}

/* Stat labels */
.profile-stats .stat-label {
  color: #6b7280 !important;
}

/* Stats counters right column — fix border token */
.profile-stats-counters {
  border-color: #e5e5e5 !important;
}

/* Edit profile / follow buttons */
.user-profile-actions a,
.user-profile-actions button {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: background 0.12s, border-color 0.12s !important;
  cursor: pointer !important;
}
/* Primary action (Edit profile) — filled orange */
.user-profile-actions a:first-child,
.user-profile-actions button:first-child {
  background: #FF5E1D !important;
  color: #fff !important;
  border: none !important;
}
.user-profile-actions a:first-child:hover,
.user-profile-actions button:first-child:hover {
  background: #e55a20 !important;
}
/* Secondary action (Follow) — outlined */
.user-profile-actions a:not(:first-child),
.user-profile-actions button:not(:first-child) {
  background: #fff !important;
  color: #202121 !important;
  border: 1px solid #e5e5e5 !important;
}
.user-profile-actions a:not(:first-child):hover,
.user-profile-actions button:not(:first-child):hover {
  border-color: #FF5E1D !important;
  color: #FF5E1D !important;
}

/* Private profile badge — orange bordered */
.profile-private-badge {
  border-color: #FF5E1D !important;
  color: #FF5E1D !important;
  border-radius: 6px !important;
}

/* ── Profile nav (beige tab strip) ── */
/* nav has its own inner .container for width centering */
.profile-nav {
  background: #EEE9E1 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  margin-bottom: 0 !important;
}
.profile-nav > .container {
  padding-left: 5% !important;
  padding-right: 5% !important;
  box-sizing: border-box;
  max-width: 100% !important;
}
@media (min-width: 1260px) {
  .profile-nav > .container {
    padding-left: calc((100% - 1160px) / 2) !important;
    padding-right: calc((100% - 1160px) / 2) !important;
  }
}

/* Nav tab links — inside collapsible-nav-list > li */
.profile-nav .collapsible-nav-list li a {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  padding: 12px 16px 10px !important;
  display: inline-block !important;
  border-bottom: 3px solid transparent !important;
  text-decoration: none !important;
  transition: color 0.12s, border-color 0.12s !important;
}
.profile-nav .collapsible-nav-list li a:hover {
  color: #202121 !important;
  text-decoration: none !important;
}
/* Active tab */
.profile-nav .collapsible-nav-list li.current a {
  color: #FF5E1D !important;
  border-bottom-color: #FF5E1D !important;
  font-weight: 600 !important;
}

/* ── Content body (.container directly after .profile-nav) ── */
/* This .container has max-width:1160px from base styles — we need bg + border-top */
.profile-nav + .container {
  background: #fff !important;
  border-top: 1px solid #e5e5e5 !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 40px 5% 64px !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .profile-nav + .container {
    padding: 40px calc((100% - 1160px) / 2) 64px !important;
  }
}

/* Also handle the invisible-profile / no-member-since container */
.profile-header + .container,
.profile-header ~ .container:not(.profile-nav ~ .container) {
  background: #fff !important;
  border-top: 1px solid #e5e5e5 !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 40px 5% 64px !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .profile-header + .container,
  .profile-header ~ .container:not(.profile-nav ~ .container) {
    padding: 40px calc((100% - 1160px) / 2) 64px !important;
  }
}

/* ── Section content ── */
.profile-section-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #202121 !important;
}

/* Contribution list dividers */
.profile-contribution-list > .profile-contribution {
  border-top-color: #e5e5e5 !important;
}
.profile-contribution-list > .profile-contribution:last-child {
  border-bottom-color: #e5e5e5 !important;
}

/* Contribution titles */
.profile-contribution-title a {
  color: #202121 !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.profile-contribution-title a:hover {
  color: #FF5E1D !important;
}

/* Activity icon bubbles */
.profile-activity-icon {
  background-color: #EEE9E1 !important;
  color: #FF5E1D !important;
  border: 1px solid #e5e5e5 !important;
}
/* Activity timeline connector */
.profile-activity:not(:last-child) {
  border-left-color: #e5e5e5 !important;
}
/* Activity card */
.profile-activity-contribution {
  background: #EEE9E1 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
}

/* Badge items */
.profile-badges-item {
  border-top-color: #e5e5e5 !important;
}
.profile-badges-item-title {
  color: #202121 !important;
  font-size: 15px !important;
}
.profile-badges-item-description {
  color: #6b7280 !important;
}

/* No-activity / private-activity */
.profile-section .no-activity,
.profile-section .private-activity {
  color: #6b7280 !important;
  font-size: 15px !important;
}


/* ==========================================================================
   TICKET VIEW (request_page.hbs)
   DOM: .container > .request-breadcrumbs + h1.request-title + .request-container
          .request-container > .request-main + .request-sidebar
   ========================================================================== */

/* Breadcrumb links */
.request-breadcrumbs .breadcrumbs li a,
.request-breadcrumbs .breadcrumbs li a:visited {
  color: #6b7280 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}
.request-breadcrumbs .breadcrumbs li a:hover { color: #202121 !important; }

/* Full-width beige container */
.container:has(.request-title) {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  background: #EEE9E1;
}

/* Breadcrumbs + title zone — beige, centred to 1160px */
.request-breadcrumbs,
.request-title {
  padding-left: 5% !important;
  padding-right: 5% !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .request-breadcrumbs,
  .request-title {
    padding-left: calc((100% - 1160px) / 2) !important;
    padding-right: calc((100% - 1160px) / 2) !important;
  }
}
.request-breadcrumbs {
  padding-top: 28px !important;
  padding-bottom: 0 !important;
  margin-bottom: 12px !important;
}
.request-title {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #202121 !important;
  border-bottom: none !important;
  padding-top: 8px !important;
  padding-bottom: 28px !important;
  margin-bottom: 0 !important;
  max-width: 100% !important;
}

/* White content panel — fully white below the beige header zone */
.request-container {
  background: #fff !important;
  border-top: 1px solid #e5e5e5 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 40px 5% 64px !important;
  box-sizing: border-box;
}
@media (min-width: 1260px) {
  .request-container {
    padding: 40px calc((100% - 1160px) / 2) 64px !important;
  }
}

/* ── Left column (comments + reply) ── */
@media (min-width: 1024px) {
  .request-main { flex: 0 0 64% !important; }
}

/* Comment list */
.comment-list { list-style: none !important; margin: 0 0 32px !important; padding: 0 !important; }
.comment { padding: 20px 0 !important; border-bottom: 1px solid #e5e5e5 !important; }
.comment:first-child { border-top: 1px solid #e5e5e5 !important; }

/* Comment avatar */
.comment-avatar .user-avatar { width: 36px !important; height: 36px !important; border-radius: 50% !important; }

/* Comment body */
.comment-body { font-size: 14px !important; line-height: 1.6 !important; color: #202121 !important; }

/* Comment author + date metadata */
.comment-author { font-weight: 600 !important; font-size: 14px !important; color: #202121 !important; }
.comment-meta .meta-data { font-size: 12px !important; color: #6b7280 !important; }

/* "Add to conversation" show button */
.comment-show-container {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  padding: 10px 16px !important;
  text-align: left !important;
  background: #fff !important;
  cursor: text !important;
  transition: border-color 0.12s !important;
}
.comment-show-container:hover {
  border-color: #FF5E1D !important;
}

/* Reply textarea */
.comment-container textarea,
.comment-fields textarea {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: #202121 !important;
  padding: 12px !important;
  width: 100% !important;
  resize: vertical !important;
  transition: border-color 0.12s !important;
}
.comment-container textarea:focus,
.comment-fields textarea:focus {
  border-color: #FF5E1D !important;
  outline: none !important;
}

/* Submit button */
.comment-form-controls input[type="submit"],
.comment-form-controls button[type="submit"] {
  background: #FF5E1D !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  width: auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
  transition: background 0.12s !important;
}
.comment-form-controls input[type="submit"]:hover,
.comment-form-controls button[type="submit"]:hover {
  background: #e55a20 !important;
}

/* ── Right sidebar — white, separated by left border ── */
@media (min-width: 1024px) {
  .request-sidebar {
    background: #fff !important;
    border: none !important;
    border-left: 1px solid #e5e5e5 !important;
    width: 32% !important;
    padding: 0 0 0 32px !important;
    font-size: 13px !important;
  }
}

/* Sidebar title — hidden on desktop, shown on mobile as collapsible toggle */
.request-sidebar .collapsible-sidebar-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #6b7280 !important;
  margin: 0 0 16px !important;
}
@media (min-width: 1024px) {
  .request-sidebar .collapsible-sidebar-toggle { display: none !important; }
  .request-sidebar .collapsible-sidebar-title { display: block !important; }
}

/* Mobile: sidebar below comments, toggle hidden, details always visible */
@media (max-width: 1023px) {
  .request-sidebar { order: 2 !important; border-top: 1px solid #e5e5e5 !important; border-bottom: none !important; padding-top: 24px !important; }
  .request-sidebar .collapsible-sidebar-toggle { display: none !important; }
  .request-sidebar .collapsible-sidebar-body { display: block !important; }
  /* Prevent request-main from overflowing — flex-shrink:0 lets CKEditor force it wide */
  .request-main { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; }
  /* Tighter beige header on mobile */
  .request-breadcrumbs { padding-top: 16px !important; margin-bottom: 8px !important; }
  .request-title { font-size: 22px !important; padding-top: 4px !important; padding-bottom: 16px !important; }
  /* Submit button — add breathing room above the sidebar divider */
  .comment-form-controls input[type="submit"],
  .comment-form-controls button[type="submit"] { margin-bottom: 32px !important; }
}
  /* CKEditor toolbar: wrap buttons rather than overflow */
  /* CKEditor toolbar — don't fight CKEditor's own overflow grouping, just clip cleanly */
  .ck-toolbar { overflow: hidden !important; max-width: 100% !important; }
  .ck-editor,
  .ck-editor__main,
  .ck-editor__editable,
  .ck-content { max-width: 100% !important; box-sizing: border-box !important; }
  /* Submit button — compact on mobile */
  .comment-form-controls input[type="submit"],
  .comment-form-controls button[type="submit"] {
    line-height: 1.4 !important;
    padding: 8px 20px !important;
    min-width: 0 !important;
    width: auto !important;
    margin-top: 12px !important;
  }
}

/* Details dl/dt/dd */
.request-details {
  margin: 0 0 20px !important;
  padding: 0 !important;
  border-bottom: none !important;
}
.request-details dt {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #6b7280 !important;
  margin: 0 0 2px !important;
  width: 100% !important;
}
.request-details dd {
  font-size: 13px !important;
  color: #202121 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  width: 100% !important;
  white-space: normal !important;
}

/* Status badge */
.status-label-request {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
}
.status-label-open {
  background: #FF5E1D !important;
  color: #fff !important;
}
.status-label-solved,
.status-label-closed {
  background: #e5e5e5 !important;
  color: #6b7280 !important;
}
.status-label-pending {
  background: #202121 !important;
  color: #fff !important;
}

/* ==========================================================================
   END CUSTOM RENTMAN CODE
   ========================================================================== */
.service-catalog-hero { background-image: url(/hc/theming_assets/01KEEYTVR0Y9PQE3AR24XD043P); margin-bottom: 10px; height: 320px; }
.service-catalog-description { display: flow-root; }
.service-catalog-description a { color: #1F73B7; text-decoration: underline; }
.service-catalog-description a:visited { color: #9358B0; }
.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 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 { 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: #5a6d7c; 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; }
/***** Onboarding Hub *****/

/* Hero */
.rm-onboard-hero { padding: 56px 0 48px; }
.rm-onboard-hero__sub { font-size: 16px; color: rgba(255,255,255,0.7); margin: 0; max-width: 560px; line-height: 1.6; }

/* Progress strip */
.rm-onboard-strip { background: #fff; border-bottom: 1px solid #e5e5e5; position: sticky; top: 0; z-index: 100; }
.rm-onboard-strip__inner { max-width: 1160px; margin: 0 auto; padding: 0 5%; display: flex; align-items: center; gap: 0; overflow-x: auto; }
@media (min-width: 1160px) { .rm-onboard-strip__inner { padding: 0; width: 90%; } }
.rm-onboard-strip__item { display: flex; align-items: center; gap: 8px; padding: 16px 20px; text-decoration: none; color: #6b7280; font-size: 13px; font-weight: 500; white-space: nowrap; border-bottom: 2px solid transparent; transition: color 0.12s, border-color 0.12s; }
.rm-onboard-strip__item:hover { color: #202121; text-decoration: none; border-bottom-color: #202121; }
.rm-onboard-strip__num { font-size: 11px; font-weight: 700; color: #FF5E1D; letter-spacing: 0.05em; }
.rm-onboard-strip__divider { color: #e5e5e5; font-size: 12px; flex-shrink: 0; }

/* Steps */
.rm-onboard-steps { background: #EEE9E1; }
.rm-onboard-step { background: #fff; border-bottom: 1px solid #e5e5e5; }
.rm-onboard-step--alt { background: #EEE9E1; }
.rm-onboard-step__inner { max-width: 1160px; margin: 0 auto; padding: 56px 5%; display: grid; grid-template-columns: 160px 1fr; gap: 48px; }
@media (min-width: 1160px) { .rm-onboard-step__inner { padding: 56px 0; width: 90%; } }
@media (max-width: 767px) { .rm-onboard-step__inner { grid-template-columns: 1fr; gap: 16px; padding: 40px 5%; } }

/* Step meta (number + tag) */
.rm-onboard-step__meta { display: flex; flex-direction: column; gap: 8px; padding-top: 4px; }
.rm-onboard-step__num { font-size: 48px; font-weight: 900; color: #e5e5e5; line-height: 1; font-family: 'Manrope', sans-serif; }
.rm-onboard-step--alt .rm-onboard-step__num { color: #d5d0c8; }
.rm-onboard-step__tag { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #FF5E1D; }

/* Step body */
.rm-onboard-step__title { font-size: 22px; font-weight: 800; color: #202121; margin: 0 0 12px; line-height: 1.2; }
.rm-onboard-step__desc { font-size: 15px; color: #6b7280; margin: 0 0 24px; line-height: 1.6; max-width: 640px; }

/* Tip box */
.rm-onboard-step__tip { background: #EEE9E1; border-left: 3px solid #FF5E1D; border-radius: 0 6px 6px 0; padding: 14px 18px; margin-bottom: 28px; }
.rm-onboard-step--alt .rm-onboard-step__tip { background: #fff; }
.rm-onboard-step__tip-label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #FF5E1D; margin-bottom: 6px; }
.rm-onboard-step__tip p { font-size: 14px; color: #202121; margin: 0; line-height: 1.6; }

/* Resources */
.rm-onboard-step__resources { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 767px) { .rm-onboard-step__resources { grid-template-columns: 1fr; } }
.rm-onboard-step__res-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #6b7280; margin: 0 0 10px; }
.rm-onboard-step__articles ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rm-onboard-step__articles li { font-size: 14px; }
.rm-onboard-step__articles a { color: #202121; text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }
.rm-onboard-step__articles a:hover { color: #FF5E1D; text-decoration: underline; }

/* Video link */
.rm-onboard-video-link { display: inline-flex; align-items: center; gap: 10px; background: #202121; color: #fff !important; text-decoration: none !important; padding: 10px 16px; border-radius: 6px; font-size: 14px; font-weight: 500; line-height: 1.4; transition: opacity 0.12s; }
.rm-onboard-video-link:hover { opacity: 0.75; text-decoration: none !important; }
.rm-onboard-video-link__play { background: #FF5E1D; color: #fff; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; flex-shrink: 0; padding-left: 2px; }

/* Graduation closer */
/* ── Implementation Guide modal ─────────────────────────────── */
.rm-impl-modal { display: none; position: fixed; inset: 0; z-index: 1000; align-items: center; justify-content: center; padding: 20px; }
.rm-impl-modal.is-open { display: flex; }
.rm-impl-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.5); }
.rm-impl-modal__box { position: relative; background: #fff; border-radius: 10px; padding: 32px; max-width: 460px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.2); display: flex; flex-direction: column; gap: 14px; }
.rm-impl-modal__close { position: absolute; top: 14px; right: 16px; background: none; border: none; font-size: 16px; color: #6b7280; cursor: pointer; line-height: 1; padding: 4px 6px; border-radius: 4px; }
.rm-impl-modal__close:hover { background: #f3f4f6; color: #202121; }
.rm-impl-modal__title { font-size: 17px; font-weight: 700; color: #202121; margin: 0; }
.rm-impl-modal__desc { font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0; }
.rm-impl-modal__img-wrap { border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; }
.rm-impl-modal__img { display: block; width: 100%; height: auto; }
.rm-impl-modal__cta { display: inline-block; align-self: flex-start; font-size: 13px; font-weight: 600; color: #fff; background: #202121; border-radius: 5px; padding: 8px 14px; text-decoration: none; transition: background 0.12s; }
.rm-impl-modal__cta:hover { background: #FF5E1D; color: #fff; text-decoration: none; }
.rm-onboard-preflight { background: #EEE9E1; border-top: 1px solid #ddd9d0; border-bottom: 1px solid #ddd9d0; }
.rm-onboard-preflight__inner { max-width: 1160px; margin: 0 auto; padding: 20px 5%; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
@media (min-width: 1160px) { .rm-onboard-preflight__inner { padding: 20px 0; width: 90%; } }
.rm-onboard-preflight__text { font-size: 14px; color: #4b5563; margin: 0; line-height: 1.5; max-width: 480px; }
.rm-onboard-preflight__text strong { color: #202121; font-weight: 600; }
.rm-onboard-preflight__label { font-weight: 700; color: #202121; }
.rm-onboard-preflight__actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; align-items: center; }
.rm-onboard-preflight__btn { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; text-decoration: none; border-radius: 5px; padding: 7px 13px; transition: background 0.12s, color 0.12s, border-color 0.12s; white-space: nowrap; }
.rm-onboard-preflight__btn--primary { background: #202121; color: #fff; }
.rm-onboard-preflight__btn--primary:hover { background: #FF5E1D; color: #fff; text-decoration: none; }
.rm-onboard-preflight__btn--secondary { background: transparent; color: #6b7280; border: 1px solid #c8c3bb; }
.rm-onboard-preflight__btn--secondary:hover { border-color: #202121; color: #202121; text-decoration: none; }

.rm-onboard-grad { background: #fff; border-top: 1px solid #e5e5e5; padding: 72px 0; text-align: center; }
.rm-onboard-grad__inner { max-width: 560px; margin: 0 auto; padding: 0 5%; }
.rm-onboard-grad__icon { font-size: 40px; display: block; margin-bottom: 16px; }
.rm-onboard-grad__title { font-size: 28px; font-weight: 900; color: #202121; margin: 0 0 12px; }
.rm-onboard-grad__desc { font-size: 15px; color: #6b7280; margin: 0 0 24px; line-height: 1.6; }
.rm-onboard-grad__link { font-size: 14px; font-weight: 600; color: #202121; text-decoration: underline; text-underline-offset: 3px; }
.rm-onboard-grad__link:hover { color: #FF5E1D; }

/* Plan badges */
.rm-onboard-plan-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; color: #6b7280; background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 20px; padding: 3px 10px; margin: 6px 0 20px; text-decoration: none; transition: color 0.12s, border-color 0.12s; }
.rm-onboard-plan-badge:hover { color: #202121; border-color: #202121; text-decoration: none; }
.rm-onboard-plan-badge--addon { color: #FF5E1D; background: #fff5f2; border-color: #ffd5c8; }
.rm-onboard-plan-badge--addon:hover { color: #202121; border-color: #202121; }
.rm-onboard-step--alt .rm-onboard-plan-badge { background: #fff; }

/***** Error page *****/
.rm-error-page { padding: 80px 0 120px; }
.rm-error-page__code { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #FF5E1D; margin: 0 0 16px; }
.rm-error-page__oops { font-size: clamp(48px, 8vw, 96px); font-weight: 900; color: #202121; margin: 0 0 24px; line-height: 1; }
.rm-error-page__heading { font-size: 20px; font-weight: 600; color: #202121; margin: 0 0 12px; }
.rm-error-page__desc { font-size: 15px; color: #6b7280; margin: 0 0 32px; }
.rm-error-page__action { margin-top: 32px; }
.rm-error-page__btn { display: inline-flex; align-items: center; background: #202121; color: #fff !important; text-decoration: none !important; font-size: 14px; font-weight: 600; padding: 12px 24px; border-radius: 4px; transition: opacity 0.12s; width: auto; }
.rm-error-page__btn:hover { opacity: 0.75; text-decoration: none !important; color: #fff !important; }
.rm-error-page__btn * { color: #fff !important; }

/* ── Spotlight (homepage promos: betas, events) ─────────────── */
.rm-section--spotlight { background: #fff; border-top: 1px solid #e5e5e5; padding: 32px 0; margin-bottom: -56px; }
.rm-spotlight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 768px) { .rm-spotlight-grid { grid-template-columns: 1fr; } }
@media (min-width: 769px) and (max-width: 1023px) { .rm-spotlight-grid { grid-template-columns: repeat(2, 1fr); } }

.rm-spotlight-card { display: flex; flex-direction: column; gap: 6px; border: 1px solid #e5e5e5; border-radius: 6px; padding: 18px; background: #fff; text-decoration: none; color: inherit; transition: box-shadow 0.15s; }
.rm-spotlight-card:hover, .rm-spotlight-card:focus { box-shadow: 0 4px 16px rgba(0,0,0,0.08); text-decoration: none; }

.rm-spotlight-tag { display: inline-block; width: fit-content; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; }
.rm-spotlight-tag--beta  { background: #FF5E1D; color: #fff; }
.rm-spotlight-tag--event { background: #202121; color: #fff; }
.rm-spotlight-tag--new   { background: transparent; color: #FF5E1D; border: 1px solid #FF5E1D; }

.rm-spotlight-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; background: #F5F0EB; color: #202121; font-size: 19px; margin: 4px 0 2px; }
.rm-spotlight-card__title { font-size: 16px; font-weight: 700; color: #202121; margin: 0; line-height: 1.25; }
.rm-spotlight-card__blurb { font-size: 13px; color: #6b7280; margin: 0; line-height: 1.45; flex: 1; }
.rm-spotlight-card__meta { font-size: 12px; font-weight: 500; color: #202121; margin: 0; }
.rm-spotlight-card__cta { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; color: #FF5E1D; margin-top: 10px; }
.rm-spotlight-card__arrow { transition: transform 0.15s; }
.rm-spotlight-card:hover .rm-spotlight-card__arrow { transform: translateX(3px); }