/* Component styles are scoped and resist Salient's global form rules. */
.orus-help {
    --orus-help-accent: #9f408d;
    --orus-help-accent-hover: #843475;
    --orus-help-control-height: max(52px, 3.5rem);
    color: #252525;
    width: 100%;
    min-width: 0;
    container: orus-help / inline-size;
}
.orus-help *, .orus-help *::before, .orus-help *::after { box-sizing: border-box; }
.orus-help .orus-help-form {
    display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-end;
    margin: 0 0 28px; padding: 0; min-width: 0;
}
.orus-help .orus-help-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.orus-help .orus-help-field-search { flex: 2 1 20rem; }
.orus-help .orus-help-field-profile { flex: 1 1 13rem; }
.orus-help .orus-help-field label { margin: 0; font-size: max(16px, 1rem); line-height: 1.5; font-weight: 600; color: #252525; }
.orus-help .orus-help-form input[type="search"],
.orus-help .orus-help-form select,
.orus-help .orus-help-form button.orus-help-submit,
.orus-help .orus-help-page-size-form select,
.orus-help .orus-help-page-size-form button.orus-help-size-submit {
    height: var(--orus-help-control-height) !important;
    min-height: var(--orus-help-control-height) !important;
    max-height: none !important;
    border-radius: 999px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    font-family: inherit !important;
    font-size: max(16px, 1rem) !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transform: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}
.orus-help .orus-help-form input[type="search"], .orus-help .orus-help-form select,
.orus-help .orus-help-page-size-form select {
    display: block; width: 100%; min-width: 0;
    border: 1px solid #767676 !important;
    background-color: #fff !important; color: #252525 !important;
}
.orus-help .orus-help-form input[type="search"] { appearance: none; }
.orus-help .orus-help-form input[type="search"]::placeholder { color: #626262; opacity: 1; }
.orus-help .orus-help-form select, .orus-help .orus-help-page-size-form select {
    appearance: none; padding-right: 48px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23444444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 20px center; background-repeat: no-repeat; background-size: 16px 16px;
}
.orus-help .orus-help-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-width: 0; }
.orus-help .orus-help-form button.orus-help-submit,
.orus-help .orus-help-page-size-form button.orus-help-size-submit {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 1 1 auto; min-width: 0; max-width: 100%;
    border: 1px solid transparent !important;
    background: var(--orus-help-accent) !important; color: #fff !important;
    cursor: pointer; white-space: normal; text-align: center;
}
.orus-help .orus-help-form button.orus-help-submit:hover,
.orus-help .orus-help-page-size-form button.orus-help-size-submit:hover { background: var(--orus-help-accent-hover) !important; }
.orus-help .orus-help-clear {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: var(--orus-help-control-height); padding: 8px 12px;
    color: var(--orus-help-accent); font-size: max(16px, 1rem); line-height: 1.5;
    border-radius: 999px; text-decoration: underline; text-underline-offset: .2em;
}
.orus-help .orus-help-status { margin: 0 0 20px; font-size: max(16px, 1rem); line-height: 1.6; overflow-wrap: anywhere; }
.orus-help .orus-help-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.orus-help .orus-help-card { display: flex; padding: 0; margin: 0; min-width: 0; border-radius: 24px; background: #f4f0ee; }
.orus-help .orus-help-card-link {
    display: flex; flex-direction: column; align-items: flex-start; gap: 16px;
    width: 100%; min-width: 0; padding: clamp(20px, 3vw, 32px); border-radius: inherit;
    color: var(--orus-help-accent); text-decoration: none; overflow-wrap: anywhere;
}
.orus-help .orus-help-card-link:hover { color: var(--orus-help-accent-hover); background: #ece5ea; }
.orus-help .orus-help-card-link h3 {
    color: inherit; margin: 0; font-size: 1.375rem; line-height: 1.4;
    font-weight: 600; text-decoration: underline; text-underline-offset: .15em;
    overflow-wrap: anywhere; width: 100%;
}
.orus-help .orus-help-card .orus-help-reading-time { margin: 0; color: inherit; font-size: max(16px, 1rem); line-height: 1.5; }
.orus-help .orus-help-card .orus-help-excerpt { margin: 0; color: #353535; font-size: max(16px, 1rem); line-height: 1.6; }
.orus-help .orus-help-card-cta { margin-top: auto; padding-top: 4px; font-size: max(16px, 1rem); line-height: 1.5; }
.orus-help .orus-help-pagination-bar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; margin-top: 28px; }
.orus-help .orus-help-pagination { display: flex; flex: 1 1 20rem; flex-direction: column; min-width: 0; gap: 12px; margin: 0; }
.orus-help .orus-help-page-size-form { --orus-help-control-height: max(48px, 3rem); display: flex; flex: 0 1 20rem; flex-wrap: wrap; align-items: flex-end; gap: 12px; max-width: 100%; min-width: 0; margin: 0; padding: 0; }
.orus-help .orus-help-page-size-field { display: flex; flex: 1 1 10rem; flex-direction: column; gap: 8px; min-width: 0; }
.orus-help .orus-help-page-size-field label { margin: 0; color: #252525; font-size: max(16px, 1rem); line-height: 1.5; font-weight: 600; }
.orus-help .orus-help-page-summary { margin: 0; font-size: max(16px, 1rem); line-height: 1.5; }
.orus-help .orus-help-page-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.orus-help .orus-help-pagination .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 48px; min-height: 48px; padding: 8px 16px;
    border: 1px solid #767676; border-radius: 999px;
    font-size: max(16px, 1rem); line-height: 1.5;
    color: var(--orus-help-accent); background: #fff; text-decoration: none;
}
.orus-help .orus-help-pagination a.page-numbers:hover { background: #f4f0ee; text-decoration: underline; }
.orus-help .orus-help-pagination .page-numbers.current { color: #fff; background: var(--orus-help-accent); border-color: var(--orus-help-accent); font-weight: 600; }
.orus-help .orus-help-pagination .page-numbers.dots { min-width: 24px; padding: 8px 4px; border: 0; color: #252525; }
.orus-help a:focus-visible, .orus-help button:focus-visible,
.orus-help input:focus-visible, .orus-help select:focus-visible {
    outline: 3px solid #2563eb !important; outline-offset: 4px !important;
}
.orus-help .orus-help-sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; border: 0 !important;
    clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important;
    overflow: hidden !important; white-space: nowrap !important;
}
@media (max-width: 960px) { .orus-help .orus-help-results { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
    .orus-help .orus-help-form { flex-direction: column; align-items: stretch; gap: 16px; }
    .orus-help .orus-help-field { flex: none; width: 100%; }
    .orus-help .orus-help-actions { display: grid; grid-template-columns: 1fr; width: 100%; gap: 4px; }
    .orus-help .orus-help-results { grid-template-columns: 1fr; gap: 16px; }
    .orus-help .orus-help-pagination, .orus-help .orus-help-page-size-form { flex: none; width: 100%; }
}
@container orus-help (max-width: 58rem) { .orus-help .orus-help-results { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container orus-help (max-width: 40rem) {
    .orus-help .orus-help-form { flex-direction: column; align-items: stretch; gap: 16px; }
    .orus-help .orus-help-field { flex: none; width: 100%; }
    .orus-help .orus-help-actions { display: grid; grid-template-columns: 1fr; width: 100%; gap: 4px; }
    .orus-help .orus-help-results { grid-template-columns: 1fr; gap: 16px; }
    .orus-help .orus-help-pagination, .orus-help .orus-help-page-size-form { flex: none; width: 100%; }
}
@media (forced-colors: active) {
    .orus-help .orus-help-form select, .orus-help .orus-help-page-size-form select { appearance: auto; background-image: none; }
    .orus-help .orus-help-form button.orus-help-submit, .orus-help .orus-help-page-size-form button.orus-help-size-submit { border-color: ButtonText !important; }
}
