/* _content/RH.WebUI.Application/Components/Layout/Footer.razor.rz.scp.css */

footer[b-jncr8e199y] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    padding: .5rem 2rem 1.25rem 2rem;
    border-top: 1px solid var(--stroke-neutral-med, #C3CCD6);
    background-color: var(--header-bg, #E8EBEC);
    margin-top: 1.5rem;
}

.footer-links[b-jncr8e199y] {
    display: flex;
    align-items: flex-start;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .footer-links li[b-jncr8e199y] {
        font-size: var(--rh-font-14);
        font-style: normal;
        font-weight: 500;
        line-height: 1.25rem;
        padding: .5rem .75rem;
    }

    .footer-links a[b-jncr8e199y] {
        color: var(--text-link-list, #505862);
    }

        .footer-links a:hover[b-jncr8e199y] {
            color: var(--text-link-primary);
        }

.footer-content[b-jncr8e199y] {
    display: flex;
    place-content: space-between;
    width: 100%;
    padding-right: 6.375rem;
}

    .footer-content .copyright[b-jncr8e199y] {
        padding: .5rem .75rem .5rem 0;
        color: var(--text-body-2);
        font-weight: 500;
    }

    .footer-content a[b-jncr8e199y] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: .375rem;
        padding: .625rem 1rem;
        border-radius: .375rem;
        background-color: var(--fill-primary-lighter, #EEF0FD);
        color: var(--text-link-primary-dark, #3F4EC4);
        font-size: var(--rh-font-14);
        font-style: normal;
        font-weight: 500;
        line-height: var(--rh-font-20);
        width: fit-content;
    }

.footer-content-links[b-jncr8e199y] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

@media (max-width:992px) {
    footer[b-jncr8e199y] {
        padding: .5rem 1rem 1.25rem 1rem;
    }
}

@media (max-width:767px) {
    footer[b-jncr8e199y], .footer-links[b-jncr8e199y], .footer-content[b-jncr8e199y], .footer-content-links[b-jncr8e199y] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    footer[b-jncr8e199y], .footer-content[b-jncr8e199y] {
        gap: 1.5rem;
    }

    .footer-content[b-jncr8e199y], .footer-content-links[b-jncr8e199y] {
        padding: 0;
    }

    .jjkeller-footer-logo img[b-jncr8e199y] {
        max-height: 3.75rem;
    }
}
/* _content/RH.WebUI.Application/Components/Layout/Header.razor.rz.scp.css */
/* Currently the flex is set so that the middle section will grow to it's max-width first, 
    then the flex on the left to 195px, then the right will grow to fill in any more width */
.flex-right[b-1gnql9tu4p] {
    flex-grow: 0;
    background: var(--header-bg, #E8EBEC);
}

.flex-left[b-1gnql9tu4p] {
    width: 0px;
    max-width: 195px;
    flex-grow: 1;
    background: var(--diamond-k-bg, #CED4D7);
}
/* Show desktop host logo, hide mobile host logo*/
#host-logo-desktop[b-1gnql9tu4p] {
    display: block;
    height: 40px;
}

#host-logo-mobile[b-1gnql9tu4p] {
    display: none;
}

header[b-1gnql9tu4p], header *[b-1gnql9tu4p] {
    display: flex;
    align-items: center;
}

.logos[b-1gnql9tu4p] {
    max-width: 690px;
}

header[b-1gnql9tu4p], .logos[b-1gnql9tu4p] {
    width: 100%;
    background: var(--header-bg, #E8EBEC);
}

    header > *[b-1gnql9tu4p], .logos > *[b-1gnql9tu4p] {
        height: 80px;
    }

.diamond-logo-container[b-1gnql9tu4p] {
    padding: 15px 24px 15px 24px;
    background: var(--diamond-k-bg, #CED4D7);
    width: 80px;
}

    .diamond-logo-container img[b-1gnql9tu4p] {
        height: 50px;
        width: 32px;
    }

.host-logo-container[b-1gnql9tu4p] {
    padding: 20px 20px 20px 10px;
}

.host-button-container[b-1gnql9tu4p] {
    background: var(--header-bg, #E8EBEC);
    justify-content: flex-end;
    flex-grow: 1;
}

    .host-button-container a[b-1gnql9tu4p] {
        padding: 10px 16px;
        gap: 6px;
        color: var(--text-link-primary, #3F4EC4);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        border-radius: 6px;
        background: var(--fill-primary-lighter, #EEF0FD);
        white-space: nowrap;
        margin: 8px 12px;
    }

/* figma states that flex-right element shouldn't grow until .flex-left + flex-right = 195px 
    at this point header should be 195 .flex-left + 80 jjk Diamond + 970px content width,
    so now we can allow the flex-right to grow */
@media (min-width: 1246px) {
    .flex-right[b-1gnql9tu4p] {
        width: 0px;
        flex-grow: 1;
    }

    .flex-left[b-1gnql9tu4p] {
        width: 195px;
    }
}

/* Header gets shorter, site icons toggle to mobile version*/
@media (max-width: 47.94rem) {
    .flex-right[b-1gnql9tu4p], .flex-left[b-1gnql9tu4p] {
        display: none;
    }

    .host-logo-container[b-1gnql9tu4p] {
        padding: 9px 10px 9px 10px;
    }

    /* Show mobile host logo, hide desktop host logo*/
    #host-logo-mobile[b-1gnql9tu4p] {
        display: block;
        height: 40px;
    }

    #host-logo-desktop[b-1gnql9tu4p] {
        display: none;
    }

    header[b-1gnql9tu4p], header > *[b-1gnql9tu4p], logos > *[b-1gnql9tu4p] {
        height: 68px;
    }

    .diamond-logo-container[b-1gnql9tu4p] {
        height: 68px;
        width: 68px;
        justify-content: center;
    }
}

/* Site icons get bigger (except VideoProtects) 
    Menu stacks so the exit button is below the main header
*/
@media (max-width: 36rem) {
    #host-logo-mobile[b-1gnql9tu4p] {
        height: 50px;
    }

        #host-logo-mobile.videoprotects[b-1gnql9tu4p] {
            height: 40px;
        }

    header[b-1gnql9tu4p] {
        display: inline-block;
        height: fit-content;
    }

    .host-button-container[b-1gnql9tu4p] {
        height: auto;
        background-color: var(--fill-white);
        max-width: none;
    }

    .host-logo-container[b-1gnql9tu4p] {
        padding: 9px 10px 9px 10px;
    }
}
/* _content/RH.WebUI.Application/Components/Layout/MainLayout.razor.rz.scp.css */
main[b-bfclnp3viu] {
    flex: 1;
}

#blazor-error-ui[b-bfclnp3viu] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-bfclnp3viu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/RH.WebUI.Application/Components/Layout/ScrollToTop.razor.rz.scp.css */
#scroll-to-top[b-9t7v6nysgn] {
    bottom: 3.5rem;
    right: 3.5rem;
    z-index: 99;
    cursor: pointer;
    display: none;
    position: fixed;
    border: none;
    box-shadow: none;
    background-color: transparent;
    opacity: 60%;
}
    #scroll-to-top:hover[b-9t7v6nysgn], #scroll-to-top:focus-visible[b-9t7v6nysgn], #scroll-to-top:focus[b-9t7v6nysgn] {
        opacity: 100%;
    }

@media (max-width:992px) {
    #scroll-to-top[b-9t7v6nysgn] {
        right: 1.5rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/CFR/AppendixList.razor.rz.scp.css */
.results-text[b-i8i6lin9sy] {
    color: var(--text-label-form);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
    padding-top: .5rem;
    padding-bottom: .5rem;
}

a[b-i8i6lin9sy] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.cfr-container[b-i8i6lin9sy] {
    padding: 12px 0px;
    flex-direction: column;
    align-content: center;
}

.cfr-content[b-i8i6lin9sy] {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (max-width: 36rem) {
    .results-text[b-i8i6lin9sy] {
        padding-left: 1rem;
    }

    .cfr-content[b-i8i6lin9sy] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cfr-container[b-i8i6lin9sy] {
        width: fit-content;
        padding-left: unset;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/CFR/CFR.razor.rz.scp.css */
a[b-22hpjr16yx] {
    white-space: nowrap;
}

.cfr-search-container[b-22hpjr16yx] {
    padding-bottom: .75rem;
}

@media (max-width: 36rem) {
    .cfr-search-container[b-22hpjr16yx] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/CFR/ExactMatch.razor.rz.scp.css */
.cfr-container[b-mv74b5a29t] {
    padding: 12px 0px;
    max-width: 50rem;
    width: 100%;
}

.cfr-content-title[b-mv74b5a29t] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    font-size: 1.25rem;
}

.cfr-content-title img[b-mv74b5a29t] {
    height: 2.5rem;
}

    .cfr-content-title h3[b-mv74b5a29t]
    {
        text-align: left;
        font-size: 1.625rem;
    }
[b-mv74b5a29t] #save-button {
    margin-right: 10px;
}
[b-mv74b5a29t] #print-button
{
    margin-right: 10px;
}

#markup-content[b-mv74b5a29t]
{
    margin-top: 1.25rem;
    font-size: var(--rh-font-16) !important;
    line-height: 24px !important;
    color: var(--grey-darker) !important;
}

/* Style links inside markup-content to stay black */
#markup-content[b-mv74b5a29t]  a {
    color: var(--text-link-list);
    text-decoration: none;
}

#markup-content[b-mv74b5a29t]  a:hover {
    text-decoration: underline;
}

    #markup-content[b-mv74b5a29t]  h2
    {
        text-align: left;
        font-size: 1.5rem !important;
        color: var(--grey-darkest);
        font-weight: 600;
        line-height: 1.8rem;
    }

    #markup-content[b-mv74b5a29t]  h3
    {
        text-align: left;
        font-size: 1.25rem;
        color: var(--grey-darkest);
        font-weight: 600;
        line-height: 1.6rem;
    }

    #markup-content[b-mv74b5a29t]  h4
    {
        text-align: left;
        font-size: 1rem;
        color: var(--grey-darkest);
        font-weight: 500;
        line-height: 1.4rem;
    }

    #markup-content[b-mv74b5a29t]  h5
    {
        text-align: left;
        font-size: 0.9375rem;
        color: var(--grey-darkest);
        font-weight: 500;
        line-height: 1.3rem;
    }

    #markup-content[b-mv74b5a29t]  h6
    {
        text-align: left;
        font-size: 0.875rem;
        color: var(--grey-darkest);
        font-weight: 400;
        line-height: 1.2rem;
    }

.table-style-one[b-mv74b5a29t]  table
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

    .table-style-one[b-mv74b5a29t]  table thead tr
    {
        background-color: var(--grey-med);
        color: var(--grey-darkest);
    }

    .table-style-one[b-mv74b5a29t]  table th, .table-style-one[b-mv74b5a29t]  table td
    {
        padding: 0.5rem;
        text-align: left;
        border: 1px solid #ccc;
    }

    .table-style-one[b-mv74b5a29t]  table thead th
    {
        border-bottom: 2px solid #999;
    }

    .table-style-one[b-mv74b5a29t]  table tbody tr:nth-child(even)
    {
        background-color: #f9f9f9;
    }

    .table-style-one[b-mv74b5a29t]  table tbody tr:hover
    {
        background-color: #f1f1f1;
    }

    .table-style-one[b-mv74b5a29t]  table td
    {
        vertical-align: top;
    }

    .table-style-one[b-mv74b5a29t]  table colgroup col
    {
        width: auto;
    }


.table-style-two[b-mv74b5a29t]  table
{
    border-collapse: collapse;
    width: 100%;
    table-layout: auto;
    font-size: var(--rh-font-13);
    caption-side: top;
    --caption-first-height: 0px;
    --caption-second-height: 0px;
    --caption-total-height: 0px;
}

.table-style-two[b-mv74b5a29t]  colgroup, col[b-mv74b5a29t]
{
    display: none;
}

.table-style-two[b-mv74b5a29t]  caption:first-of-type
{
    text-align: left;
    background-color: var(--grey-darkest);
    font-weight: bold;
    padding: 0.5rem 1rem;
    color: var(--grey-light);
    position: sticky;
    top: 0;
    z-index: 4;
    margin: 0;
}

.table-style-two[b-mv74b5a29t]  caption:nth-of-type(2)
{
    text-align: left;
    background-color: var(--grey-darkest);
    font-weight: bold;
    padding: 0.5rem 1rem;
    color: var(--grey-light);
    position: sticky;
    top: var(--caption-first-height, 0px);
    z-index: 4;
    margin: 0;
}

.table-style-two[b-mv74b5a29t]  table:has(caption:first-of-type)
{
    --caption-first-height: 2.25rem;
}

.table-style-two[b-mv74b5a29t]  table:has(caption:nth-of-type(2))
{
    --caption-second-height: 2.25rem;
    --caption-total-height: calc(var(--caption-first-height) + var(--caption-second-height));
}

.table-style-two[b-mv74b5a29t]  table:has(caption:first-of-type:only-of-type)
{
    --caption-total-height: var(--caption-first-height);
}

.table-style-two[b-mv74b5a29t]  table thead th
{
    background-color: var(--grey-med);
    color: var(--grey-darkest);
    font-weight: bold;
    text-align: left;
    padding: 0.5rem 0.75rem;
    position: sticky;
    top: var(--caption-total-height);
    z-index: 3;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    margin: 0;
}

.table-style-two[b-mv74b5a29t]  table:not(:has(caption)) thead th
{
    top: 0;
    z-index: 3;
    background-color: var(--grey-light);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.table-style-two[b-mv74b5a29t]  table:not(:has(thead)) tbody tr:first-child td
{
    background-color: var(--grey-med);
    color: var(--grey-darkest);
    font-weight: bold;
    text-align: left;
    position: sticky;
    top: var(--caption-total-height);
    z-index: 3;
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 0.75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.table-style-two[b-mv74b5a29t]  td
{
    border: 1px solid #ccc;
    padding: 0.5rem 0.75rem;
    text-align: left;
    word-break: break-word;
}

.table-style-two[b-mv74b5a29t]  tr:nth-child(even) td
{
    background-color: var(--grey-lighter);
}

.table-style-two[b-mv74b5a29t]  tr:hover td
{
    background-color: var(--grey-light);
}


.table-style-two[b-mv74b5a29t]  .table-wrapper
{
    max-height: 28.125rem;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
}

.table-style-two[b-mv74b5a29t]  td[colspan]
{
    text-align: left;
    padding: 0.5rem 0.75rem;
    background-color: var(--grey-med);
    color: var(--grey-darkest);
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.table-style-two[b-mv74b5a29t]  table td[colspan]:only-child
{
    text-align: center;
}

/* ========================================
   PRINT STYLES FOR CFR TABLES
   ======================================== */

@media print {
    /* Table-style-two print overrides */
    .table-style-two[b-mv74b5a29t]  table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 13px !important;
        font-family: 'Inter', sans-serif !important;
    }

    /* Header rows repeat across pages */
    .table-style-two[b-mv74b5a29t]  thead {
        display: table-header-group !important;
    }

    /* Avoid page breaks within rows */
    .table-style-two[b-mv74b5a29t]  tr {
        page-break-inside: avoid !important;
    }

    /* Cell formatting: 0.5rem padding, #ccc borders, left/top aligned */
    .table-style-two[b-mv74b5a29t]  th,
    .table-style-two[b-mv74b5a29t]  td {
        padding: 0.5rem !important;
        border: 1px solid #ccc !important;
        text-align: left !important;
        vertical-align: top !important;
    }

    /* Bold thead headers */
    .table-style-two[b-mv74b5a29t]  thead th {
        font-weight: bold !important;
    }

    /* Bold first row when thead is missing */
    .table-style-two[b-mv74b5a29t]  table:not(:has(thead)) tbody tr:first-child td {
        font-weight: bold !important;
    }

    /* Caption placement at top - no sticky behavior */
    .table-style-two[b-mv74b5a29t]  caption {
        caption-side: top !important;
        text-align: left !important;
        page-break-after: avoid !important;
    }

    /* Remove sticky positioning, z-index, and shadows */
    .table-style-two[b-mv74b5a29t]  caption,
    .table-style-two[b-mv74b5a29t]  caption:first-of-type,
    .table-style-two[b-mv74b5a29t]  caption:nth-of-type(2),
    .table-style-two[b-mv74b5a29t]  thead th,
    .table-style-two[b-mv74b5a29t]  table:not(:has(thead)) tbody tr:first-child td {
        position: static !important;
        z-index: auto !important;
        box-shadow: none !important;
    }

    /* Remove background colors (striping, captions, headers) */
    .table-style-two[b-mv74b5a29t]  caption,
    .table-style-two[b-mv74b5a29t]  caption:first-of-type,
    .table-style-two[b-mv74b5a29t]  caption:nth-of-type(2),
    .table-style-two[b-mv74b5a29t]  thead th,
    .table-style-two[b-mv74b5a29t]  table:not(:has(thead)) tbody tr:first-child td,
    .table-style-two[b-mv74b5a29t]  tr,
    .table-style-two[b-mv74b5a29t]  tr:nth-child(even) td,
    .table-style-two[b-mv74b5a29t]  tr:hover td {
        background: transparent !important;
        color: black !important;
    }

    /* Remove table-wrapper scroll behavior */
    .table-style-two[b-mv74b5a29t]  .table-wrapper {
        max-height: none !important;
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
    }

    /* Hide colgroup elements */
    .table-style-two[b-mv74b5a29t]  colgroup,
    .table-style-two[b-mv74b5a29t]  col {
        display: none !important;
    }

    /* Colspan handling */
    .table-style-two[b-mv74b5a29t]  td[colspan] {
        text-align: left !important;
        padding: 0.5rem !important;
        background: transparent !important;
        color: black !important;
        font-weight: bold !important;
        border: 1px solid #ccc !important;
    }

    .table-style-two[b-mv74b5a29t]  table td[colspan]:only-child {
        text-align: center !important;
    }

    /* Table-style-one print overrides */
    .table-style-one[b-mv74b5a29t]  table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .table-style-one[b-mv74b5a29t]  thead {
        display: table-header-group !important;
    }

    .table-style-one[b-mv74b5a29t]  tr {
        page-break-inside: avoid !important;
    }

    .table-style-one[b-mv74b5a29t]  thead th,
    .table-style-one[b-mv74b5a29t]  table thead tr {
        background: transparent !important;
        color: black !important;
    }

    .table-style-one[b-mv74b5a29t]  tbody tr:nth-child(even),
    .table-style-one[b-mv74b5a29t]  tbody tr:hover {
        background: transparent !important;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/CFR/NoContent.razor.rz.scp.css */
.cfr-content[b-8qnao3960n] {
    color: var(--text-label-form);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: var(--rh-font-24);
    padding-bottom: 2rem;
    padding-top: 2.5rem;
}
/* _content/RH.WebUI.Application/Components/Pages/Compare/CompareFederal.razor.rz.scp.css */
.button-primary[b-auh6upbcnw] {
    border-radius: var(--border-radius-sm);
    padding: .625rem 1rem;
    font-weight: 500;
    font-size: var(--rh-font-12);
}
h3[b-auh6upbcnw] {
    color: var(--text-heading-sub);
    margin: 2.25rem 0;
}
b[b-auh6upbcnw] {
    font-weight: 600;
}
.selected-states[b-auh6upbcnw] {
    color: var(--text-label-form);
    font-size: var(--rh-font-14);
    width: 100%;
    margin: .25rem;
    font-weight: 400;
}
.states-without-results[b-auh6upbcnw] {
    font-size: var(--rh-font-12);
    font-style: italic;
    margin-top: var(--size-spacing-xxs);
}
.result-list[b-auh6upbcnw] {
    margin: 1rem 0;
}
.result-card[b-auh6upbcnw] {
    display: flex;
    text-align: start;
    padding: 1rem .75rem;
    gap: .75rem;
    margin: .125rem 0;
    background-color: var(--fill-white);
    cursor: pointer;
    width: 100%;
}
    .result-card:hover[b-auh6upbcnw] {
        background: var(--fill-neutral);
        box-shadow: 0px 4px 6px -1px #00000014;
    }
    .result-card:hover .result-title[b-auh6upbcnw] {
        text-decoration: underline;
    }
    .result-card img[b-auh6upbcnw] {
        height: 2.5rem;
        width: 2.5rem;
    }
.result-title[b-auh6upbcnw] {
    color: var(--text-link-dark);
    font-size: var(--rh-font-16);
    font-weight: 500;
    line-height: var(--rh-font-24);
}
.result-summary[b-auh6upbcnw] {
    color: var(--text-body);
    font-size: var(--rh-font-14);
    font-weight: 400;
    line-height: var(--rh-font-20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/* Make image smaller and cut off text, add line between each result */
@media (max-width: 36rem) {
    h3[b-auh6upbcnw] {
        color: var(--text-heading-main);
        margin: 1.75rem 0 1.5rem;
        font-weight: 600;
    }
    .result-card[b-auh6upbcnw] {
        border-bottom: 1px solid var(--stroke-form);
    }
        .result-card img[b-auh6upbcnw] {
            width: 1.9375rem;
            height: 1.875rem;
            clip-path: inset(0 0 .625rem 0);
        }
    .result-title[b-auh6upbcnw] {
        font-size: var(--rh-font-14);
        line-height: var(--rh-font-20);
    }
    .result-summary[b-auh6upbcnw] {
        color: var(--text-link-list);
        font-size: var(--rh-font-12);
        line-height: var(--rh-font-18);
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Compare/CompareModal.razor.rz.scp.css */
.button-primary[b-92c77n6y9j] {
    font-size: var(--rh-font-14);
    border-radius: var(--border-radius-sm);
    line-height: 1rem;
}

.clear-all[b-92c77n6y9j] {
    float: right;
    margin: 0 1rem .5rem 0;
}

.compare-title[b-92c77n6y9j] {
    color: var(--text-heading-main);
    font-size: var(--rh-font-14);
    font-weight: 600;
    line-height: normal;
    margin: 12px;
}

[b-92c77n6y9j] #federal-topics-compare-modal .modal-body,
[b-92c77n6y9j] #provinces-topics-compare-modal .modal-body,
[b-92c77n6y9j] #federal-compare-modal .modal-body,
[b-92c77n6y9j] #provinces-compare-modal .modal-body {
    padding: 0;
}

[b-92c77n6y9j] #federal-topics-compare-modal .modal-footer,
[b-92c77n6y9j] #provinces-topics-compare-modal .modal-footer,
[b-92c77n6y9j] #federal-compare-modal .modal-footer,
[b-92c77n6y9j] #provinces-compare-modal .modal-footer {
    display: block;
    height: unset;
    padding: .5rem 1.25rem .75rem 1rem;
}

.page-numbers[b-92c77n6y9j] {
    margin: 0;
    font-size: var(--rh-font-12);
    font-weight: 600;
}

.button-link[b-92c77n6y9j] {
    padding: 0;
}

.compare-footer-buttons[b-92c77n6y9j] {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.justify-end[b-92c77n6y9j] {
    justify-content: end;
}
/* _content/RH.WebUI.Application/Components/Pages/Compare/CompareModalSelection.razor.rz.scp.css */
p[b-256bvczk58] {
    align-self: stretch;
    font-size: var(--rh-font-14);
    font-style: normal;
    font-weight: 500;
    padding: 0.5rem 1rem 0 1rem;
}

.compare-selection-heading[b-256bvczk58] {
    color: var(--text-heading-section);
    font-weight: 600;
    border-bottom: 1px dashed var(--text-heading-section);
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}

.compare-selection-list[b-256bvczk58] {
    display: grid;
    margin-bottom: 2rem;
}

.list-break[b-256bvczk58] {
    padding-left: 20px;
    color: var(--text-link-list);
}
    .list-break[b-256bvczk58]::after {
        content: "--------------------";
    }
/* _content/RH.WebUI.Application/Components/Pages/Compare/CompareStatesProvinces.razor.rz.scp.css */
#select-topics-states-provinces-btn[b-6q188ng8i3] {
    margin-bottom: 1rem;
}

.button-primary[b-6q188ng8i3] {
    border-radius: var(--border-radius-sm);
    padding: .625rem 1rem;
    font-weight: 500;
    font-size: var(--rh-font-12);
}

h3[b-6q188ng8i3] {
    color: var(--text-heading-sub);
    margin: 2rem 0;
}

b[b-6q188ng8i3] {
    font-weight: 600;
}

div.buffer[b-6q188ng8i3] {
    padding: 1.5rem;
}

.result-title[b-6q188ng8i3] {
    color: var(--text-link-dark);
    font-size: var(--rh-font-16);
    font-weight: 500;
    line-height: var(--rh-font-24);
}

.result-summary[b-6q188ng8i3] {
    overflow: hidden;
    color: var(--text-body);
    text-overflow: ellipsis;
    font-size: var(--rh-font-14);
    font-weight: 400;
    line-height: var(--rh-font-20);
}

.no-results[b-6q188ng8i3] {
    color: var(--text-label-form, #505862);
    /* Paragraph/XSmall/Semibold */
    font-family: Inter;
    font-size: var(--rh-font-12);
    font-style: normal;
    font-weight: 600;
    line-height: var(--rh-font-20);
}

.selected-states[b-6q188ng8i3] {
    color: var(--text-label-form);
    font-size: var(--rh-font-14);
    width: 100%;
    margin: .25rem;
    font-weight: 400;
    padding: .5rem 0rem 1.5rem 0rem;
}

.topic-title[b-6q188ng8i3] {
    color: var(--text-label-form, #505862);
    /* Paragraph/Large/Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    float: left;
    left: 0px;
    top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.canada-flag-icon[b-6q188ng8i3] {
    height: 16px;
    margin-left: 0.5rem;
    vertical-align: middle;
}

.action-buttons[b-6q188ng8i3] {
    display: flex;
    padding: 4px 4px 0px 4px;
    align-items: center;
    float: right;
}

.topic-header[b-6q188ng8i3] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--stroke-primary, #586AF5);
    background: var(--fill-page-bg, #FAFAFA);
    align-items: center; /*fixes alignment after removing relative position of topic-title*/
}

.topic-main[b-6q188ng8i3] {
    width: 100%;
    max-width: 1200px; /* Expanded to 1200px */
    background: var(--fill-neutral, #F4F7FA);
    margin: 0 auto; /* Center the content */
}

.topic-body[b-6q188ng8i3] {
    width: 100%;
    max-width: 1200px;
    font-size: var(--rh-font-14);
    padding: 1.25rem 0rem;
    overflow: visible; /* Changed from auto to allow sticky header */
}

/* Cross-reference table container with sticky header and vertical scroll */
.topic-body .quickref[b-6q188ng8i3] {
    max-width: 1200px;
    max-height: 700px; /* Constrain height to 700px */
    overflow-y: auto; /* Vertical scroll if content exceeds 700px */
    overflow-x: auto; /* Horizontal scroll for wide tables */
    position: relative;
    border: 1px solid var(--stroke-form, #C3CCD6);
}

/* Make the header row sticky */
.topic-body .quickref .columnlisting[b-6q188ng8i3] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--fill-section, #EFF2F5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add shadow for better visibility */
}

/* Ensure proper table display */
.topic-body .quickref table[b-6q188ng8i3] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Consistent column widths */
}

.topic-body .quickref thead[b-6q188ng8i3] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--fill-section, #EFF2F5);
}

.topic-body .quickref th[b-6q188ng8i3],
.topic-body .quickref td[b-6q188ng8i3] {
    border: 1px solid var(--stroke-form, #C3CCD6);
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
}

.topic-body .quickref th[b-6q188ng8i3] {
    font-weight: 600;
    background: var(--fill-section, #EFF2F5);
    color: var(--text-heading-main);
}

/* Ensure first column stays visible during horizontal scroll */
.topic-body .quickref th:first-child[b-6q188ng8i3],
.topic-body .quickref td:first-child[b-6q188ng8i3] {
    position: sticky;
    left: 0;
    z-index: 10;
    background: inherit;
}

.topic-body .quickref thead th:first-child[b-6q188ng8i3] {
    z-index: 101; /* Higher than other sticky elements */
}
/* _content/RH.WebUI.Application/Components/Pages/ExpertHelp/EditorBioModal.razor.rz.scp.css */
/* Mobile */

.editor-bio-modal-mobile[b-ul1qpha874]  .modal-header
{
    height: 3.5rem;
    background-color: var(--fill-white) !important;
}

.editor-bio-modal-mobile[b-ul1qpha874]  .modal-body
{
    background-color: var(--blue-lighter) !important;
    padding: 2.5rem 1rem 2.5rem 1rem !important;
}

.editor-bio-modal-mobile[b-ul1qpha874]  .modal-header
{
    border-bottom: none !important;
}

.editor-bio-modal-mobile[b-ul1qpha874]  .modal-footer
{
    border-top: none !important;
    box-shadow: 0px 4px 6px -1px #0000001A !important;
    box-shadow: 0px -4px 4px -2px #0000001A !important;
    z-index: 1056;
}

.editor-bio-modal-mobile[b-ul1qpha874]  .mobile-fullscreen-header
{
    display: none;
}

.editor-bio-modal-mobile .editor-title[b-ul1qpha874]
{
    line-height: 1.5rem;
    font-size: var(--rh-font-14);
    font-weight: 600;
    color: var(--grey-darkest);
}

.editor-bio-modal-mobile .editor-focus[b-ul1qpha874]
{
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--grey-darker);
    font-size: var(--rh-font-12);
}

.editor-bio-modal-mobile .editor-summary[b-ul1qpha874]  p
{
    font-weight: 500;
    color: var(--grey-darker);
    line-height: 1.5rem;
    font-size: var(--rh-font-14);
}

.editor-bio-modal-mobile[b-ul1qpha874]  .modal-footer
{
    display: flex;
    justify-content: end;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.editor-bio-modal-mobile #editor-bio-modal-close-btn[b-ul1qpha874]
{
    color: var(--fill-white);
    line-height: 1.5rem;
    font-size: var(--rh-font-14);
    font-weight: 500;
    background-color: var(--rh-color-primary-base);
    padding: 0.625rem 1rem 0.625rem 1rem;
    border-radius: 4px;
}

    .editor-bio-modal-mobile #editor-bio-modal-close-btn:hover[b-ul1qpha874]
    {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }

.editor-bio-modal-mobile[b-ul1qpha874]  .modal
{
    transform: scale(1) !important;
    left: 100% !important;
    opacity: 1;
}

.editor-bio-modal-mobile[b-ul1qpha874]  .modal.show
{
    left: 0 !important;
}

.editor-bio-modal-mobile[b-ul1qpha874]  .icon-close {
    height: 1.5rem !important;
    width: 1.5rem !important;
    background-size: contain;
}

@media (max-width: 36rem)
{
    .editor-bio-modal-mobile[b-ul1qpha874]  .modal-fullscreen .modal-content
    {
        overflow-y: hidden !important;
    }

    .editor-bio-modal-mobile[b-ul1qpha874]  .modal-body
    {
        overflow-y: auto !important;
        padding: 2.5rem 1rem 2.5rem 1rem !important;
    }

    .editor-bio-modal-mobile[b-ul1qpha874]  .modal-fullscreen .modal-header
    {
        height: 3.5rem;
    }

    [b-ul1qpha874] .icon-close {
        height: 1.5rem !important;
        width: 1.5rem !important;
        background-size: contain;
    }

}


/* Desktop */

.editor-bio-modal-desktop[b-ul1qpha874]  .icon-close {
    height: 1.5rem !important;
    width: 1.5rem !important;
    background-size: contain;
}

.editor-bio-modal-desktop[b-ul1qpha874]  .modal-header
{
    box-shadow: none !important;
    border: none !important;
}

.editor-bio-modal-desktop[b-ul1qpha874]  .modal-footer
{
    border: none !important;
    box-shadow: none !important;
    margin-bottom: .5rem !important;
}

.editor-bio-modal-desktop[b-ul1qpha874]  .modal-body
{
    border-top: 1px solid var(--grey-med);
    border-bottom: 1px solid var(--grey-med);
    background-color: var(--blue-lighter) !important;
    padding: 1.25rem;
    margin-left: 1rem;
    margin-right: 1rem;
    max-height: 31.25rem;
    overflow-y: auto;
}

.editor-bio-modal-desktop #editor-bio-modal-close-btn[b-ul1qpha874]
{
    line-height: 1.5rem;
    font-size: var(--rh-font-14);
    font-weight: 500;
    color: var(--fill-white);
    background-color: var(--blue-default);
    border-radius: 4px;
    padding: 0.625rem 1rem 0.625rem 1rem;
}

    .editor-bio-modal-desktop #editor-bio-modal-close-btn:hover[b-ul1qpha874]
    {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }

.editor-bio-modal-desktop .editor-title[b-ul1qpha874]
{
    line-height: 1.5rem;
    font-size: var(--rh-font-16);
    font-weight: 600;
    color: var(--grey-darkest);
}

.editor-bio-modal-desktop .editor-focus[b-ul1qpha874]
{
    line-height: 1.25rem;
    font-size: var(--rh-font-14);
    font-weight: 500;
    color: var(--grey-darker);
}

.editor-bio-modal-desktop .editor-summary[b-ul1qpha874]  p
{
    color: var(--grey-darker);
    line-height: 1.5rem;
    font-size: var(--rh-font-16);
    font-weight: 500;
}
/* _content/RH.WebUI.Application/Components/Pages/ExpertHelp/EditorCard.razor.rz.scp.css */
.editor-card[b-twvqg5brjj] {
    outline: 1px solid var(--grey-med);
    background-color: white;
    border-radius: 4px;
    padding: 0.5rem;
    transition: outline .1s linear;
}

    .editor-card:hover[b-twvqg5brjj] {
        cursor: pointer;
        outline: 3px solid var(--blue-default);
        box-shadow: 0px 2px 4px -1px #0000000F;
        box-shadow: 0px 4px 6px -1px #00000014;
    }

    .editor-card img[b-twvqg5brjj] {
        outline: 1px solid #3B82F6;
        border-radius: 4px;
        height: 202px;
        width: 100%;
        object-fit: fill !important;
    }

    .editor-card .editor-view-bio-btn[b-twvqg5brjj] {
        color: var(--blue-dark);
        font-size: var(--rh-font-12);
        line-height: 1.25rem;
        font-weight: 500;
        letter-spacing: 0.1em;
        background-color: white;
        box-shadow: none;
        border: none;
        padding: 0.375rem 0.75rem 0.375rem 0.75rem;
    }

        .editor-card .editor-view-bio-btn.editor-view-bio-btn-hover[b-twvqg5brjj] {
            text-decoration: underline;
        }

    .editor-card .editor-title-text[b-twvqg5brjj] {
        color: var(--grey-darkest);
        font-size: var(--rh-font-14);
        font-weight: 600;
        line-height: 1.25rem;
    }

    .editor-card .editor-focus-text[b-twvqg5brjj] {
        font-size: var(--rh-font-12);
        line-height: 1.25rem;
        font-weight: 500;
        color: #4B5563;
        margin: 0;
        padding: 0;
    }
/* _content/RH.WebUI.Application/Components/Pages/ExpertHelp/EditorFocusButton.razor.rz.scp.css */
button[b-bj84hp66hn]
{
    padding: 1rem 1.5rem 1rem 1.5rem;
    border-radius: 4px;
    border: 1px solid var(--grey-med);
    background-color: var(--blue-lighter);
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    color: var(--grey-default);
}

    button:not(:last-child)[b-bj84hp66hn]
    {
        margin-right: 0.5rem;
    }

    button.active[b-bj84hp66hn]
    {
        border-color: var(--blue-default);
        font-weight: 600;
        color: var(--blue-default);
        line-height: 1.25rem;
        background-color: white;
    }

    button.inactive:hover[b-bj84hp66hn]
    {
        font-weight: 400;
        background-color: var(--blue-disabled);
        color: var(--blue-default);
        font-style: normal;
        border-color: var(--blue-default);
    }

@media (min-width: 768px)
{
    button:not(:last-child)[b-bj84hp66hn]
    {
        margin-right: 1rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/ExpertHelp/EditorsContainer.razor.rz.scp.css */
.editor-layout-container[b-y1lp5iwu31]
{
    width: 100%;
    max-width: 1058px;
    margin-bottom: 3rem !important;
}

.editor-layout-col[b-y1lp5iwu31]  .editor-card
{
    margin-bottom: 0.5rem;
}

    .editor-layout-col:nth-of-type(odd)[b-y1lp5iwu31]  .editor-card
    {
        margin-right: 0.438rem;
    }


#editor-show-all-btn[b-y1lp5iwu31]
{
    font-size: var(--rh-font-14);
    font-weight: 600;
    line-height: 1.25rem;
    color: var(--blue-default);
    border: 1px solid var(--blue-default);
    background-color: white;
    border-radius: 22px;
    padding: 0.625rem 3.75rem 0.625rem 3.75rem;
    transition: background-color .3s linear;
}

    #editor-show-all-btn:hover[b-y1lp5iwu31]
    {
        background-color: var(--blue-default);
        color: white;
    }


.editor-focus-btn[b-y1lp5iwu31]
{
    padding: 16px 24px 16px 24px;
    border-radius: 4px;
    border: 1px solid var(--grey-med);
    background-color: var(--blue-lighter);
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    color: var(--grey-default);
}

    .editor-focus-btn:not(:last-child)[b-y1lp5iwu31]
    {
        margin-right: 1rem;
    }

    .editor-focus-btn.editor-focus-btn-active[b-y1lp5iwu31]
    {
        border-color: var(--blue-default);
        font-weight: 600;
        color: var(--blue-default);
        background-color: white;
        line-height: 1.25rem;
    }

.editor-show-all-btn-container[b-y1lp5iwu31]
{
    margin-top: 1rem;
}

@media (min-width: 768px)
{
    .editor-layout-container[b-y1lp5iwu31]
    {
        margin: 0 auto;
    }

    .editor-layout-col[b-y1lp5iwu31]  .editor-card
    {
        margin-bottom: 0.75rem;
        margin-left: 0.313rem;
        margin-right: 0.313rem;
        width: 100%;
        max-width: 168px;
    }

    .editor-layout-col:nth-of-type(odd)[b-y1lp5iwu31]  .editor-card
    {
        margin-right: 0;
    }

    .editor-show-all-btn-container[b-y1lp5iwu31]
    {
        margin-top: 1.75rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/ExpertHelp/ExpertHelpPage.razor.rz.scp.css */
#page-bread-crumbs-container[b-cvepxkq44i] {
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    padding: 1rem 0 1rem 0;
    background-color: white;
}

[b-cvepxkq44i] .bread-crumb {
    padding-left: 1.25rem !important;
    font-weight: 400 !important;
    font-size: var(--rh-font-12) !important;
    line-height: 1.25rem !important;
}

[b-cvepxkq44i] .bread-crumb-link {
    font-weight: 400 !important;
    font-size: var(--rh-font-12) !important;
    line-height: 1.25rem !important;
}

#expert-help-page-title-text[b-cvepxkq44i] {
    font-weight: 800;
    font-size: var(--rh-font-32);
    line-height: 2.75rem;
    letter-spacing: -0.02em;
    color: var(--grey-darkest);
    background-color: var(--fill-section);
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    padding: 1.25rem 1rem 1.25rem 1rem
}

#expert-help-regulatory-question-sub-title-text[b-cvepxkq44i] {
    font-size: var(--rh-font-28);
    color: var(--grey-darker);
    font-weight: 600;
    line-height: 2.25rem;
    letter-spacing: -0.035rem;
}

#ask-an-expert-btn[b-cvepxkq44i] {
    background-color: var(--blue-default);
    border-radius: 4px;
    padding: 0.625rem 1rem 0.625rem 1rem;
    color: white;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
}

    #ask-an-expert-btn:hover[b-cvepxkq44i] {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }

#expert-help-compliance-experts-sub-title-text[b-cvepxkq44i] {
    font-size: var(--rh-font-20);
    line-height: 1.75rem;
    letter-spacing: -0.02em;
    font-weight: 800;
    color: var(--grey-darker);
}

#expert-help-compliance-experts-description-text[b-cvepxkq44i] {
    color: var(--grey-dark);
    font-size: var(--rh-font-16);
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 3.125rem;
}

#message-history-btn-container[b-cvepxkq44i]
{
    margin-top: 1.75rem;
}

#message-history-btn[b-cvepxkq44i]
{
    background-color: var(--grey-darker);
    color: white;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    font-size: var(--rh-font-12);
    line-height: 1.25rem;
    font-weight: 600;
    padding: 0;
}

    #message-history-btn:hover[b-cvepxkq44i] {
        text-decoration: underline;
        box-shadow: -5px 4px 12px -5px #141414;
    }

#message-history-btn-icon[b-cvepxkq44i] {
    position: relative;
    right: 15px;
}

#message-history-btn-text[b-cvepxkq44i] {
    position: relative;
    right: 8px;
}

.editor-focus-button-container[b-cvepxkq44i] {
    white-space: nowrap;
    text-align: center;
    position: relative;
    overflow-y: hidden;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

    .editor-focus-button-container[b-cvepxkq44i]::-webkit-scrollbar {
        height: 0.25rem;
    }

    .editor-focus-button-container[b-cvepxkq44i]::-webkit-scrollbar-thumb {
        border-radius: 0.5rem;
        background-color: var(--blue-default);
    }

    .editor-focus-button-container[b-cvepxkq44i]::-webkit-scrollbar-track {
        border-radius: 0.5rem;
        background-color: #D1D5DB;
    }

.rh-custom-editor-column[b-cvepxkq44i] {
    max-width: 180px
}

.message-history-container[b-cvepxkq44i]
{
    margin-top: 1.125rem;
    margin-bottom: 1.75rem;
}

.compliance-experts-container[b-cvepxkq44i]
{
    margin-top: 1.875rem;
}

.regulatory-question-card-col[b-cvepxkq44i]
{
    margin-bottom: 1.25rem;
}

@media (min-width: 768px)
{

    .rh-custom-editor-column[b-cvepxkq44i] {
        width: 20%;
    }

    #expert-help-regulatory-question-sub-title-text[b-cvepxkq44i] {
        font-size: var(--rh-font-28);
        line-height: 1.75rem;
    }

    #expert-help-compliance-experts-description-text[b-cvepxkq44i] {
        padding-left: 20%;
        padding-right: 20%;
    }

    #ask-an-expert-btn[b-cvepxkq44i] {
        padding: 0.75rem 1.25rem 0.75rem 1.25rem;
        font-size: var(--rh-font-16);
        line-height: 1.5rem;
    }

    #expert-help-compliance-experts-sub-title-text[b-cvepxkq44i] {
        font-size: var(--rh-font-24);
        line-height: 2rem;
        letter-spacing: -0.02em;
    }

    #page-bread-crumbs-container[b-cvepxkq44i] {
        padding: 1.5rem 1rem 1rem 1rem
    }

    [b-cvepxkq44i] .bread-crumb {
        padding-left: 6rem !important;
        font-size: var(--rh-font-14) !important;
        font-weight: 400 !important;
        line-height: 1.25rem !important;
    }

    [b-cvepxkq44i] .bread-crumb-link {
        font-size: var(--rh-font-14) !important;
    }

    .editor-focus-button-container[b-cvepxkq44i]
    {
        margin-bottom: 1.75rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/ExpertHelp/RegulatoryQuestionCard.razor.rz.scp.css */
.regulatory-question-card[b-843jldcst1]
{
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    padding: 1.75rem 0 2rem 0;
    border: 1px solid var(--grey-med);
    background-color: white;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    justify-content: space-between;
    height: 100%;
}

.regulatory-question-card-info-container[b-843jldcst1]
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.regulatory-question-card-title[b-843jldcst1]
{
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: var(--rh-font-16);
    font-weight: 600;
    line-height: 1.5rem;
    color: var(--blue-dark);
}

.regulatory-question-card-subtitle[b-843jldcst1]
{
    font-size: var(--rh-font-14);
    font-weight: 600;
    line-height: 1.25rem;
    color: black;
    margin-bottom: 0.25rem;
}

.regulatory-question-card-description[b-843jldcst1]
{
    color: #58595B;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    text-align: center;
    margin-bottom: 1.25rem;
}

.regulatory-question-card-button-container[b-843jldcst1]
{
    display: flex;
    justify-content: center;
}

.regulatory-question-card-button[b-843jldcst1]
{
    background-color: var(--blue-default);
    padding: 0.625rem 1rem 0.625rem 1rem;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
}

    .regulatory-question-card-button:hover[b-843jldcst1]
    {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }
/* _content/RH.WebUI.Application/Components/Pages/FAQ/FAQPage.razor.rz.scp.css */
#faq-items-container[b-j2plrlevlj]
{
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
}

#faq-title[b-j2plrlevlj]
{
    color: var(--grey-darkest);
    font-size: 2rem;
    font-weight: 800;
    line-height: 2.5rem;
}

#faq-subject-topic-title[b-j2plrlevlj]
{
    font-size: var(--rh-font-18);
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--grey-dark);
}

.header[b-j2plrlevlj]
{
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;
}

@media (min-width: 768px)
{
    #faq-title[b-j2plrlevlj]
    {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    #faq-subject-topic-title[b-j2plrlevlj]
    {
        font-size: var(--rh-font-20);
        line-height: 1.75rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/FederalRegulations/FederalRegulationArea.razor.rz.scp.css */
.federal-regulation-area-btn[b-yi34kxuxy2]
{
    font-weight: 600;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    color: var(--rh-color-neutral-base);
    border-bottom: 2px solid var(--grey-med);
    margin-bottom: 0.75rem;
    background-color: transparent;
}

    .federal-regulation-area-btn:not(:last-child)[b-yi34kxuxy2]
    {
        margin-right: 0.75rem;
    }

    .federal-regulation-area-btn.federal-regulation-area-btn-active[b-yi34kxuxy2]
    {
        color: var(--rh-color-primary-base);
        border-bottom: 2px solid var(--rh-color-primary-base);
    }

@media (min-width: 768px)
{
    .federal-regulation-area-btn[b-yi34kxuxy2]
    {
        font-size: var(--rh-font-16);
        line-height: 1.5rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/FederalRegulations/FederalRegulationItem.razor.rz.scp.css */
.content-ordering-level-sub-title[b-o4w79ewngl]
{
    box-shadow: none;
    border: none;
    background-color: transparent;
    display: flex;
    width: 100%;
    font-size: var(--rh-font-14);
    margin-left: 0;
}

    .clickable:hover[b-o4w79ewngl]
    {
        background-color: var(--blue-lighter);
    }
.content-ordering-level-sub-title.clickable:hover .text-start[b-o4w79ewngl] {
    text-decoration: underline;
}

.content-ordering-level-sub-title[b-o4w79ewngl]::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    flex-shrink: 0;
    line-height: 1;
    align-self: center;
    padding-top: 0.1rem;
}

/* Level 1: Solid filled circle */
.bullet-solid[b-o4w79ewngl]::before {
    content: "•";
    font-size: 1.4rem;
}

/* Level 2: Hollow circle - SMALLER SIZE */
.bullet-outline[b-o4w79ewngl]::before {
    content: "○";
    font-size: 1.2rem; /* Reduced from 1.5rem */
}

/* Level 3: Solid filled square */
.bullet-square-solid[b-o4w79ewngl]::before {
    content: "■";
    font-size: 1.2rem;
}

/* Level 4: Hollow square */
.bullet-square-outline[b-o4w79ewngl]::before {
    content: "□";
    font-size: 1.2rem;
}
.sub-title-indent-1[b-o4w79ewngl]
{
    padding-left: 0.5rem;
}

.sub-title-indent-2[b-o4w79ewngl]
{
    padding-left: 1.25rem;
}

.sub-title-indent-3[b-o4w79ewngl]
{
    padding-left: 2.5rem;
}

.sub-title-indent-4[b-o4w79ewngl]
{
    padding-left: 3.75rem;
}

.content-ordering-level-0-title[b-o4w79ewngl]
{
    color: var(--grey-darkest);
    font-weight: 600;
    line-height: 1.25rem;
    font-size: var(--rh-font-14);
    border-bottom: 1px solid var(--grey-med);
    margin-bottom: 0;
}

.content-ordering-level-expand-btn[b-o4w79ewngl]
{
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.bullet-img[b-o4w79ewngl]
{
    height: 24px;
    width: 24px;
}

@media (min-width: 768px)
{
    .content-ordering-level-0-title[b-o4w79ewngl]
    {
        font-size: var(--rh-font-18);
        font-weight: 600;
        line-height: 1.75rem;
        color: var(--grey-med-dark);
    }

    .content-ordering-level-sub-title[b-o4w79ewngl]
    {
        color: var(--grey-darkest);
        font-size: var(--rh-font-16);
        font-weight: 400;
        line-height: 2rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/FederalRegulations/FederalRegulationPage.razor.rz.scp.css */
.federal-regulation-item-wrapper:not(:last-child)[b-tdexuanm87]
{
    margin-bottom: 2rem;
}

#federal-regulations-container[b-tdexuanm87]
{
    max-width: 50rem;
    width: 100%;
    margin-top: 1.5rem;
}

#federal-regulations-governing-agency-title-text[b-tdexuanm87]
{
    font-size: var(--rh-font-18);
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.023rem;
    margin-top: 0.75rem;
    margin-bottom: 0;
    color: var(--grey-dark);
}

.show-more-horizontal-container[b-tdexuanm87]
{
    padding: 0.5rem 0.5rem 0.5rem 0;
}

.show-all-btn[b-tdexuanm87]
{
    border-radius: 22px;
    border: 1px solid var(--rh-color-primary-base);
    background-color: transparent;
    padding: 0.625rem 3.75rem 0.625rem 3.75rem;
    color: var(--rh-color-primary-base);
}

    .show-all-btn:hover[b-tdexuanm87]
    {
        background-color: var(--blue-default);
        color: white;
    }

.feature-card-input-modal[b-tdexuanm87]
{
    background-color: var(--rh-color-primary-base);
    color: white;
    border-radius: 0.375rem;
    text-decoration: none;
    padding: 0.625rem 1rem 0.625rem 1rem;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    font-weight: 500;
    display: inline-block;
    border: none;
}

    .feature-card-input-modal:hover[b-tdexuanm87]
    {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }

@media (min-width: 768px)
{
    #federal-regulations-governing-agency-title-text[b-tdexuanm87]
    {
        font-size: var(--rh-font-20);
        line-height: 1.75rem;
        margin-top: 1rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Home/FeatureCards/FeatureCard.razor.rz.scp.css */
.feature-card-container[b-1f551ou2yn]
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    max-width: 24rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    align-items: center;
    margin: auto;
}

.feature-card-description-text[b-1f551ou2yn]
{
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}

.feature-card-icon[b-1f551ou2yn]
{
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
}

.feature-card-description-text[b-1f551ou2yn]
{
    color: var(--rh-color-neutral-600);
    font-size: var(--rh-font-14);
}

.feature-card-title-text[b-1f551ou2yn]
{
    color: var(--grey-darkest);
    font-size: var(--rh-font-16);
    padding-bottom: 0.3rem;
    font-weight: 600;
}

@media (min-width: 768px)
{
    .feature-card-description-text[b-1f551ou2yn]
    {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Home/FeatureCards/FeatureCardMiddleButton.razor.rz.scp.css */
.feature-card-middle-button-nav-link[b-zpactqcnw8]
{
    background-color: var(--grey-darker);
    color: white;
    padding: 0.25rem 0.75rem 0.25rem 0.75rem;
    border-radius: 3.125rem;
    text-decoration: none;
    display: inline-block;
    font-size: 0.75rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

    .feature-card-middle-button-nav-link:hover[b-zpactqcnw8]
    {
        color: white;
        text-decoration: underline;
    }
/* _content/RH.WebUI.Application/Components/Pages/Home/FeatureCards/FeatureCardModalButton.razor.rz.scp.css */
.feature-card-input-modal[b-ptdvbhfrje]
{
    background-color: var(--rh-color-primary-base);
    color: white;
    border-radius: 0.375rem;
    text-decoration: none;
    padding: 0.625rem 1rem 0.625rem 1rem;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    font-weight: 500;
    display: inline-block;
    border: none;
}

    .feature-card-input-modal:hover[b-ptdvbhfrje]
    {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }
/* _content/RH.WebUI.Application/Components/Pages/Home/FeatureCards/FeatureCardNavButton.razor.rz.scp.css */
.feature-card-input-nav-link[b-tl8vbljw18]
{
    background-color: var(--rh-color-primary-base);
    color: white;
    border-radius: 0.375rem;
    text-decoration: none;
    padding: 0.625rem 1rem 0.625rem 1rem;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    font-weight: 500;
    display: inline-block;
    border: none;
}

    .feature-card-input-nav-link:hover[b-tl8vbljw18]
    {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }
/* _content/RH.WebUI.Application/Components/Pages/Home/FeatureCards/FeatureCardSearchButton.razor.rz.scp.css */
[b-jexjm03a9r] .cfr-search .search-bar
{
    min-width: 20rem;
    border: 0.063rem solid var(--stroke-primary) !important;
}

[b-jexjm03a9r] #input-search-cfr-search::placeholder
{
    font-size: var(--rh-font-size-13) !important;
    line-height: 1.5rem !important;
    letter-spacing: 0.031rem !important;
    font-style: italic !important;
}

[b-jexjm03a9r] .icon-search
{
    height: 2.875rem !important;
}

@media (min-width: 768px)
{
    [b-jexjm03a9r] .search-bar
    {
        min-width: 15rem !important;
    }

    [b-jexjm03a9r] #input-search-cfr-search::placeholder
    {
        font-size: 0.563rem !important;
    }
}

@media (min-width: 992px)
{
    [b-jexjm03a9r] .cfr-search .search-bar
    {
        min-width: 20rem !important;
    }

    [b-jexjm03a9r] #input-search-cfr-search::placeholder
    {
        font-size: var(--rh-font-size-13) !important;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Home/FeatureCards/FeatureCardsSection.razor.rz.scp.css */
.feature-card-alternate[b-5r7iubpyq6]
{
    background-color: var(--rh-color-neutral-50);
}

button.button-primary[b-5r7iubpyq6] {
    padding: 0.625rem 1rem;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: normal;
}
    button.button-primary:hover[b-5r7iubpyq6] {
        box-shadow: 0px 4px 6px -1px #8e8e8e;
    }

@media (min-width: 768px) {
    .feature-card-alternate[b-5r7iubpyq6] {
        background-color: transparent;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Home/GoverningAgenciesModal.razor.rz.scp.css */
[b-ewjsyhfuwg] #governing-agencies-modal .modal-body
{
    padding: 0;
}

[b-ewjsyhfuwg] #governing-agencies-modal .modal-footer
{
    display: flex;
    justify-content: end;
    padding-right: 1.25rem !important;
    padding-bottom: 0.75rem !important;
}

#governing-agencies-modal-apply-btn[b-ewjsyhfuwg]
{
    font-size: var(--rh-font-14);
    line-height: 1rem;
    font-weight: 600;
    margin-bottom: 0.75rem !important;
    padding: 0.75rem 1rem 0.75rem 1rem !important;
    letter-spacing: 0.047rem;
}

#governing-agency-modal-title[b-ewjsyhfuwg]
{
    color: var(--grey-darkest);
    font-size: var(--rh-font-14);
    font-weight: 600;
    line-height: normal;
    margin: 12px;
}

.governing-agency-focus-title[b-ewjsyhfuwg]
{
    color: var(--grey-default);
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    font-weight: 600;
    padding: 0.5rem 0.75rem 0 0.75rem;
}

    .governing-agency-focus-title:not(:first-child)[b-ewjsyhfuwg]
    {
        padding: 2rem 0.75rem 0 0.75rem;
    }

.governing-agency-focus-title-border:not(:last-child)[b-ewjsyhfuwg]
{
    border-bottom: 1px dashed var(--grey-default);
}

.canadian-flag-icon[b-ewjsyhfuwg]
{
    width: 1.9rem;
    height: 1.25rem;
}
/* _content/RH.WebUI.Application/Components/Pages/Home/Index.razor.rz.scp.css */

.feature-search[b-xafw2s25y5] {
    margin-top: var(--size-spacing-xl);
    margin-bottom: var(--size-spacing-xxl);
}
.my-activity[b-xafw2s25y5] {
    margin-top: var(--size-spacing-xl);
    margin-bottom: 0;
}

#feature-cards-section-container[b-xafw2s25y5]
{
    margin-bottom: 2.2rem !important;
}

@media (max-width: 36rem)
{
    .feature-search[b-xafw2s25y5] {
        margin-top: var(--size-spacing-xl);
        margin-bottom: 3.5rem;
    }
    .my-activity[b-xafw2s25y5] {
        margin-bottom: var(--size-spacing-xxs);
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Home/MyActivity.razor.rz.scp.css */
h4[b-p8xnyev6kz]{
    margin-bottom: 0rem;
}

.activity-container[b-p8xnyev6kz] {
    width: 100%;
    white-space: nowrap;
    text-align: center;
    position: relative;
    overflow-y: hidden;
    padding: var(--size-spacing-md) 0rem;
}
    .activity-container[b-p8xnyev6kz]::-webkit-scrollbar {
        height: 0.25rem;
    }
    .activity-container[b-p8xnyev6kz]::-webkit-scrollbar-thumb {
        border-radius: 0.5rem;
        background-color: var(--secondary);
    }
    .activity-container[b-p8xnyev6kz]::-webkit-scrollbar-track {
        border-radius: 0.5rem;
        background-color: var(--neutral-light);
    }
    
/* _content/RH.WebUI.Application/Components/Pages/Home/PreferencesNudgeModal.razor.rz.scp.css */
/* Styles to make the medium modal stick top middle in desktop
    to small modal on top middle in smaller screens
    to small modal on bottom middle in smallest screens */
[b-qc52ior4at] .modal-content {
    position: fixed;
    top: 0;
    max-width: 33.5rem;
}

[b-qc52ior4at] .modal-dialog {
    margin: auto;
}

h5[b-qc52ior4at] {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.025rem;
    text-align: left;
    margin-bottom: 20px;
}

p[b-qc52ior4at] {
    color: var(--text-heading-main);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
}

@media (max-width: 36rem) {
    [b-qc52ior4at] .modal-content {
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Home/WhatCanWeHelpYouFindToday.razor.rz.scp.css */
h3[b-r8lmpck4fm] {
    margin-bottom: 1rem;
}

[b-r8lmpck4fm] .recommendations-list
{
    max-width: 50rem;
}
/* _content/RH.WebUI.Application/Components/Pages/MainSearch/ActiveFilterItemButton.razor.rz.scp.css */
.main-search-active-filter-item-button[b-cpep86olnc]
{
    border: 1px solid var(--grey-med);
    padding: 0.375rem 0.5rem 0.375rem 0.5rem;
    gap: 2px;
    border-radius: 40px;
    background-color: var(--blue-lighter);
    color: var(--blue-darker);
    margin: 0.25rem;
}

    .main-search-active-filter-item-button:hover[b-cpep86olnc]
    {
        box-shadow: 0px 4px 4px 0px #00000040;
    }

.main-search-active-filter-item-button > img[b-cpep86olnc]
{
    position: relative;
    top: -2px;
}
/* _content/RH.WebUI.Application/Components/Pages/MainSearch/ResultCard.razor.rz.scp.css */

.result-card[b-cxjawowtcw] {
    display: flex;
    text-align: start;
    padding: 1rem .75rem;
    gap: .75rem;
    margin: .125rem 0;
    background-color: var(--fill-white);
    cursor: pointer;
    width: 100%;
}
    .result-card:hover[b-cxjawowtcw] {
        background: var(--fill-neutral);
        box-shadow: 0px 4px 6px -1px #00000014;
    }
    .result-card:hover .result-title[b-cxjawowtcw] {
        text-decoration: underline;
    }
    .result-card img[b-cxjawowtcw] {
        height: 2.5rem;
        width: 2.5rem;
    }
.result-title[b-cxjawowtcw] {
    color: var(--text-link-dark);
    font-size: var(--rh-font-16);
    font-weight: 500;
    line-height: var(--rh-font-24);
}
.result-summary[b-cxjawowtcw] {
    color: var(--text-body);
    font-size: var(--rh-font-14);
    font-weight: 400;
    line-height: var(--rh-font-20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.result-card .stacked-icons img[b-cxjawowtcw] {
    height: 1.5rem;
}

@media (max-width: 36rem) {
    h3[b-cxjawowtcw] {
        color: var(--text-heading-main);
        margin: 1.75rem 0 1.5rem;
        font-weight: 600;
    }

    .result-card[b-cxjawowtcw] {
        padding: 1rem 0;
        gap: .4375rem;
        border-bottom: 1px solid #A8B5C2;
    }

        .result-card img[b-cxjawowtcw] {
            height: 1.5625rem;
            width: 2rem;
        }

    .result-title[b-cxjawowtcw] {
        font-size: var(--rh-font-14);
        line-height: var(--rh-font-20);
    }

    .result-summary[b-cxjawowtcw] {
        color: var(--text-link-list);
        font-size: var(--rh-font-12);
        line-height: var(--rh-font-18);
    }
}
/* _content/RH.WebUI.Application/Components/Pages/MainSearch/SearchFilterOption.razor.rz.scp.css */
.desktop-filter-option[b-294909w1hv]
{
    background-color: white;
    margin-bottom: 0.25rem;
}
/* _content/RH.WebUI.Application/Components/Pages/MainSearch/SearchFiltersModal.razor.rz.scp.css */
#search-filters-modal-title-text[b-fr7wvsz28z]
{
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: var(--rh-font-14);
    line-height: 1.059rem;
    color: var(--grey-darkest);
}

#search-filter-modal-clear-all-btn-container[b-fr7wvsz28z]
{
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}

#search-filters-clear-all-btn[b-fr7wvsz28z]
{
    background-color: white;
    box-shadow: none;
    border: none;
    color: var(--blue-dark);
    line-height: 1rem;
    font-size: var(--rh-font-12);
    font-weight: 600;
    letter-spacing: 0.047rem;
}

#search-filters-modal-required-text[b-fr7wvsz28z]
{
    color: var(--red-darker);
    font-size: var(--rh-font-12);
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.047rem;
    padding-left: 0.75rem;
    margin-bottom: 0.625rem;
}

.search-filter-category-text[b-fr7wvsz28z]
{
    color: var(--grey-default);
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    font-weight: 600;
    border-bottom: 1px dashed var(--grey-default);
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    margin-right: 1.25rem;
    margin-bottom: 0;
}

.search-filter-modal[b-fr7wvsz28z]  .modal-footer
{
    display: flex;
    justify-content: end;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.search-filter-modal[b-fr7wvsz28z]  .modal-header
{
    border-bottom: 1px solid var(--grey-med) !important;
}

.search-filter-modal[b-fr7wvsz28z]  .modal-body
{
    border: none !important;
    background-color: white !important;
    padding: 0 !important;
}

.search-filter-modal[b-fr7wvsz28z]  .mobile-fullscreen-header
{
    display: none;
}

.search-filter-modal button[b-fr7wvsz28z]
{
    color: var(--fill-white);
    line-height: 1.5rem;
    font-size: var(--rh-font-14);
    font-weight: 500;
    background-color: var(--rh-color-primary-base);
    padding: 0.625rem 1rem 0.625rem 1rem;
    border-radius: 4px;
}

    .search-filter-modal button:hover[b-fr7wvsz28z]
    {
        background-color: var(--rh-color-primary-600);
        box-shadow: 0px 4px 6px -1px #8e8e8e;
        color: white;
    }

.search-filter-modal[b-fr7wvsz28z]  .modal
{
    -webkit-transform: translate(-100%,0)scale(1);
    transform: translate(-100%,0)scale(1);
    opacity: 1;
    transition-duration: 500ms;
}

    .search-filter-modal[b-fr7wvsz28z]  .modal.show
    {
        transform: translate(0,0)scale(1);
    }

[b-fr7wvsz28z] .desktop-filter-option
{
    margin-right: 1.25rem !important;
}

#search-filters-clear-all-btn:disabled[b-fr7wvsz28z]
{
    color: var(--blue-disabled);
}

@media (max-width: 61.938rem)
{
    .search-filter-modal[b-fr7wvsz28z]  .modal-fullscreen .modal-content
    {
        overflow-y: hidden !important;
    }

    .search-filter-modal[b-fr7wvsz28z]  .modal-body
    {
        overflow-y: auto !important;
    }

    .search-filter-modal[b-fr7wvsz28z]  .modal-fullscreen .modal-header
    {
        height: 3.5rem;
        background-color: white;
    }

    [b-fr7wvsz28z] .icon-close
    {
        height: 1.5rem !important;
        width: 1.5rem !important;
        background-size: contain;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/MainSearch/SearchResultsPage.razor.rz.scp.css */
.results-text[b-rildi66jox]
{
    color: var(--grey-darker);
    font-size: var(--rh-font-16);
    line-height: 1.25rem;
}

.results-search-term-text[b-rildi66jox]
{
    color: var(--yellow-darker);
    font-weight: 700;

}

#results-current-count-text[b-rildi66jox], #results-total-count-text[b-rildi66jox]
{
    font-weight: bold;
}

#research-results-header-wrapper[b-rildi66jox]
{
    font-weight: 800;
    font-size: var(--rh-font-32);
    line-height: 2.75rem;
    letter-spacing: -0.02em;
    color: var(--grey-darkest);
    background-color: var(--fill-section);
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    padding: 1.25rem 1rem 1.25rem;
}

#mobile-filter-results-button[b-rildi66jox]
{
    background-color: var(--yellow-default);
    padding: 0.375rem 0.75rem 0.375rem 0.75rem;
    border-radius: 6px;
    color: var(--yellow-darkest);
    line-height: 1.25rem;
    font-weight: 500;
    font-size: var(--rh-font-12);
    margin-top: 1.75rem;
    margin-bottom: 1.25rem;
}

    #mobile-filter-results-button:hover[b-rildi66jox]
    {
        text-decoration: underline;
    }

#mobile-filter-results-icon[b-rildi66jox]
{
    margin-right: 0.375rem;
}

#main-search-clear-filters-btn-mobile[b-rildi66jox]
{
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.047rem;
    font-size: var(--rh-font-12);
    color: var(--blue-dark);
    background-color: transparent;
    box-shadow: none;
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}


    #main-search-clear-filters-btn-mobile:hover[b-rildi66jox], #desktop-filter-clear-all-btn:hover[b-rildi66jox]
    {
        box-shadow: 0px 4px 4px 0px #00000040;
        background-color: var(--blue-lighter);
        border: 1px solid var(--blue-default);
    }

#desktop-filter-clear-all-btn:disabled[b-rildi66jox]
{
    color: var(--blue-disabled);
}

    #desktop-filter-clear-all-btn:disabled:hover[b-rildi66jox]
    {
        box-shadow: none;
        border: none;
        background-color: white;
    }

@media (min-width: 992px)
{
    #research-results-header-wrapper[b-rildi66jox]
    {
        font-size: var(--rh-font-36);
        line-height: 2.75rem;
    }

    .search-results-left-col[b-rildi66jox]
    {
        width: 100%;
        max-width: 17.5rem;
    }

    #search-results-input-wrapper[b-rildi66jox], #search-results-wrapper[b-rildi66jox], #research-results-header-wrapper[b-rildi66jox]
    {
        padding-left: 7rem;
    }

    #search-results-input-container[b-rildi66jox], #search-results-container[b-rildi66jox], #search-results-header-container[b-rildi66jox]
    {
        max-width: 50rem;
        margin-left: 2.5rem;
    }

    .results-text[b-rildi66jox]
    {
        line-height: 1.5rem;
        font-size: var(--rh-font-16);
        font-weight: 400;
    }

    .results-search-term-text[b-rildi66jox]
    {
        line-height: 1.5rem;
        font-weight: 600;
        font-size: var(--rh-font-16);
    }

    #desktop-filter-container[b-rildi66jox]
    {
        border: 1px solid var(--grey-med);
        background-color: var(--rh-color-neutral-50);
    }

    #desktop-filter-title-text[b-rildi66jox]
    {
        display: flex;
        align-items: center;
        padding: 0.75rem;
    }

    #desktop-filter-clear-all-btn-container[b-rildi66jox]
    {
        background-color: white;
        display: flex;
        justify-content: end;
        padding: 0.5rem;
    }

    #desktop-filter-clear-all-btn[b-rildi66jox]
    {
        color: var(--blue-dark);
        font-size: var(--rh-font-12);
        font-weight: 600;
        line-height: 1rem;
        box-shadow: none;
        border: none;
        background-color: white;
        padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    }

    #desktop-filter-options-container[b-rildi66jox]
    {
        padding: 2px 4px 8px 2px;
    }

    .desktop-filter-category-container[b-rildi66jox]
    {
        border-bottom: 1px dashed var(--grey-default);
        padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    }

    .desktop-filter-category-container[b-rildi66jox]
    {
        background-color: white;
        margin-bottom: 4px;
    }

    .desktop-filter-category-text[b-rildi66jox]
    {
        font-weight: 600;
        font-size: var(--rh-font-14);
        line-height: 1.25rem;
        color: var(--grey-darkest);
        padding: 0;
        margin: 0;
    }

    [b-rildi66jox] label
    {
        color: var(--grey-darker) !important;
        font-weight: 400 !important;
        line-height: 1.25rem !important;
        font-size: var(--rh-font-14) !important;
    }

}
/* _content/RH.WebUI.Application/Components/Pages/Notifications/NotificationsPage.razor.rz.scp.css */
.notifications-sections[b-dcx2tid1j5] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 1rem;
    width: 100%;
}

.header h1[b-dcx2tid1j5] {
    font-family: Inter;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #000000;
}

.notifications-section[b-dcx2tid1j5] {
    padding-bottom: 2rem;
    width: 100%;
}

.notifications-section:not(:last-child)[b-dcx2tid1j5] {
    border-bottom: 1px solid var(--neutral-300);
}

.section-header[b-dcx2tid1j5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #E5E7EB;
    width: 100%;
}

.section-icon[b-dcx2tid1j5] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.notifications-section h2[b-dcx2tid1j5] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: #C28135;
}

.no-active-updates[b-dcx2tid1j5] {
    color: #6B7280;
    font-style: normal;
    font-size: 0.875rem;
    padding: 0.75rem 0 0 0;
    margin: 0;
    text-align: left;
}

.notifications-list[b-dcx2tid1j5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 0.75rem;
    width: 100%;
}

.notification-item-wrapper[b-dcx2tid1j5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.notification-item[b-dcx2tid1j5] {
    flex: 1;
    padding: 1rem;
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
}

.notification-item:hover[b-dcx2tid1j5] {
    background-color: #F9FAFB;
    box-shadow: none;
}

.notification-item:active[b-dcx2tid1j5] {
    transform: scale(0.99);
}

.notification-text[b-dcx2tid1j5] {
    flex: 1;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #1F2937;
    font-weight: 600;
    font-family: Inter;
}

.notification-delete-btn[b-dcx2tid1j5] {
    flex-shrink: 0;
    padding: 0.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.notification-delete-btn:hover[b-dcx2tid1j5] {
    background-color: #FEF3E2;
}

.notification-delete-btn:active[b-dcx2tid1j5] {
    transform: scale(0.95);
}

.delete-icon[b-dcx2tid1j5] {
    width: 24px;
    height: 24px;
    display: block;
}

.loading-container[b-dcx2tid1j5] {
    text-align: center;
    padding: 3rem;
    color: var(--text-body-secondary, #6B7280);
}

/* Mobile styles */
@media (max-width: 36rem) {
    .notifications-section[b-dcx2tid1j5] {
        padding-bottom: 1.5rem;
    }

    .notification-item[b-dcx2tid1j5] {
        padding: 0.875rem;
    }

    .notification-text[b-dcx2tid1j5] {
        font-size: 0.8125rem;
    }

    .notification-delete-btn[b-dcx2tid1j5] {
        padding: 0.375rem;
    }

    .delete-icon[b-dcx2tid1j5] {
        width: 20px;
        height: 20px;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/AllTopicsView.razor.rz.scp.css */
.all-topics-view[b-y0sejf2n0m] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0;
}

/* Intro Paragraph */

.intro-paragraph[b-y0sejf2n0m] {
    display: flex;
    justify-content: center;
    padding: 0 24px;
}

    .intro-paragraph p[b-y0sejf2n0m] {
        max-width: 800px;
        text-align: center;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--text-body, #4A5568);
        margin: 0;
    }

/* Topic Filter Pills */

.topic-filter-pills[b-y0sejf2n0m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 8px 0;
}

.filter-pill[b-y0sejf2n0m] {
    display: inline-flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 2px solid var(--stroke-border-medium, #CBD5E0);
    background: var(--fill-page-bg, #FAFAFA);
    color: var(--text-label-form, #2D3748);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .filter-pill:hover[b-y0sejf2n0m] {
        border-color: var(--stroke-primary, #586AF5);
        background: var(--fill-button-hover, #F7FAFC);
    }

    .filter-pill:focus-visible[b-y0sejf2n0m] {
        outline: 2px solid var(--stroke-primary, #586AF5);
        outline-offset: 2px;
    }

.filter-pill-active[b-y0sejf2n0m] {
    border-color: var(--stroke-primary, #586AF5);
    background: var(--fill-primary, #586AF5);
    color: var(--text-label-primary, #FFFFFF);
}

    .filter-pill-active:hover[b-y0sejf2n0m] {
        background: var(--fill-primary-dark, #3F4EC4);
        border-color: var(--stroke-primary-dark, #3F4EC4);
    }

/* A–Z Scale */

.az-scale[b-y0sejf2n0m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 8px 0;
}

.az-chip[b-y0sejf2n0m] {
    display: inline-flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    height: 40px;
    border-radius: 6px;
    border: 2px solid var(--stroke-border-medium, #CBD5E0);
    background: var(--fill-page-bg, #FAFAFA);
    color: var(--text-label-form, #2D3748);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .az-chip:hover[b-y0sejf2n0m] {
        border-color: var(--stroke-primary, #586AF5);
        background: var(--fill-button-hover, #F7FAFC);
    }

    .az-chip:focus-visible[b-y0sejf2n0m] {
        outline: 2px solid var(--stroke-primary, #586AF5);
        outline-offset: 2px;
    }

.az-chip-active[b-y0sejf2n0m] {
    border-color: var(--stroke-primary, #586AF5);
    background: var(--fill-primary, #586AF5);
    color: var(--text-label-primary, #FFFFFF);
}

    .az-chip-active:hover[b-y0sejf2n0m] {
        background: var(--fill-primary-dark, #3F4EC4);
        border-color: var(--stroke-primary-dark, #3F4EC4);
    }

/* Search Topics Button */

.search-topics-container[b-y0sejf2n0m] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.search-topics-button[b-y0sejf2n0m] {
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: none;
    background: var(--fill-primary, #586AF5);
    color: var(--text-label-primary, #FFFFFF);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .search-topics-button:hover[b-y0sejf2n0m] {
        background: var(--fill-primary-dark, #3F4EC4);
    }

    .search-topics-button:focus-visible[b-y0sejf2n0m] {
        outline: 2px solid var(--stroke-primary, #586AF5);
        outline-offset: 2px;
    }

.search-icon[b-y0sejf2n0m] {
    font-size: 1.125rem;
}

/* Content Panel */

.topics-content[b-y0sejf2n0m] {
    padding: 24px 0;
    min-height: 200px;
}

/* Topic Group Styling */

.topic-group[b-y0sejf2n0m] {
    margin-bottom: 16px;
}

/* No Results Message */

.no-results-message[b-y0sejf2n0m] {
    text-align: center;
    color: var(--text-body, #4A5568);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 24px;
    font-style: italic;
}

/* Responsive Design */

@media (max-width: 768px) {

    .all-topics-view[b-y0sejf2n0m] {
        gap: 20px;
    }

    .intro-paragraph[b-y0sejf2n0m] {
        padding: 0 12px;
    }

        .intro-paragraph p[b-y0sejf2n0m] {
            font-size: 0.9375rem;
            line-height: 1.4rem;
        }

    .filter-pill[b-y0sejf2n0m] {
        padding: 8px 16px;
        font-size: 0.8125rem;
    }

    .az-chip[b-y0sejf2n0m] {
        min-width: 80px;
        padding: 6px 12px;
        font-size: 0.8125rem;
    }

    .search-topics-button[b-y0sejf2n0m] {
        padding: 10px 20px;
        font-size: 0.9375rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/AtAGlance.razor.rz.scp.css */
#at-a-glance-container[b-sxd6s02ga6] {
    margin: 0 auto;
    width: 100%;
    align-content: center;
    max-width: 50em;
    padding: 0 1rem 0 1rem;
}

.at-a-glance-content[b-sxd6s02ga6] {
    padding-top: .25rem;
    padding-bottom: .25rem;
    max-width: 50em;
}

a[b-sxd6s02ga6] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

#at-a-glance-text[b-sxd6s02ga6]
{
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    #at-a-glance-text[b-sxd6s02ga6]
    {
        padding-bottom: 1.25rem;
    }

    #at-a-glance-container[b-sxd6s02ga6] {
        padding: 0 0 1rem;
    }

    .at-a-glance-content[b-sxd6s02ga6] {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 0;
    }

    a[b-sxd6s02ga6] {
        font-size: var(--rh-font-16);
        line-height: 1.5rem;
        font-weight: 500;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/PrimaryTopicCard.razor.rz.scp.css */
.primary-topic-card[b-h43rusjehn] {
    width: 100%;
    height: 100%;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px #586AF5 dashed;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    display: inline-flex;
}

    .primary-topic-card:hover[b-h43rusjehn] {
        color: var(--text-link-primary);
        background-color: var(--fill-neutral);
    }

    .primary-topic-card .heart[b-h43rusjehn] {
        background: none;
    }

    .primary-topic-card .content[b-h43rusjehn] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        width: 100%;
    }

    .primary-topic-card .label[b-h43rusjehn] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        flex: 1 0 0;
    }

    .primary-topic-card img.topic-image[b-h43rusjehn] {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        border: 1px solid var(--grey-med);
        object-fit: cover;
    }

    .primary-topic-card .heart img[b-h43rusjehn], .sub-topic-card .heart img[b-h43rusjehn] {
        height: 24px;
    }

    .primary-topic-card .area[b-h43rusjehn] {
        text-transform: uppercase;
        align-self: stretch;
        color: var(--text-body, #6A7682);
        /* Paragraph/Small/Semibold */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
    }

    .primary-topic-card .description[b-h43rusjehn] {
        flex: 1 0 0;
        color: var(--text-heading-main, #353B41);
        /* Paragraph/Large/Semibold */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 155.556% */
        cursor: pointer;
    }

@media (max-width: 36rem) {
    .primary-topic-card[b-h43rusjehn] {
        border-bottom: 1px #586AF5 dotted;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        display: inline-flex
    }

        .primary-topic-card .content[b-h43rusjehn] {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            align-self: stretch;
            width: 100%;
        }

        .primary-topic-card .label[b-h43rusjehn] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            flex: 1 0 0;
        }

        .primary-topic-card img[b-h43rusjehn], .sub-topic-card img[b-h43rusjehn] {
            width: 30px;
        }

            .primary-topic-card img.topic-image[b-h43rusjehn] {
                display: flex;
                width: 48px;
                height: 48px;
                justify-content: center;
                align-items: center;
                border-radius: 4px;
                border: 1px solid var(--grey-med);
            }

        .primary-topic-card .heart img[b-h43rusjehn] {
            height: 20px;
            width: 22px;
        }

        .primary-topic-card .area[b-h43rusjehn] {
            text-transform: uppercase;
            align-self: stretch;
            color: var(--text-body, #6A7682);
            /* Paragraph/Small/Semibold */
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px; /* 142.857% */
        }

        .primary-topic-card .description[b-h43rusjehn] {
            flex: 1 0 0;
            color: var(--text-heading-main, #353B41);
            /* Paragraph/Large/Semibold */
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 28px; /* 155.556% */
        }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/ReferenceAndGuidance.razor.rz.scp.css */
#reference-and-guidance-container[b-9ptmtd667b] {
    margin: 0 auto;
    width: 100%;
    align-content: center;
    max-width: 50rem;
    padding: 0;
}

#reference-and-guidance-text[b-9ptmtd667b] {
    font-weight: 600;
}
.reference-and-guidance-gap[b-9ptmtd667b] {
    display:flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
}
.reference-and-guidance-content[b-9ptmtd667b] {
    padding-top: .25rem;
    padding-bottom: .25rem;
    max-width: 50rem;
}

a[b-9ptmtd667b] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

@media (min-width: 768px) {
    #reference-and-guidance-container[b-9ptmtd667b] {
        padding: 1rem 0 1rem;
    }

    .reference-and-guidance-content[b-9ptmtd667b] {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 0;
    }

    a[b-9ptmtd667b] {
        padding-top: 2.5rem;
        font-size: var(--rh-font-16);
        line-height: 1.5rem;
        font-weight: 500;
    }
}
#reference-and-guidance-container[b-9ptmtd667b] {
    margin: 0 auto;
    width: 100%;
    align-content: center;
    max-width: 50rem;
    padding: 1rem 0 0 0;
}

.reference-and-guidance-content[b-9ptmtd667b] {
    padding-top: .25rem;
    padding-bottom: .25rem;
    max-width: 50rem;
}

a[b-9ptmtd667b] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.section-container[b-9ptmtd667b] {
    padding-bottom: .5rem;
}

@media (min-width: 768px) {

    .reference-and-guidance-content[b-9ptmtd667b] {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 0;
    }

    .reference-and-guidance-gap[b-9ptmtd667b] {
        padding: .75rem 20rem;
    }

    a[b-9ptmtd667b] {
        padding-top: 2.5rem;
        font-size: var(--rh-font-16);
        line-height: 1.5rem;
        font-weight: 500;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/SubTopicCard.razor.rz.scp.css */
.sub-topic-card[b-hwlk6wtn4t] {
    display: flex;
    padding: 8px 4px;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid var(--stroke-neutral-light, #EFF2F5);
    padding-left: 3.938rem;
}

    .sub-topic-card:hover[b-hwlk6wtn4t] {
        color: var(--text-link-primary);
        background-color: var(--fill-neutral);
        text-decoration: underline var(--text-link-list, #505862);
    }

    .sub-topic-card img.topic-image[b-hwlk6wtn4t] {
        width: 40px;
        height: 40px;
        border-radius: 4px;
    }

    .sub-topic-card .ca-flag img[b-hwlk6wtn4t] {
        height: 1rem !important;
        display: block !important;
    }

    .sub-topic-card .description[b-hwlk6wtn4t] {
        flex: 1 0 0;
        color: var(--text-link-list, #505862);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        cursor: pointer;
    }

@media (max-width: 36rem) {

    .sub-topic-card[b-hwlk6wtn4t] {
        display: flex;
        padding: 8px 4px;
        align-items: center;
        gap: 8px;
        border-bottom: 2px solid var(--stroke-neutral-light, #EFF2F5);
        padding-left: 3.938rem;
    }

        .sub-topic-card .description[b-hwlk6wtn4t] {
            flex: 1 0 0;
            color: var(--text-link-list, #505862);
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
        }

        .sub-topic-card img.topic-image[b-hwlk6wtn4t] {
            width: 40px;
            height: 40px;
            flex-shrink: 0;
            border-radius: 4px;
        }

        .sub-topic-card .ca-flag img[b-hwlk6wtn4t] {
            height: 1rem !important;
            display: block !important;
        }

        .sub-topic-card .heart img[b-hwlk6wtn4t] {
            width: 24px;
            height: 24px;
        }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/TopFAQ.razor.rz.scp.css */
#top-faq-inner-container[b-doxpxkjgsv]
{
    margin: 0 auto;
    width: 100%;
    max-width: 50rem;
}

.top-faq-view-all-link-container[b-doxpxkjgsv]
{
    padding: 0.75rem;
}

#top-faq-view-all-link[b-doxpxkjgsv]
{
    font-size: var(--rh-font-12);
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.047rem;
}

@media (min-width: 768px)
{
    .top-faq-view-all-link-container[b-doxpxkjgsv]
    {
        padding-left: 0;
    }

    #top-faq-view-all-link[b-doxpxkjgsv]
    {
        padding-top: 2.5rem;
        font-size: var(--rh-font-16);
        line-height: 1.5rem;
        font-weight: 500;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/TopicSearchModal.razor.rz.scp.css */
.search-results .search-result[b-o759h6ev44] {
    padding: 11px 20px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(80, 88, 98, 1);
    gap: 8px;
}

.search-result:hover[b-o759h6ev44] {
    background-color: var(--fill-neutral);
}

.search-result .result-description[b-o759h6ev44] {
    cursor: pointer;
    padding: 5px;
}

.result-description:hover[b-o759h6ev44] {
    text-decoration: underline var(--text-link-list, #505862);
}

.no-results-text[b-o759h6ev44] {
    display: block;
    width: 629px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    opacity: 1;
}

.no-results-content[b-o759h6ev44] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.expert-help-wrapper[b-o759h6ev44] {
    max-width: 600px;
    padding: 20px;
}

.sitewide-search-wrapper[b-o759h6ev44] {
    max-width: 600px;
    padding: 20px;
}

.topic-search-bar-wrapper[b-o759h6ev44] {   
    padding: 1.25rem 1rem 0 1rem;
}

.topic-search-title[b-o759h6ev44] {
    color: #353B41;
    margin: 12px;
}

.topic-search-close-btn[b-o759h6ev44] {
    width: 74px;
    height: 40px;
    padding: 12px 16px;
    gap: 5px;
    border-radius: var(--size-spacing-xxs);
    border: none;
    background-color: var(--fill-primary);
    color: var(--white);
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.75px;
    opacity: 1;
    cursor: pointer;
}

    .topic-search-close-btn:hover[b-o759h6ev44] {
        background-color: var(--primary-dark);
    }

    .topic-search-close-btn:focus[b-o759h6ev44] {
        outline-offset: 2px;
        outline: 2px solid var(--primary-dark);
    }

@media (min-width: 768px)
{
    [b-o759h6ev44] .modal-fullscreen-md-down.modal-dialog
    {
        max-width: 43.75rem !important;
    }

    [b-o759h6ev44] #modal-content-topic-search-modal
    {
        height: 41.688rem !important;
    }

    .topic-search-bar-wrapper[b-o759h6ev44]
    {
        padding: 2.5rem 3.125rem 0 3.125rem;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/TopicsPage.razor.rz.scp.css */
.tabs[b-r87sbi8d2h] {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--size-spacing-md, 24px);
    margin-top: 8px;
    margin-bottom: 40px;
}

    .tabs button[b-r87sbi8d2h] {
        display: flex;
        padding: 12px var(--size-spacing-md, 24px);
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-bottom: 2px solid var(--text-label-disabled, #8593A3);
        background: var(--fill-page-bg, #FAFAFA);
        color: var(--text-label-disabled, #8593A3);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.75px;
    }

        .tabs button.selected[b-r87sbi8d2h] {
            display: flex;
            padding: 12px var(--size-spacing-md, 24px);
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-bottom: 2px solid var(--stroke-primary, #586AF5);
            background: var(--fill-page-bg, #FAFAFA);
            color: var(--text-link-primary, #3F4EC4);
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: 0.75px;
        }

    .tabs img[b-r87sbi8d2h] {
        height: 21px;
    }

.results[b-r87sbi8d2h] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
}

.heart[b-r87sbi8d2h] {
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 4px;
}

.letter-heading-letter[b-r87sbi8d2h] {
    text-align: left;
    border-bottom: 1px solid var(--stroke-primary-dark);
}

.search-button-container[b-r87sbi8d2h] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.topic-search-svg[b-r87sbi8d2h] {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: flex-end;
}

.search-topics-button[b-r87sbi8d2h] {
    display: flex;
    justify-content: center;
    height: 44px;
    padding: 10px 16px;
    gap: 6px;
    border-radius: 4px;
    background-color: var(--fill-primary);
    font-size: var(--rh-font-16);
    font-weight: 600;
    line-height: 24px;
    color: var(--text-label-primary);
}

.letter-selector[b-r87sbi8d2h] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow-x: auto;
    width: 100%;
    padding: 4px 12px 4px 12px;
    gap: 6px;
    background-color: var(--blue-lighter);
}

    .letter-selector .letter[b-r87sbi8d2h] {
        font-family: Inter;
        font-size: var(--rh-font-16);
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        color: var(--text-label-form);
    }

    .letter-selector button[b-r87sbi8d2h] {
        flex: 1 1 auto;
        width: 24px;
        padding: 4px 6px 4px 6px;
        background: none;
        border-radius: 2px;
    }

        .letter-selector button.clickable[b-r87sbi8d2h] {
            cursor: pointer;
        }

        .letter-selector button.unclickable[b-r87sbi8d2h] {
            cursor: default;
        }

        .letter-selector button.selected-letter[b-r87sbi8d2h] {
            background-color: var(--primary-dark);
        }

            .letter-selector button.selected-letter .letter[b-r87sbi8d2h] {
                color: var(--text-label-primary);
                text-decoration: underline;
            }

/* Subjects intro paragraph */
.subjects-intro[b-r87sbi8d2h] {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5rem;
    margin: 0 0px 0;
    text-align: left;
    padding: 0 20px;
}

/* Subjects search CTA */
.subjects-search-cta[b-r87sbi8d2h] {
    display: flex;
    justify-content: center;
    padding: 8px 0 20px;
}

.search-topics-button.link-look[b-r87sbi8d2h] {
    appearance: none;
    background: transparent;
    border: none;
    color: #4F46E5;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    text-decoration: none;
    font-size: 14px;
}

    .search-topics-button.link-look:hover[b-r87sbi8d2h] {
        color: #4338CA;
        text-decoration: underline;
    }

.topics-search-icon[b-r87sbi8d2h] {
    display: inline-flex;
    align-items: center;
    margin-left: 2px;
}

    .topics-search-icon svg[b-r87sbi8d2h] {
        width: 16px;
        height: 16px;
    }

.vector-icon[b-r87sbi8d2h] {
    width: 20;
    height: 20;
    angle: 0 deg;
    opacity: 1;
}

@media (max-width: 36rem) {
    .tabs img[b-r87sbi8d2h] {
        height: 16px;
    }

    .results[b-r87sbi8d2h] {
        gap: 0px;
    }

    .letter-selector[b-r87sbi8d2h] {
        flex-wrap: nowrap;
    }

    .heart[b-r87sbi8d2h] {
        display: flex;
        padding: 10px;
        align-items: center;
        gap: 4px;
    }
}
/* _content/RH.WebUI.Application/Components/Pages/Topics/TopicsTabSection.razor.rz.scp.css */
/* =========================
   Layout & Intro
   ========================= */
.topics-content[b-opmag1hkek] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background: #FAFAFA;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.topic-numbers[b-opmag1hkek] {
    width: 599;
    height: 40;
    gap: 20px;
    angle: 0 deg;
    opacity: 1;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 8px;
}
/* Filter Section Wrapper - Exact Figma dimensions: 800px × 276px */
.topics-filter-section[b-opmag1hkek] {
    width: 800px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 20px 24px;
}

.topics-intro[b-opmag1hkek] {
    color: #666666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    text-align: left;
    padding: 0px 10px 0px 10px;
    width: 699px;
    height :72px;
}

/* =========================
   Subject Chips (Tabs)
   outlined (default) → filled (selected)
   ========================= */
.topics-chip-row[b-opmag1hkek] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 8px 0;
    width: 100%;
}

    /* Base pill */
    .topics-chip-row button[b-opmag1hkek] {
        appearance: none;
        background: #FFFFFF;
        color: #333333;
        border: 1.5px solid #CCCCCC;
        border-radius: 20px;
        padding: 8px 18px;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
        transition: all .2s ease;
        box-shadow: none;
    }

        .topics-chip-row button .label[b-opmag1hkek] {
            display: inline-block;
        }

        .topics-chip-row button:hover[b-opmag1hkek] {
            border-color: #999999;
            background: #F9F9F9;
        }

        /* Selected = filled */
        .topics-chip-row button.selected[b-opmag1hkek],
        .topics-chip-row button[aria-selected="true"][b-opmag1hkek] {
            background: #5B5FCC;
            color: #FFFFFF;
            border-color: #5B5FCC;
        }

/* =========================
   Letter Range Selector
   ========================= */
.letter-range-selector[b-opmag1hkek] {
    --bar-bg: #F0F1F7;
    --text: #333333;
    --text-hover: #000000;
    --selected-bg: #C5C9F5;
    --focus: rgba(91,95,204,.3);
    display: flex;
    flex-wrap: nowrap; /* Changed from wrap to nowrap to keep all items in one line */
    gap: 12px; /* Reduced from 23px to 12px to fit all items in one line */
    justify-content: center;
    background:#EEF0FD;
    padding: 4px 16px;
    border-radius: 6px;
    border: none;
    width: fit-content; /* Changed from 80% to fit-content for better sizing */
    max-width: 90%; /* Added max-width to prevent overflow */
    margin: 14px auto; /* Changed to auto for center alignment */
    overflow-x: auto; /* Add horizontal scroll if needed on smaller screens */
}

    .letter-range-selector button[b-opmag1hkek] {
        appearance: none;
        border: none;
        background: transparent;
        color: var(--text);
        font: inherit;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 0;
        cursor: pointer;
        line-height: 1.2;
        border-radius: 0;
    }

        .letter-range-selector button .label[b-opmag1hkek] {
            display: inline-block;
            padding: 3px 0;
            text-decoration: none;
        }

        .letter-range-selector button:hover[b-opmag1hkek] {
            color: var(--text-hover);
        }

        .letter-range-selector button:focus-visible[b-opmag1hkek] {
            outline: 2px solid var(--focus);
            outline-offset: 2px;
        }

        .letter-range-selector button.is-selected[b-opmag1hkek],
        .letter-range-selector button[aria-pressed="true"][b-opmag1hkek] {
            background: #9BA6F9;
            padding: 8px 10px;
            border-radius: 4px;
        }

            .letter-range-selector button.is-selected .label[b-opmag1hkek],
            .letter-range-selector button[aria-pressed="true"] .label[b-opmag1hkek] {
                text-decoration: underline;
                text-underline-offset: 2px;
                text-decoration-thickness: 1.5px;
            }

        .letter-range-selector button:active[b-opmag1hkek] {
            transform: translateY(0.5px);
        }

/* =========================
   Search CTA
   ========================= */
.topics-search-cta[b-opmag1hkek] {
    display: flex;
    justify-content: center;
    padding: 8px 0 0;
    width: 100%;
}

.search-topics-button.link-look[b-opmag1hkek] {
    appearance: none;
    background: transparent;
    border: none;
    color: #5B5FCC;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    text-decoration: none;
    font-size: 14px;
}

    .search-topics-button.link-look:hover[b-opmag1hkek] {
        color: #4A4DB8;
        text-decoration: underline;
    }

.topics-search-icon[b-opmag1hkek] {
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* =========================
   Results Section - Exact Figma dimensions: 1216px width
   ========================= */
.topics-section[b-opmag1hkek] {
    width: 1216px;
    max-width: calc(100% - 32px);
}

.letter-heading-letter[b-opmag1hkek] {
    color: #1F1F1F;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 0 0;
    padding-top: 0;
    padding-bottom: 0px;
    border-bottom: 1px solid #586af5;
    text-align: left;
    width: 100%;
}
.topic-topsection[b-opmag1hkek] {
    width: 800;
    height: 276;
    angle: 0 deg;
    opacity: 1;
    top: 260px;
    left: 320px;
}
topic-gridsection[b-opmag1hkek] {
    width: 1216;
    height: 15065;
    angle: 0 deg;
    opacity: 1;
    top: 568px;
    left: 112px;
    gap: 32px;
}

.topics-section:first-of-type .letter-heading-letter[b-opmag1hkek] {
    margin-top: 0;
}

/* =========================
   Tile Grid - Match Figma exactly
   ========================= */
.topic-grid[b-opmag1hkek] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
}

.topic-tile[b-opmag1hkek] {
    position: relative;
    border: 1px solid #E8E8E8;
    background: #F3F0F0;
    color: #333333;
    min-height: 58px;
    padding: 14px 40px 14px 16px; /* Added right padding to prevent text overlap with flag */
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    display: flex;
    align-items: center;
    transition: all .2s ease;
    cursor: pointer;
    border-radius: 4px;
}

    .topic-tile:hover[b-opmag1hkek] {
        background: #EEEEEE;
        border-color: #CCCCCC;
    }

.topic-tile-text[b-opmag1hkek] {
    flex: 1;
    word-wrap: break-word;
}

/* Canadian Flag Icon - SVG */
.topic-tile-flag[b-opmag1hkek] {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 1rem;
    display: block;
    flex-shrink: 0;
}

/* =========================
   No Results
   ========================= */
.no-results-message[b-opmag1hkek] {
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
    padding: 32px;
    font-style: italic;
    background: #F7F7F7;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    margin: 0;
    width: 1216px;
    max-width: calc(100% - 32px);
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 1280px) {
    .topics-section[b-opmag1hkek] {
        width: 100%;
        max-width: calc(100% - 32px);
    }
    
    .no-results-message[b-opmag1hkek] {
        width: 100%;
        max-width: calc(100% - 32px);
    }
}

@media (max-width: 1024px) {
    .topics-filter-section[b-opmag1hkek] {
        width: 90%;
        padding: 16px 20px;
    }
    
    .topic-grid[b-opmag1hkek] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .topics-filter-section[b-opmag1hkek] {
        width: 95%;
        padding: 12px 16px;
    }
    
    .topic-grid[b-opmag1hkek] {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .letter-range-selector[b-opmag1hkek] {
        width: 599;
        height: 40;
        gap: 20px;
        angle: 0 deg;
        opacity: 1;
        padding-top: 4px;
        padding-right: 16px;
        padding-bottom: 4px;
        padding-left: 8px;
    }
    
    .topic-tile-flag[b-opmag1hkek] {
        width: 1.25rem;
        height: 0.875rem;
    }
}

@media (max-width: 480px) {
    .topics-filter-section[b-opmag1hkek] {
        width: 100%;
        padding: 12px 16px;
    }
    
    .topic-grid[b-opmag1hkek] {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .topics-chip-row[b-opmag1hkek] {
        gap: 8px;
    }
    
    .topics-chip-row button[b-opmag1hkek] {
        padding: 7px 15px;
        font-size: 13px;
    }
    
    .topic-tile[b-opmag1hkek] {
        padding: 12px 36px 12px 14px;
    }
    
    .topic-tile-flag[b-opmag1hkek] {
        width: 1.125rem;
        height: 0.75rem;
        top: 6px;
        right: 6px;
    }
}

/* =========================
   Hard Overrides //changed border radius
   ========================= */
.letter-range-selector button[b-opmag1hkek],
.letter-range-selector .az-chip[b-opmag1hkek],
.letter-range-selector [role="tab"][b-opmag1hkek],
.letter-range-selector [aria-pressed][b-opmag1hkek] {
    border-radius: 0 !important;
}

    .letter-range-selector button.is-selected[b-opmag1hkek],
    .letter-range-selector .az-chip.is-selected[b-opmag1hkek],
    .letter-range-selector [aria-pressed="true"][b-opmag1hkek],
    .letter-range-selector [aria-selected="true"][b-opmag1hkek] {
        border-radius: 0px !important;
    }
/* _content/RH.WebUI.Application/Components/Pages/Topics/TopicSummary.razor.rz.scp.css */
.heart[b-8ftzmhvd6e] {
    height: 48px;
    width: 48px;
    border-radius: 27px;
    border: 1px solid var(--stroke-primary-dark);
}

    .heart .heart-icon[b-8ftzmhvd6e] {
        height: 20px;
    }

.topic-image[b-8ftzmhvd6e] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

    .topic-image img[b-8ftzmhvd6e] {
        width: 800px;
        height: 450px;
        border-radius: 8px;
        border: 3px solid var(--stroke-neutral-light);
    }

.intro-markup[b-8ftzmhvd6e] {
    gap: 20px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
}

.related-topics[b-8ftzmhvd6e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.5rem;
    margin-top: 0.5rem;
    width: 100%;
}

    .related-topics .select-related-topics-button[b-8ftzmhvd6e] {
        border: 1px solid var(--stroke-primary-dark);
        border-radius: 6px;
        padding: 12px 16px;
        background: none;
        max-width: 24rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .related-topics .selected-topic-description[b-8ftzmhvd6e] {
        color: var(--stroke-primary-dark);
    }

.main-at-a-glance-container[b-8ftzmhvd6e]
{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

#top-faq-container[b-8ftzmhvd6e] {
    background-color: var(--grey-lighter);
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    padding: 2.5rem 1rem 2.5rem 1rem;
}

#top-faq-title-text[b-8ftzmhvd6e] {
    margin-bottom: 1.75rem;
}

#at-a-glance-text[b-8ftzmhvd6e] {
    margin-bottom: 1.75rem;
}

#reference-and-guidance-container[b-8ftzmhvd6e] {
    padding-top: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.reference-and-guidance-container[b-8ftzmhvd6e] {
    background-color: var(--grey-lighter);
}

.top-faq-no-content-container[b-8ftzmhvd6e] {
    padding-bottom: 0.75rem;
}

.select-related-topic-label[b-8ftzmhvd6e]
{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: var(--blue-darker);
    margin-bottom: 0.5rem;
}

.topic-drowdown-arrow[b-8ftzmhvd6e]
{
    object-fit: none !important;
}

@media (max-width: 36rem)
{
    .related-topics .select-related-topics-button[b-8ftzmhvd6e]
    {
        max-width: none;
        width: 100%;
    }

    .main-at-a-glance-container[b-8ftzmhvd6e]
    {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .topic-image img[b-8ftzmhvd6e] {
        width: 343px;
        height: 343px;
    }

    #top-faq-container[b-8ftzmhvd6e] {
        padding-bottom: 0;
    }

    .top-faq-no-content-container[b-8ftzmhvd6e]
    {
        padding-bottom: 2.5rem;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Accordion/Accordion.razor.rz.scp.css */
.rh-accordion[aria-expanded=true] .rh-accordion-title[b-zq4j47912o] {
    border-radius: var(--border-radius-radius-sm, 4px);
    border: 1px solid var(--stroke-primary, #586AF5);
    background: var(--fill-white, #FFF);
    color: var(--text-label-primary-dark, #3F4EC4);
}

.rh-accordion-title[b-zq4j47912o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    cursor: pointer;
    font-size: var(--rh-font-16);
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--fill-white, #FFF);
    border-bottom: 1px solid var(--blue-default);
    background: linear-gradient(224deg, #9BA6F9 30.83%, #586AF5 57.37%);
    border-radius: var(--border-radius-radius-sm, 4px);
}

rh-accordion-title img[b-zq4j47912o] {
    height: 1.5rem;
    width: 1.5rem;
}

.rh-accordion-body[b-zq4j47912o] {
    font-size: var(--rh-font-14);
    font-weight: 400;
    letter-spacing: 0.016rem;
    line-height: 1.313rem;
    color: var(--grey-darker);
    display: grid;
    grid-template-rows: 0fr;
    transition: 500ms grid-template-rows ease;
    cursor: initial;
    background: var(--Generic-White, #FFF);
}

.rh-accordion-chevron[b-zq4j47912o] {
    filter: brightness(0) saturate(100%) invert(21%) sepia(77%) saturate(2680%) hue-rotate(229deg) brightness(92%) contrast(81%);
    width: 20px;
    height: 20px;
}

.rh-accordion-chevron-down[b-zq4j47912o] {
    filter: brightness(0) saturate(100%) invert(99%) sepia(9%) saturate(1045%) hue-rotate(205deg) brightness(121%) contrast(100%);
}

.rh-accordion[aria-expanded=true] .rh-accordion-body[b-zq4j47912o] {
    grid-template-rows: 1fr;
    border: 1px solid var(--primary-dark, #3F4EC4);
}

.rh-accordion-body > .rh-accordion-inner-body[b-zq4j47912o] {
    overflow: hidden;
}

.rh-accordion-body .rh-accordion-body-content[b-zq4j47912o] {
    padding: 0.75rem;
}
.rh-accordion[aria-expanded=true] .rh-accordion-inner-body[b-zq4j47912o] {
    overflow: visible;
}
/* _content/RH.WebUI.Application/Components/Shared/Accordion/SubComponents/ImplementationSubAccordion.razor.rz.scp.css */
.no-content-text[b-3fo8uu7rge] {
    color: var(--text-label-form, #505862);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}

a[b-3fo8uu7rge] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    text-decoration: none;
}

    a:hover[b-3fo8uu7rge] {
        color: var(--text-link-primary);
        text-decoration: underline;
    }
/* _content/RH.WebUI.Application/Components/Shared/Accordion/SubComponents/InterpretationsSubAccordion.razor.rz.scp.css */
.no-content-text[b-g64fi943ne] {
    color: var(--text-label-form, #505862);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}

.reference-content-sub-header[b-g64fi943ne] {
    color: var(--text-label-form, #505862);
    font-weight: 600;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    font-size: var(--rh-font-16);
}

.sub-container[b-g64fi943ne] {
    width: 100%;
    display: flex;
}

.sub-content-container[b-g64fi943ne] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
    padding-bottom: 1rem;
}

.info-bubble[b-g64fi943ne] {
    padding-left: .5rem;
}

a[b-g64fi943ne] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    text-decoration: none;
}

    a:hover[b-g64fi943ne] {
        color: var(--text-link-primary);
        text-decoration: underline;
    }

span[b-g64fi943ne] {
    justify-content: center;
    padding: .75rem 0px;
    color: var(--01-primary-500-base, #586AF5);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
    text-decoration: none;
    cursor: pointer;
}
/* _content/RH.WebUI.Application/Components/Shared/Accordion/SubComponents/RegulationsAndLawsItem.razor.rz.scp.css */
.content-ordering-level-0-title[b-stbntkwdju]
{
    color: var(--grey-darker);
    font-weight: 600;
    line-height: 1.5rem;
    font-size: var(--rh-font-16);
    padding: 0;
    margin: 0;
    text-align: start;
    border: none;
    background-color: transparent;
    cursor: default;
}

.curated-text[b-stbntkwdju]
{
    background-color: var(--blue-default);
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 1.25rem;
    font-size: var(--rh-font-10);
    padding: 0.3rem;
}

.show-all-btn[b-stbntkwdju], .show-less-btn[b-stbntkwdju]
{
    color: var(--blue-default);
    font-size: var(--rh-font-16);
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.047rem;
    background-color: transparent;
    margin-left: 0.5rem;
    padding-bottom: 0.25rem;
}

    .show-all-btn:hover[b-stbntkwdju], .show-less-btn:hover[b-stbntkwdju]
    {
        text-decoration: underline;
        color: var(--primary-active);
    }

.clickable[b-stbntkwdju]
{
    cursor: pointer;
}

@media (min-width: 768px)
{
    .content-ordering-level-0-title[b-stbntkwdju]
    {
        font-size: var(--rh-font-16);
        font-weight: 600;
        line-height: 1.75rem;
        color: var(--grey-med-dark);
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Accordion/SubComponents/RegulationsAndLawsSubAccordion.razor.rz.scp.css */
.federal-regulation-item-wrapper:not(:last-child)[b-szwb09kppc]
{
    margin-bottom: 1.5rem;
}

.no-content-text[b-szwb09kppc] {
    color: var(--text-label-form, #505862);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}

a[b-szwb09kppc] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    text-decoration: none;
}

    a:hover[b-szwb09kppc] {
        color: var(--text-link-primary);
        text-decoration: underline;
    }
/* _content/RH.WebUI.Application/Components/Shared/Accordion/SubComponents/RegulationsAndLawsSubItem.razor.rz.scp.css */
.content-ordering-level-sub-title[b-176cudic8w]
{
    box-shadow: none;
    border: none;
    background-color: transparent;
    display: flex;
    font-size: var(--rh-font-16);
    font-weight: 400;
    line-height: 1.5rem;
    margin-left: 0;
    color: var(--grey-darker);
    cursor: default;
}

.clickable-title[b-176cudic8w]
{
    text-decoration: underline;
    cursor: pointer;
}

.sub-title-indent-1[b-176cudic8w]
{
    margin-left: 0.75rem;
}

.sub-title-indent-2[b-176cudic8w]
{
    margin-left: 1.5rem;
}

.sub-title-indent-3[b-176cudic8w]
{
    margin-left: 2.25rem;
}

.sub-title-indent-4[b-176cudic8w]
{
    margin-left: 3rem;
}

.content-ordering-level-expand-btn[b-176cudic8w]
{
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.bullet-img[b-176cudic8w]
{
    height: 24px;
    width: 24px;
}

.show-all-btn[b-176cudic8w], .show-less-btn[b-176cudic8w]
{
    color: var(--blue-default);
    font-size: var(--rh-font-16);
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.047rem;
    background-color: transparent;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

    .show-all-btn:hover[b-176cudic8w], .show-less-btn:hover[b-176cudic8w]
    {
        text-decoration: underline;
        color: var(--primary-active);
    }
/* _content/RH.WebUI.Application/Components/Shared/Accordion/SubComponents/RulemakingSubAccordion.razor.rz.scp.css */
.no-content-text[b-k84vtbg2tq] {
    color: var(--text-label-form, #505862);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}

.reference-content-sub-header[b-k84vtbg2tq] {
    color: var(--text-label-form, #505862);
    font-weight: 600;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

.sub-container[b-k84vtbg2tq] {
    width: 100%;
    display: flex;
}

.sub-content-container[b-k84vtbg2tq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
    padding-bottom: 1rem;
}

.info-bubble[b-k84vtbg2tq] {
    width: 20px;
    height: 20px;
    padding-left: .5rem;
}

a[b-k84vtbg2tq] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    text-decoration: none;
}

    a:hover[b-k84vtbg2tq] {
        color: var(--text-link-primary);
        text-decoration: underline;
    }

span[b-k84vtbg2tq] {
    justify-content: center;
    padding: .75rem 0px;
    color: var(--01-primary-500-base, #586AF5);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
    text-decoration: none;
    cursor: pointer;
}
/* _content/RH.WebUI.Application/Components/Shared/Accordion/SubComponents/StateProvinceSubAccordion.razor.rz.scp.css */
button.button-primary[b-usnnfr0mji] {
    padding: 0.625rem 1rem;
    font-size: var(--rh-font-14);
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: normal;
}

    button.button-primary:hover[b-usnnfr0mji] {
        box-shadow: 0px 4px 6px -1px #8e8e8e;
    }

.compare-row[b-usnnfr0mji] {
    width: 100%;
    align-items: center;
    gap: 1rem;
}

.compare-text[b-usnnfr0mji] {
    color: var(--text-label-form, #505862);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}

.no-content-text[b-usnnfr0mji] {
    color: var(--text-label-form, #505862);
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}


@media (min-width: 36rem) {
    .compare-row[b-usnnfr0mji] {
        display: flex;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/ActivityButton.razor.rz.scp.css */

button[b-eeev6zmtuk] {
    position: relative;
    height: 4.875rem;
    padding: 0.625rem 1rem;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    margin: 0 var(--size-spacing-xxxs);
    border-radius: var(--size-spacing-xxs);
    border: 0.063rem solid var(--stroke-secondary);
    background-color: var(--fill-secondary-action);
    display: inline-block;
    color: var(--text-label-secondary);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.046875rem;
}

    button:hover[b-eeev6zmtuk] {
        border-radius: 0.375rem;
        border-bottom: none;
        box-shadow: 0rem -0.125rem 0.188rem 0rem var(--text-label-secondary) inset, 0rem 0.313rem 0.438rem 0rem rgba(0, 0, 0, 0.18);
        text-decoration-line: underline;
    }

    button img[b-eeev6zmtuk] {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 1.75rem;
        height: 1.75rem;
    }

    button:hover img[b-eeev6zmtuk] {
        filter: invert(17%) sepia(54%) saturate(5541%) hue-rotate(20deg) brightness(62%) contrast(101%);
    }

    button.wrap[b-eeev6zmtuk] {
        font-size: 0.75rem;
        line-height: 0.875rem;
        max-width: 7.125rem;
        white-space: normal;
        letter-spacing: 0rem;
    }
        button.wrap img[b-eeev6zmtuk] {
            margin-bottom: var(--size-spacing-xxs);
        }

        button.wrap:hover img[b-eeev6zmtuk] {
            filter: none;
        }

button.horizontal-layout[b-eeev6zmtuk] {
    display: flex;
    height: unset;
    padding: 0.5rem 0.75rem;
    gap: .5rem;
    font-weight: 500;
}
    button.horizontal-layout:hover img[b-eeev6zmtuk] {
        filter: none;
    }
        button.horizontal-layout .text-arrow[b-eeev6zmtuk],
        button.horizontal-layout:hover img.text-arrow[b-eeev6zmtuk] {
            filter: invert(90%) sepia(83%) saturate(5950%) hue-rotate(50deg) brightness(93%) contrast(101%);
            height: 1.25rem;
            width: 1.25rem;
        }
/* _content/RH.WebUI.Application/Components/Shared/BreadCrumbContainer.razor.rz.scp.css */
.bread-crumb[b-xd4hcglj5s], .bread-crumb-link[b-xd4hcglj5s] {
    font-size: var(--rh-font-14);
    font-style: normal;
    font-weight: 400;
    line-height: var(--rh-font-20);
}
.bread-crumb[b-xd4hcglj5s] {
    word-break: keep-all;
    color: var(--text-body);
}

.bread-crumb-link[b-xd4hcglj5s] {
    text-decoration: none;
    color: var(--text-link-primary);
}

    .bread-crumb-link:hover[b-xd4hcglj5s] {
        text-decoration: underline;
    }

@media (max-width: 36rem) {
    .bread-crumb[b-xd4hcglj5s], .bread-crumb-link[b-xd4hcglj5s] {
        font-size: var(--rh-font-12);
    }
}
/* _content/RH.WebUI.Application/Components/Shared/CatchAll.razor.rz.scp.css */
/* _content/RH.WebUI.Application/Components/Shared/checkbox.razor.rz.scp.css */
input[b-le00x7m17b] {
    height: 0;
    width: 0;
    opacity: 0;
}

label[b-le00x7m17b] {
    color: var(--text-link-list);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    cursor: pointer;
    position: relative;
    padding-left: 2rem;
}

label[b-le00x7m17b]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    border: 0.0625rem solid #d4d4d4;
    border-radius: .25rem;
            
}

input:checked + label[b-le00x7m17b]:before {
    background-image: url('images/checkmark.svg');
    background-position: center;
    border: none;
}

input:focus-visible + label[b-le00x7m17b]:before {
    box-shadow: 0 0 0 .125rem var(--primary-disabled);
}

.hover-container[b-le00x7m17b] {
    display: flex;
}
.hover-container label[b-le00x7m17b] {
    padding: .5rem 1rem .5rem 3rem;
    width: 100%;
}
    .hover-container label:hover[b-le00x7m17b], .hover-container label:active[b-le00x7m17b] {
        color: var(--text-link-primary, #586AF5);
        background-color: var(--fill-neutral);
    }
    .hover-container label[b-le00x7m17b]:before {
        left: 1.125rem;
        top: .5rem;
    }
/* _content/RH.WebUI.Application/Components/Shared/ContactAnExpertButton.razor.rz.scp.css */
button[b-bnyozvv81b] {
    background: var(--Gradient-Mesh-08, url('images/experthelp.png') lightgray 50% / cover no-repeat);
    color: var(--fill-neutral);
    width: 100%;
    padding: 1rem;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.10), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-radius: var(--border-radius-sm);
}
    button div[b-bnyozvv81b] {
        margin: var(--size-spacing-xxs);
    }
.cant-find-text[b-bnyozvv81b] {
    text-align: center;
    font-size: var(--rh-font-18);
    line-height: var(--rh-font-28);
    font-weight: 600;
}
.contact-expert-text[b-bnyozvv81b] {
    text-align: center;
    font-size: var(--rh-font-24);
    line-height: var(--rh-font-32);
    font-weight: 800;
    letter-spacing: -0.48px;
}
button:hover .contact-expert-text[b-bnyozvv81b] {
    text-decoration: underline;
}
/* _content/RH.WebUI.Application/Components/Shared/ContentModal.razor.rz.scp.css */
[b-jh2rf0trpj] .modal-body {
    color: var(--text-body-2);
    background: var(--fill-neutral);
}

    [b-jh2rf0trpj] .modal-body h6 {
        color: var(--text-body-2);
        font-size: var(--rh-font-18);
        font-weight: 500;
        line-height: var(--rh-font-28);
    }

    [b-jh2rf0trpj] .modal-body h2 {
        color: var(--text-body-2);
        font-size: var(--rh-font-14);
        font-weight: 600;
        line-height: var(--rh-font-20);
    }

    [b-jh2rf0trpj] .modal-body a {
        font-size: var(--rh-font-14);
        font-weight: 400;
        line-height: var(--rh-font-20);
    }

    [b-jh2rf0trpj] .modal-body .button-primary {
        font-size: var(--rh-font-14);
        line-height: var(--rh-font-16);
    }

    [b-jh2rf0trpj] .modal-body ul {
        padding-left: 1.5rem;
    }

[b-jh2rf0trpj] .modal-content div.modal-header {
    color: var(--text-heading-main);
    font-weight: 600;
}


div.content-title-container[b-jh2rf0trpj] {
    margin-bottom: .75rem;
}

    div.content-title-container *[b-jh2rf0trpj] {
        margin: 0;
        padding: 0;
    }

img.ca-flag[b-jh2rf0trpj] {
    width: 1.5rem;
    height: 1rem;
}

div.canadian-content[b-jh2rf0trpj] {
    display: flex;
    align-items: center;
    gap: 7px;
}

div.content-modal-footer[b-jh2rf0trpj] {
    width: 100%;
    margin: -3px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-modal-footer button.button-primary.button-small[b-jh2rf0trpj] {
    font-size: var(--rh-font-14);
}

.content-modal-footer[b-jh2rf0trpj]  .buttons {
    max-width: 50%;
}
/* _content/RH.WebUI.Application/Components/Shared/CtaButtons.razor.rz.scp.css */
div.buttons[b-k42i1zvzwd] {
    display: flex;
    justify-content: space-between;
    font-size: var(--rh-font-10);
    font-weight: 400;
    line-height: var(--rh-font-12);
    width: inherit;
}

div.buttons-left[b-k42i1zvzwd] {
    float: left;
    display: flex;
    gap: 4px;
}

div.buttons button[b-k42i1zvzwd] {
    padding: .5rem;
    background: none;
}

div.buttons-left button:hover[b-k42i1zvzwd] {
    color: var(--text-label-form);
    text-decoration-line: underline;
}

div.buttons .button-content[b-k42i1zvzwd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

#glossary-button .button-content[b-k42i1zvzwd] {
    color: var(--blue-default);
    font-size: var(--rh-font-16);
    font-weight: 500;
}

div.buttons-left button#save-button:hover img[b-k42i1zvzwd] {
    filter: brightness(0) saturate(100%) invert(51%) sepia(6%) saturate(907%) hue-rotate(169deg) brightness(87%) contrast(86%);
}
div.buttons-left button#print-button:hover img[b-k42i1zvzwd] {
    filter: brightness(0) saturate(100%) invert(51%) sepia(10%) saturate(583%) hue-rotate(169deg) brightness(86%) contrast(85%);
}
div.buttons-left button#email-button:hover img[b-k42i1zvzwd] {
    filter: brightness(0) saturate(100%) invert(50%) sepia(6%) saturate(944%) hue-rotate(169deg) brightness(90%) contrast(91%);
}

iframe[name="hidden-iframe-for-email"][b-k42i1zvzwd] {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    border: 0;
    position: absolute;
}
/* _content/RH.WebUI.Application/Components/Shared/ErrorContainer.razor.rz.scp.css */
/* _content/RH.WebUI.Application/Components/Shared/ErrorContent.razor.rz.scp.css */
*:focus[b-bq5pv9vabl]
{
    outline: none;
}

#error-content-container[b-bq5pv9vabl]
{
    background-color: white;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
}

#main-header[b-bq5pv9vabl]
{
    font-weight: 700;
    font-size: var(--rh-font-36);
    line-height: 2.75rem;
    letter-spacing: -0.02em;
    color: var(--grey-darkest);
}

#main-description[b-bq5pv9vabl]
{
    font-weight: 500;
    font-size: var(--rh-font-28);
    line-height: 2.25rem;
    letter-spacing: -0.02em;
    color: var(--grey-darkest);
    padding-bottom: 2rem;
}

#link-header[b-bq5pv9vabl]
{
    line-height: 1.25rem;
    font-size: var(--rh-font-14);
    font-weight: 600;
    color: var(--grey-darkest);
}

.navigation-link[b-bq5pv9vabl]
{
    color: var(--blue-dark);
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: 0.047rem;
    text-decoration: none;
    font-size: var(--rh-font-14);
    cursor: pointer;
}

    .navigation-link:hover[b-bq5pv9vabl]
    {
        text-decoration: underline;
    }

#stacked-books-icon-mobile[b-bq5pv9vabl]
{
    width: 162px;
    margin-left: 2rem;
    position: relative;
    top: -1rem;
}

@media (min-width: 768px)
{
    #error-content-container[b-bq5pv9vabl]
    {
        padding: 3rem 3rem 3rem 8rem;
    }

    #main-header[b-bq5pv9vabl]
    {
        font-size: var(--rh-font-60);
        line-height: 3rem;
    }

    #main-description[b-bq5pv9vabl]
    {
        font-size: var(--rh-font-36);
        line-height: 2.75rem;
        padding-bottom: 4rem;
    }

    #link-header[b-bq5pv9vabl]
    {
        line-height: 1.75rem;
        font-size: var(--rh-font-18);
    }

    .navigation-link[b-bq5pv9vabl]
    {
        font-size: var(--rh-font-16);
        line-height: 1.5rem;
    }

    #stacked-books-icon-desktop[b-bq5pv9vabl]
    {
        width: 282px;
        position: relative;
        left: auto;
        margin-top: 0;
        margin-left: 7rem;
        top: -2rem;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/FAQAccordion.razor.rz.scp.css */
.rh-faq-accordion[b-v50s7v0jco]
{
    padding-bottom: 0.5rem;
}

.rh-faq-accordion[aria-expanded=true] .rh-faq-accordion-title[b-v50s7v0jco]
{
    background-color: transparent;
}

.rh-faq-accordion-title[b-v50s7v0jco]
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background-color: white;
    cursor: pointer;
    font-size: var(--rh-font-16);
    font-weight: 600;
    line-height: 1.5rem;
    color: var(--grey-darkest);
    border-bottom: 1px solid var(--blue-default);
}

.rh-faq-accordion-body[b-v50s7v0jco]
{
    font-size: var(--rh-font-14);
    font-weight: 400;
    letter-spacing: 0.016rem;
    line-height: 1.313rem;
    color: var(--grey-darker);
    display: grid;
    grid-template-rows: 0fr;
    transition: 500ms grid-template-rows ease;
    cursor: initial;
}

.rh-faq-accordion[aria-expanded=true] .rh-faq-accordion-body[b-v50s7v0jco]
{
    grid-template-rows: 1fr;
}

.rh-faq-accordion-body > .rh-faq-accordion-inner-body[b-v50s7v0jco]
{
    overflow: hidden;
}

.rh-faq-accordion-body .rh-faq-accordion-body-content[b-v50s7v0jco]
{
    padding: 0.75rem;
}
/* _content/RH.WebUI.Application/Components/Shared/InfiniteScrolling.razor.rz.scp.css */
/* _content/RH.WebUI.Application/Components/Shared/Modal.razor.rz.scp.css */
/* z-indexes to get order from back to front:
    hidden modal, modal backdrop, modal show, clickable backdrop, modal content */
.modal[b-42rn1s48lr] {
    transform: scale(0.9);
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    display: block;
    z-index: -1;
    max-width: none;
}

    .modal.show[b-42rn1s48lr] {
        opacity: 1;
        transform: scale(1);
        z-index: 1055;
    }

        .modal.show .modal-content[b-42rn1s48lr] {
            z-index: 1055;
        }

.clickable-backdrop[b-42rn1s48lr] {
    position: fixed;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    bottom: 0;
}

.modal-backdrop[b-42rn1s48lr] {
    z-index: 1040;
}

.icon-close[b-42rn1s48lr] {
    background-image: url('images/close.svg');
    background-color: transparent;
    height: 2.125rem;
    width: 2.125rem;
    border: none;
}

    .icon-close:focus-visible[b-42rn1s48lr] {
        outline-color: var(--grey-dark);
    }

#x-cancel-modal-topic-search-modal.close.float-right.icon-close[b-42rn1s48lr] {
    margin: 12px;
}
#x-cancel-modal-governing-agencies-modal.close.float-right.icon-close[b-42rn1s48lr] {
    margin: 12px;
}
#x-cancel-modal-federal-compare-modal.close.float-right.icon-close[b-42rn1s48lr] {
    margin: 12px;
}

#x-cancel-modal-provinces-compare-modal.close.float-right.icon-close[b-42rn1s48lr] {
    margin: 12px;
}

#x-cancel-modal-federal-regulation-area-selectorgoverning-agencies-modal[b-42rn1s48lr] {
    margin: 12px;
}

.modal-content[b-42rn1s48lr] {
    max-height: 90vh;
}

.modal-header[b-42rn1s48lr] {
    padding: 0;
    border-bottom: none;
}

#modal-content-topic-search-modal .modal-header[b-42rn1s48lr] {
    font-size: var(--rh-font-16);
    font-weight: 600;
    line-height: 24px;
    border-radius: .5rem .5rem 0 0;
    background: var(--fill-white);
    box-shadow: 0 .25rem .375rem -.0625rem rgba(0, 0, 0, 0.10), 0 .125rem .25rem -.125rem rgba(0, 0, 0, 0.10);
}

.modal-body[b-42rn1s48lr] {
    padding: 0;
    overflow-y: auto;
    max-height: 46.5rem;
}

.modal-footer[b-42rn1s48lr] {
    padding: 1rem 1.5rem;
}

    .modal-footer > *[b-42rn1s48lr] {
        margin: 0;
    }

.modal-header.empty[b-42rn1s48lr] {
    padding: 1rem .75rem;
    flex-direction: column;
    align-items: flex-end;
}

/*medium modals*/
.modal-md .icon-close[b-42rn1s48lr],
.modal-fullscreen-md-down .icon-close[b-42rn1s48lr] {
    height: 1.5rem;
    width: 1.5rem;
    background-size: 1.5rem;
}

.modal-fullscreen-md-down .modal-body[b-42rn1s48lr] {
    max-height: 38rem;
    overflow: auto;
}

.modal-fullscreen-md-down.modal-dialog[b-42rn1s48lr] {
    max-width: 33.5rem;
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down .modal-body[b-42rn1s48lr] {
        max-height: none;
    }

    .modal-fullscreen-md-down.modal-dialog[b-42rn1s48lr] {
        max-width: none;
    }
}

/*custom 440px modal*/
.modal-custom-440.modal-dialog[b-42rn1s48lr] {
    max-width: 440px;
    width: 440px;
}

.modal-custom-440 .modal-content[b-42rn1s48lr] {
    width: 440px;
    height: 280px;
}

.modal-custom-440 .icon-close[b-42rn1s48lr] {
    height: 1.5rem;
    width: 1.5rem;
    background-size: 1.5rem;
    margin-right: 12px;
}

/*custom 344px modal*/
.modal-custom-344.modal-dialog[b-42rn1s48lr] {
    max-width: 344px;
    width: 344px;
}

.modal-custom-344 .modal-content[b-42rn1s48lr] {
    width: 344px;
    min-height: 220px !important; /* Changed from fixed height to min-height */
    height: auto !important; /* Allow auto expansion */
}

.modal-custom-344 .icon-close[b-42rn1s48lr] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/*fullscreen modal (My Activities Modals)*/
.modal-fullscreen .modal-content[b-42rn1s48lr],
.modal-fullscreen .modal-header[b-42rn1s48lr],
.modal-fullscreen .modal-footer[b-42rn1s48lr] {
    border-radius: 0;
}

.modal-fullscreen .modal-header[b-42rn1s48lr] {
    background-color: var(--fill-section);
}

.modal-fullscreen .modal-body[b-42rn1s48lr] {
    background-color: var(--fill-page-bg);
}

.mobile-fullscreen-header[b-42rn1s48lr] {
    visibility: hidden;
    height: 0;
}

@media (max-width: 36rem) {
    /*remove sticky headers for full y scroll*/
    .modal-fullscreen .modal-content[b-42rn1s48lr] {
        overflow-y: auto;
        overflow-x: hidden;
        min-width: 0;
    }

    .icon-close[b-42rn1s48lr] {
        height: 1.5rem;
        width: 1.5rem;
        background-size: 1.5rem;
        margin-right: 0;
    }

    /*Add header below main header*/
    .modal-fullscreen .modal-header[b-42rn1s48lr] {
        background: var(--fill-white);
        height: 3.6rem;
    }

    .modal-fullscreen .mobile-fullscreen-header[b-42rn1s48lr] {
        visibility: visible;
        background-color: var(--fill-section);
        padding: 1.25rem 1rem;
        text-align: center;
        height: unset;
        white-space: normal;
    }

    .modal-fullscreen .modal-body[b-42rn1s48lr] {
        padding: var(--size-spacing-md);
        overflow-y: unset;
    }
}


/* Scroll to Top button styles */
.scroll-to-top-container[b-42rn1s48lr] {
    position: sticky;
    bottom: 0;
    display: flex;
    float: right;
}

.scroll-to-top[b-42rn1s48lr] {
    background-color: transparent;
    display: none;
    padding: 0;
}

    .scroll-to-top:focus-visible[b-42rn1s48lr] {
        outline-color: var(--yellow-darker);
        border-radius: 1.5rem;
    }

@media (max-width: 36rem) {

    .scroll-to-top[b-42rn1s48lr] {
        margin-bottom: 1rem;
    }

    .footer-flex-end .modal-content[b-42rn1s48lr] {
        min-width: 0;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

    #related-topics-modal[b-42rn1s48lr] {
        width: 100vw;
    }

    #modal-content-topic-search-modal[b-42rn1s48lr] {
        width: 100%;
    }
}

/* Modal Style Options from Enum ModalOptions.ModalStyles*/

.hide-header-shadow .modal-header[b-42rn1s48lr] {
    border: none;
    box-shadow: none;
}

.no-body-padding .modal-body[b-42rn1s48lr] {
    padding: 0px;
}

.footer-flex-end .modal-footer[b-42rn1s48lr] {
    justify-content: flex-end
}
/* _content/RH.WebUI.Application/Components/Shared/NotificationsButton.razor.rz.scp.css */
.notifications-button-wrapper[b-wuolipb4j4] {
    position: relative;
    display: inline-block;
}

.notification-indicator[b-wuolipb4j4] {
    position: absolute;
    top: 1.30rem;
    left: 50%;
    background-color: #10B981;
    color: #FFFFFF;
    border-radius: 50%;
    min-width: 1.125rem;
    min-height: 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    border: 2px solid white;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
    z-index: 10;
    transform: translate(0.5rem, 0);
}

/* Handle larger numbers (99+) - make it slightly larger but still circular */
.notification-indicator[data-count="99+"][b-wuolipb4j4],
.notification-indicator[data-count*="9"][b-wuolipb4j4] {
    min-width: 1.25rem;
    min-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.5625rem;
}

/* Ensure proper positioning on horizontal layout */
.notifications-button-wrapper button.horizontal-layout[b-wuolipb4j4] {
    position: relative;
}

/* Adjust for horizontal layout - icon is on the left side */
.notifications-button-wrapper button.horizontal-layout ~ .notification-indicator[b-wuolipb4j4] {
    top: 0.25rem;
    left: 0.75rem;
    transform: translate(0.75rem, 0);
}

/* Animation for new notifications (optional enhancement) */
@keyframes pulse-b-wuolipb4j4 {
    0%, 100% {
        transform: translate(0.5rem, 0) scale(1);
    }
    50% {
        transform: translate(0.5rem, 0) scale(1.15);
    }
}

.notification-indicator.new[b-wuolipb4j4] {
    animation: pulse-b-wuolipb4j4 0.6s ease-in-out;
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .notification-indicator.new[b-wuolipb4j4] {
        animation: none;
        transform: translate(0.5rem, 0);
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Preferences/FavoriteCard.razor.rz.scp.css */
input[b-q9hk5889mm] {
    height: 0;
    width: 0;
    opacity: 0;
}

.checkbox-wrapper[b-q9hk5889mm] {
    position: fixed;
}

label[b-q9hk5889mm] {
    display: flex;
    width: 10.25rem;
    height: 6.75rem;
    padding: 0.75rem 0.5rem;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border-radius: var(--size-spacing-xxs);
    border: .0625rem solid var(--stroke-primary);
    background: var(--white);
    box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, 0.25);
}

    label:hover[b-q9hk5889mm] {
        box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, 0.25);
    }

.label-content-container[b-q9hk5889mm] {
    color: var(--text-link-dark);
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1rem;
    position: relative;
    white-space: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 9.25rem;
    height: 8.25rem;
}

.heart-icon[b-q9hk5889mm] {
    width: 1.75rem;
    height: 1.75rem;
    background: url('images/heart_empty.svg') no-repeat;
    background-position: center;
    border-radius: 50%;
    border: .0625rem solid var(--stroke-primary);
    margin-bottom: var(--size-spacing-xs);
}

.ca-flag-icon[b-q9hk5889mm] {
    width: 1.125rem;
    height: 0.75rem;
    background: url('images/canada_flag.svg') no-repeat;
    background-position: center;
    position: absolute;
    bottom: -.25rem;
    right: 0;
}

[type="checkbox"]:checked + .heart-icon[b-q9hk5889mm] {
    background: url('images/heart_full.svg') no-repeat;
    background-position: center;
    border: .125rem solid var(--primary-dark);
}

[type="checkbox"]:checked:focus-visible + .heart-icon[b-q9hk5889mm],
[type="checkbox"]:not(:checked):focus-visible + .heart-icon[b-q9hk5889mm] {
    box-shadow: 0 0 0 .125rem var(--primary-disabled);
}
/* _content/RH.WebUI.Application/Components/Shared/Preferences/PreferencesModal.razor.rz.scp.css */
[b-qipco4t01p] #preferences-modal {
    width: 100%;
    white-space: nowrap;
    text-align: center;
    overflow-y: hidden;
}

h2[b-qipco4t01p] {
    width: 100%;
    color: var(--text-heading-main);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2.75rem;
    letter-spacing: -0.045rem;
}

.preferences-navigation[b-qipco4t01p] {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    padding: 0 1rem;
    margin: 1rem;
    gap: 2.5rem;
}

.preferences-navigation-buttons[b-qipco4t01p] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

[b-qipco4t01p] #preferences-modal [type="checkbox"] + label {
    font-weight: 500;
    line-height: 1.25rem;
}

@media (max-width: 36rem) {
    [b-qipco4t01p] .modal-header h2 {
        color: rgba(0, 0, 0, 0);
        width: 0;
    }
    [b-qipco4t01p] .mobile-fullscreen-header h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin: 0;
    }
    .preferences-navigation[b-qipco4t01p] {
        flex-direction: column;
        align-items: center;
        gap: 0;
        margin: 0;
        padding: 0;
    }
    .preferences-navigation-buttons[b-qipco4t01p] {
        justify-content: space-between;
        width: 100%;
        max-width: 25rem;
        margin: 1rem 0 0 0;
    }
        .preferences-navigation-buttons.center[b-qipco4t01p] {
            justify-content:center;
        }
}

/* Navigation buttons here don't quite match the default size styles for these classes*/
.button-primary[b-qipco4t01p] {
    border-radius: .25rem;
    display: inline-flex;
    padding: 0.625rem 1rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    gap: .375rem;
    letter-spacing: unset;
}

.button-outlined[b-qipco4t01p] {
    padding: .625rem 1rem;
    border-radius: .375rem;
    border: .0625rem solid #6366F1;
    color: #6366F1;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
}

.button-large[b-qipco4t01p] {
    padding: .75rem 1.25rem;
    border-radius: .375rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.04688rem;
}

[b-qipco4t01p] h5 {
    color: var(--text-heading-main);
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2rem;
    letter-spacing: -.001875rem;
    margin-bottom: 1.75rem;
    white-space: normal;
}

    [b-qipco4t01p] h5.medium {
        color: var(--text-body);
        font-weight: 500;
        letter-spacing: -0.03rem;
        margin-bottom: 1.25rem;
        display: flex;
        justify-content: center;
    }
        [b-qipco4t01p] h5.medium * {
            max-width: 50rem;
        }

[b-qipco4t01p] .validation {
    color: var(--text-validation);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
}

@media (max-width: 36rem) {

    [b-qipco4t01p] h5 {
        font-size: 1.25rem;
        font-weight: 800;
        line-height: 1.75rem;
        letter-spacing: -.025rem;
        white-space: normal;
    }

        [b-qipco4t01p] h5.medium {
            letter-spacing: -0.03rem;
            margin-bottom: 1.25rem;
        }

    [b-qipco4t01p] .validation {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Preferences/RolesAndResponsibilitiesPreferences.razor.rz.scp.css */
.focus-container[b-mel1fa16ka] {
    max-width: 50rem;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    margin: 2rem;
}

.focus[b-mel1fa16ka] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
}

.focus-header[b-mel1fa16ka] {
    color: var(--text-heading-sub);
    font-family: Inter;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
    letter-spacing: -0.025rem;
    width: fit-content;
    border-bottom: .0625rem solid;
    text-transform: uppercase;
}

ul.area-options[b-mel1fa16ka] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    max-width: 50rem;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
li.area[b-mel1fa16ka] {
    display: flex;
    padding: .75rem var(--size-spacing-sm, 1rem);
    background: var(--fill-white, #FFF);
}

    li.area:has(input:checked)[b-mel1fa16ka] {
        background-color: var(--fill-primary-lighter, #EEF0FD);
    }

@media (max-width: 36rem) {
    h5[b-mel1fa16ka], h5.medium[b-mel1fa16ka] {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -0.025rem;
    }

    .validation[b-mel1fa16ka] {
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: left;
    }

    .focus-container[b-mel1fa16ka], .focus-container *[b-mel1fa16ka] {
        text-align: left;
        display: block;
    }

    .focus-container[b-mel1fa16ka] {
        gap: 2.5rem;
        margin: 0 0 2rem 0;
    }

    .focus[b-mel1fa16ka] {
        margin-top: 2.5rem;
    }

    .focus-header[b-mel1fa16ka] {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5rem;
    }

    ul.area-options[b-mel1fa16ka] {
        display: inline;
    }

    li.area[b-mel1fa16ka] {
        width: fit-content;
        margin-bottom: .5rem;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Preferences/StatesAndProvincesPreferences.razor.rz.scp.css */
path[b-9248blp13t] {
    stroke: rgba(102, 102, 102, 0.50);
    fill: #B4B4B7;
}

    path:hover[b-9248blp13t] {
        stroke-width: 1px;
        stroke: var(--blue-default);
    }

.path-clicked[b-9248blp13t] {
    stroke: rgba(102, 102, 102, 0.50);
    fill: var(--blue-default);
}

div.country-buttons[b-9248blp13t] {
    padding: 12px 24px 12px 24px;
    font-size: 20px;
}

    div.country-buttons button[b-9248blp13t] {
        width: 143px;
        font-weight: 600;
        padding-top: 12px;
        padding-bottom: 12px;
        margin: 1rem;
    }

#can-button img[b-9248blp13t] {
    width: 48px;
    height: 32px;
}

#usa-button img[b-9248blp13t] {
    width: 49.33px;
    height: 32px;
}

button.inactive-country[b-9248blp13t] {
    border-bottom-style: solid;
    border-bottom-color: #DEE4EB;
    border-bottom-width: 2px;
    background: none;
    color: var(--grey-default);
}

    button.inactive-country img[b-9248blp13t] {
        opacity: 30%;
    }

button.active-country[b-9248blp13t] {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #7E8CF7;
    background: none;
    color: var(--blue-dark);
}

p.select-label[b-9248blp13t] {
    font-weight: 500;
    color: var(--grey-darker);
}

#usaSvg[b-9248blp13t] {
    width: 60vw;
}

#canSvg[b-9248blp13t] {
    width: 80vw;
}

.selected-country[b-9248blp13t] {
    text-align: left;
    margin-left: 6rem;
    margin-right: 6rem;
}

.selected-country-header[b-9248blp13t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selected-country-list-title[b-9248blp13t] {
    color: var(--text-heading-main);
    text-align: left;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.select-and-clear-buttons button[b-9248blp13t] {
    border: 1px solid var(--blue-default);
    margin: .5rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    padding: 6px 12px 6px 12px;
}

.row[b-9248blp13t] {
    padding: 0 0 .5rem 0;
    font-weight: 400;
    font-size: 1.125rem;
}

#custom-checkbox[b-9248blp13t] {
    display: inline-block;
}

    #custom-checkbox label[b-9248blp13t] {
        color: #1B1D21 !important;
    }

div.columns[b-9248blp13t] {
    column-count: 4;
    column-width: 161px;
    column-gap: 1rem;
}

@media (max-width: 36rem) {
    .row[b-9248blp13t] {
        padding: .2rem 0 .2rem 0;
    }

    div.columns[b-9248blp13t] {
        column-count: 2;
        column-width: auto;
        column-gap: .25rem;
    }

    div.selected-country-header[b-9248blp13t] {
        flex-direction: column-reverse;
        padding: .5rem 0 .5rem 0;
    }

    .selected-country-list-title[b-9248blp13t] {
        margin: 0;
        align-self: baseline;
    }

    div.selected-country[b-9248blp13t] {
        margin: 0;
        padding-top: .2rem;
    }

    div.country-buttons button[b-9248blp13t] {
        margin: 0;
    }

    .select-and-clear-buttons[b-9248blp13t] {
        padding-bottom: .5rem;
    }

    .select-and-clear-buttons button[b-9248blp13t] {
        margin: 0;
    }

    #usaSvg[b-9248blp13t] {
        width: auto;
    }

    #canSvg[b-9248blp13t] {
        width: auto;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Preferences/Stepper.razor.rz.scp.css */
.steps[b-7p5qpjreci] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 1.75rem;
}

@media (max-width: 36rem) {
    .steps[b-7p5qpjreci] {
        gap: 1rem;
    }
}

.progress-step[b-7p5qpjreci] {
    display: inline-block;
    min-width: 4rem;
    height: 6.1875rem;
    padding: 1rem 0rem;
    flex-direction: column;
    align-items: center;
}

.progress-frame[b-7p5qpjreci] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
}

.top-line[b-7p5qpjreci] {
    display: flex;
    height: 0.125rem;
    align-items: flex-start;
    flex: 1 0 0;
}

.bottom-line[b-7p5qpjreci] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
}

.rectangle[b-7p5qpjreci] {
    height: 0.125rem;
    flex: 1 0 0;
    background: var(--grey-med);
}

.indicator[b-7p5qpjreci] {
    background-image: url('images/step_icon_default.svg');
    width: 2.25rem;
    height: 2.25rem;
    background-repeat: no-repeat;
    background-position: center;
}

div.step-complete .indicator[b-7p5qpjreci] {
    background-image: url('images/step_icon_completed.svg');
    width: 2.25rem;
    height: 2.25rem;
}

div.step-complete .rectangle[b-7p5qpjreci] {
    background: var(--yellow-med);
}

div.step-active .indicator[b-7p5qpjreci] {
    background: url('images/step_icon_active.svg') no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 2.375rem;
    width: 2.5rem;
    height: 2.5rem;
}

.step-name[b-7p5qpjreci] {
    color: var(--grey-darkest);
    text-align: center;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}

@media (max-width: 36rem) {
    .step-name[b-7p5qpjreci] {
        max-width: 5rem;
        white-space: normal;
        overflow-wrap: break-word;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Preferences/SummaryPreferences.razor.rz.scp.css */
h5[b-sha14qlo1n] {
    font-size: 1.25rem;
}
.preference-summary-container[b-sha14qlo1n] {
    max-width: 50rem;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-spacing-xxl);
    width: 100%;
    margin: 1.25rem 0 1.5rem 0;
}
.summary-section[b-sha14qlo1n] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.section-heading[b-sha14qlo1n] {
    display: flex;
    justify-content: space-between;
    color: var(--text-link-primary);
    font-size: 1rem;
    font-weight: 600;
    width: 100%;
    padding: .6875rem .25rem;
    margin-bottom: var(--size-spacing-sm);
    align-items: center;
    border-bottom: 1px dashed var(--stroke-primary);
    cursor: pointer;
}
    .section-heading:hover[b-sha14qlo1n] {
        outline: none;
        box-shadow: 0rem .125rem .25rem -.25rem rgba(0, 0, 0, 0.06), 0rem .25rem .375rem -.375rem rgba(0, 0, 0, 0.08);
        filter: brightness(0) saturate(100%) invert(11%) sepia(43%) saturate(3438%) hue-rotate(224deg) brightness(98%) contrast(102%);
    }
.heading-icon[b-sha14qlo1n] {
    background: url('images/edit_icon.svg') no-repeat;
    background-position: center;
    height: 1.5rem;
    width: 1.5rem;
}
    .heading-icon:focus-visible[b-sha14qlo1n] {
        outline-color: var(--primary-disabled);
    }
.category-name[b-sha14qlo1n] {
    color: var(--text-heading-sub);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin-bottom: var(--size-spacing-xs);
}
.category-value[b-sha14qlo1n] {
    color: var(--text-heading-sub);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: var(--size-spacing-md);
    white-space: normal;
    text-align: left;
}
/* _content/RH.WebUI.Application/Components/Shared/Preferences/TopicsPreferences.razor.rz.scp.css */
.topics-container[b-9f3skkhjrt] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3.5rem;
    max-width: 53.75rem;
    margin: auto;
}
/* _content/RH.WebUI.Application/Components/Shared/RadioButton.razor.rz.scp.css */
input[b-qoref7u9c9] {
    height: 0;
    width: 0;
    opacity: 0;
}

label[b-qoref7u9c9] {
    color: var(--text-link-list);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3125rem;
    cursor: pointer;
    position: relative;
    padding: .5rem 1rem .5rem 3rem;
    width: 100%;
}

    label[b-qoref7u9c9]:before {
        content: '';
        position: absolute;
        left: 1.125rem;
        top: .5rem;
        width: 1.25rem;
        height: 1.25rem;
        border: 0.0625rem solid var(--stroke-primary);
        border-radius: 1rem;
    }

    label:hover[b-qoref7u9c9], label:active[b-qoref7u9c9] {
        color: var(--text-link-primary);
        background-color: var(--fill-neutral);
    }

input:checked + label[b-qoref7u9c9]:before {
    background-image: url('images/radio_button.svg');
    background-position: center;
    background-size: contain;
    border: none;
}

input:focus-visible + label[b-qoref7u9c9]:before {
    box-shadow: 0 0 0 .125rem var(--primary-disabled);
}
/* _content/RH.WebUI.Application/Components/Shared/RecentlyViewed/RecentlyViewedModal.razor.rz.scp.css */
/* Strongly scoped to #recently-viewed-modal to override Bootstrap / global rules */
[b-6ics8r9cti] #recently-viewed-modal {
    width: 100%;
    white-space: nowrap;
    text-align: center;
    overflow-y: auto;
    background: #FFFFFF;
}

/* ensure header is centered despite bootstrap defaults and keep X positioned */
[b-6ics8r9cti] #recently-viewed-modal .modal-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: var(--fill-section, #EFF2F5) !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    padding: 1rem 2rem 1.25rem 2rem !important;
    position: relative !important;
}

/* modal title */
[b-6ics8r9cti] #recently-viewed-modal .modal-header .modal-title,
[b-6ics8r9cti] #recently-viewed-modal .mobile-fullscreen-header .modal-title {
    margin: 0 !important;
    color: var(--text-heading-main, #111827) !important;
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    line-height: 2.75rem !important;
    letter-spacing: -0.045rem !important;
    text-align: center !important;
}

/* Pin the close button without affecting centered title */
[b-6ics8r9cti] #recently-viewed-modal .icon-close {
    position: absolute !important;
    right: 1rem !important;
    top: 0.75rem !important;
}

/* Page content wrapper - positions all content */
.recently-viewed-page[b-6ics8r9cti] {
    position: relative;
    width: 100%;
    min-height: 600px;
}

/* Helper Text - EXACT FIGMA SPECS */
/* Position: top: 44px, left: 290px */
/* Size: width: 351px, height: 20px */
.helper-text[b-6ics8r9cti] {
    position: absolute;
    top: 44px;
    left: 290px;
    width: 351px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-family: Inter, system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    line-height: 20px;
    color: #4A5865;
    opacity: 1;
}

/* Content Area Container - EXACT FIGMA SPECS */
/* Position: top: 92px, left: 320px */
/* Size: width: 800px, height: 410px */
/* Gap: 4px between rows */
/* Overflow: vertical scroll */
/* No outer borders */
.content-area[b-6ics8r9cti] {
    position: absolute;
    top: 92px;
    left: 320px;
    width: 800px;
    height: 410px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: 1;
    text-align: left;
}

/* Custom scrollbar */
.content-area[b-6ics8r9cti]::-webkit-scrollbar {
    width: 8px;
}

.content-area[b-6ics8r9cti]::-webkit-scrollbar-track {
    background: transparent;
}

.content-area[b-6ics8r9cti]::-webkit-scrollbar-thumb {
    background: #C3CCD6;
    border-radius: 4px;
}

.content-area[b-6ics8r9cti]::-webkit-scrollbar-thumb:hover {
    background: #A0A9B3;
}

/* Content Row - EXACT FIGMA SPECS */
/* Size: width: 800px, height: 42px */
/* Padding: top: 11px, right: 4px, bottom: 11px, left: 0 */
/* Border-bottom: 1px solid #C3CCD6 */
.content-row[b-6ics8r9cti] {
    width: 800px;
    height: 42px;
    min-height: 42px;
    padding: 11px 4px 11px 0;
    border-bottom: 1px solid var(--stroke-neutral-med, #C3CCD6);
    display: flex;
    align-items: center;
    opacity: 1;
    flex-shrink: 0;
}

.content-row:last-child[b-6ics8r9cti] {
    border-bottom: none;
}

.content-row:hover[b-6ics8r9cti] {
    background: #F9F9F9;
}

/* Row Inner Container - EXACT FIGMA SPECS */
/* Size: width: 792px, height: 20px */
/* Layout: justify-content: space-between */
/* Gap: 8px between text and icon */
.row-inner[b-6ics8r9cti] {
    width: 792px;
    height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    opacity: 1;
}

/* Row Text Link */
.row-text[b-6ics8r9cti] {
    font-family: Inter, system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 20px;
    color: #1A1A1A;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.row-text:hover[b-6ics8r9cti] {
    text-decoration: underline;
}

/* Canada Icon - EXACT FIGMA SPECS */
/* Right-aligned, vertically centered */
/* ShowCA property controls visibility */
.canada-icon[b-6ics8r9cti] {
    height: 0.75rem;
    flex-shrink: 0;
}

/* Loading and empty states */
.loading-container[b-6ics8r9cti],
.no-content[b-6ics8r9cti] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2rem;
    color: #666;
    font-size: 0.875rem;
}

/* keep modal body spacing consistent */
[b-6ics8r9cti] #recently-viewed-modal .modal-body {
    padding-top: 0;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .recently-viewed-page[b-6ics8r9cti] {
        position: static;
    }

    .helper-text[b-6ics8r9cti] {
        position: static;
        width: auto;
        margin: 1rem auto 1.5rem;
        text-align: center;
    }

    .content-area[b-6ics8r9cti] {
        position: static;
        width: 90%;
        max-width: 800px;
        margin: 0 auto;
    }

    .content-row[b-6ics8r9cti] {
        width: 100%;
    }

    .row-inner[b-6ics8r9cti] {
        width: calc(100% - 8px);
    }
}

@media (max-width: 36rem) {
    [b-6ics8r9cti] #recently-viewed-modal .modal-header .modal-title {
        font-size: 1.75rem !important;
        line-height: 2rem !important;
    }

    .content-area[b-6ics8r9cti] {
        width: calc(100% - 2rem);
        margin: 0 1rem;
    }

    .content-row[b-6ics8r9cti] {
        height: auto;
        min-height: 42px;
        padding: 12px 8px;
    }

    .row-inner[b-6ics8r9cti] {
        width: 100%;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .row-text[b-6ics8r9cti] {
        flex-direction: column;
        align-items: flex-start;
    }

    .title-text[b-6ics8r9cti] {
        white-space: normal;
        overflow: visible;
    }

    .canada-icon[b-6ics8r9cti] {
        align-self: flex-start;
    }
}



   
/* _content/RH.WebUI.Application/Components/Shared/RedirectToSiteWideSearchButton.razor.rz.scp.css */
#view-sitewide-search-btn[b-vdgt3l704y] {
    width: 241px;
    height: 48px;
    padding: 12px 20px;
    background-color: #586AF5;
    border: none;
    border-radius: 6px;
    opacity: 1;
    cursor: pointer;
}

    #view-sitewide-search-btn:hover[b-vdgt3l704y] {
        background-color: #4557D9;
    }

    #view-sitewide-search-btn:focus[b-vdgt3l704y] {
        outline-offset: 2px;
        outline: 2px solid black;
    }

.we-are-confident-text[b-vdgt3l704y] {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 10px;
}

.view-sitewide-results-text[b-vdgt3l704y] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #FFFFFF;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
}

    .view-sitewide-results-text span[b-vdgt3l704y] {
        width: 169px;
        height: 24px;
    }

.arrow-right-icon[b-vdgt3l704y] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
/* _content/RH.WebUI.Application/Components/Shared/Saves/AddFolderModal.razor.rz.scp.css */
/* Force modal-dialog to exact 440px width */
#add-folder-modal[b-zqrviornem]  .modal-dialog,
#add-folder-modal[b-zqrviornem]  .modal-dialog.modal-md {
    width: 440px !important;
    max-width: 440px !important;
    min-width: 440px !important;
}

/* Modal content styling for add-folder-modal */
#add-folder-modal[b-zqrviornem]  .modal-content {
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: none !important;
}

/* Header */
#add-folder-modal[b-zqrviornem]  .modal-header {
    height : 61px;
    padding: 0;
    border: none;
    box-shadow: none;
    margin: 0 0 12px 0;
    flex-shrink: 0;
}

/* Body */
#add-folder-modal[b-zqrviornem]  .modal-body {
    padding: 0;
    margin: 0;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Footer - with correct padding and no shadow */
#add-folder-modal[b-zqrviornem]  .modal-footer {
    padding: 10px 20px 0 20px;
    border: none;
    box-shadow: none !important;
    justify-content: center;
    margin: 0;
    width: 440px;
    flex-shrink: 0;
}

/* Hide default close button */
#add-folder-modal[b-zqrviornem]  .icon-close {
    display: none !important;
}

/* Title container with separator */
.modal-title-container[b-zqrviornem] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    padding: 12px 12px 12px 12px;
    margin-left: 15px;
}

/* Title text */
.modal-title-text[b-zqrviornem] {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

/* Body wrapper - 20px left padding */
.add-folder-body[b-zqrviornem] {
    width: 100%;
    padding-left: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Input container - EXACTLY 313px � 42px */
.folder-input-container[b-zqrviornem] {
    display: flex;
    align-items: center;
    width: 313px;
    height: 42px;
    border-bottom: 1px solid #8593A3;
    padding: 8px;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: auto;
    box-sizing: border-box;
}

.folder-input-container.error[b-zqrviornem] {
    background: var(--fill-seondary-lightest, #FFEDEA);
    border-bottom-color: #d32f2f;
}

/* Input field */
.folder-name-input[b-zqrviornem] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-right: 8px;
}

.folder-name-input[b-zqrviornem]::placeholder {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #8593A3;
    font-style: italic;
}

/* Clear button */
.clear-input-btn[b-zqrviornem] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.clear-input-btn img[b-zqrviornem] {
    width: 20px;
    height: 20px;
}

/* Error message */
.error-message[b-zqrviornem] {
    color: #d32f2f;
    font-family: Inter;
    font-size: 12px;
    line-height: 16px;
    margin-left: 15px;
    margin-top: 8px;
}

/* Footer buttons container - separator line only, no shadow */
.modal-footer-buttons[b-zqrviornem] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /*border-top: 1px solid #E0E0E0;*/
    padding: 0 0 0 0;
    gap: 20px;
    box-shadow: none !important;
}

/* Cancel button */
.btn-cancel[b-zqrviornem] {
    width: 95px;
    height: 40px;
    border-radius: 4px;
    border: 2px solid #CC7A00;
    padding: 0;
    background: transparent;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #CC7A00;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-zqrviornem] {
    background: #FFF7ED;
}

/* Create button */
.btn-create[b-zqrviornem] {
    width: 95px;
    height: 40px;
    border-radius: 4px;
    padding: 0;
    background: #CC7A00;
    border: none;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-create:hover:not(:disabled)[b-zqrviornem] {
    background: #B36A00;
}

.btn-create:disabled[b-zqrviornem] {
    background: #E0E0E0;
    color: #999999;
    cursor: not-allowed;
}
/* _content/RH.WebUI.Application/Components/Shared/Saves/CustomFolderDropdown.razor.rz.scp.css */
.custom-dropdown[b-i6gi66m8ee] {
    position: relative;
    width: 312px;
}

.dropdown-trigger[b-i6gi66m8ee] {
    position: relative;
    width: 312px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #D0D0D0;
    padding: 12px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dropdown-trigger:hover[b-i6gi66m8ee] {
    border-color: #CC7A00;
}

.dropdown-trigger:focus-within[b-i6gi66m8ee],
.custom-dropdown.open .dropdown-trigger[b-i6gi66m8ee] {
    border-color: #CC7A00;
    outline: 1px solid #CC7A00;
}

.folder-icon[b-i6gi66m8ee] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.dropdown-text[b-i6gi66m8ee] {
    flex: 1;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-text.has-selection[b-i6gi66m8ee] {
    color: #000000;
}

.dropdown-arrow[b-i6gi66m8ee] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.dropdown-arrow.open[b-i6gi66m8ee] {
    transform: rotate(180deg);
}

/* Dropdown Menu - 312px width, auto height */
.dropdown-menu[b-i6gi66m8ee] {
    position: static;
    margin-top: 1px;
    left: 0;
    width: 312px;
    max-height: 300px;
    border-radius: 6px;
    border: 1px solid #D0D0D0;
    padding: 16px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Custom scrollbar for dropdown menu */
.dropdown-menu[b-i6gi66m8ee]::-webkit-scrollbar {
    width: 6px;
}

.dropdown-menu[b-i6gi66m8ee]::-webkit-scrollbar-track {
    background: #F5F5F5;
    border-radius: 3px;
}

.dropdown-menu[b-i6gi66m8ee]::-webkit-scrollbar-thumb {
    background: #CCCCCC;
    border-radius: 3px;
}

.dropdown-menu[b-i6gi66m8ee]::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

/* Save to a new folder button with yellow text and icon on right */
.dropdown-new-folder-btn[b-i6gi66m8ee] {
    width: 100%;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0px;
    padding: 8px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #CC7A00;
    transition: all 0.2s ease;
    border-radius: 4px;
    text-align: right;
}

.dropdown-new-folder-btn:hover[b-i6gi66m8ee] {
    background: none;
}

.dropdown-new-folder-btn:focus-visible[b-i6gi66m8ee] {
    outline: 2px solid #CC7A00;
    outline-offset: 2px;
}

.dropdown-new-folder-btn .plus-icon-right[b-i6gi66m8ee] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-left: 4px;
}

/* MY FOLDERS header */
.my-folders-header[b-i6gi66m8ee] {
    width: 100%;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: #353B41;
    padding: 8px 0 4px 0;
}

/* Folders list container */
.folders-list[b-i6gi66m8ee] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Dropdown Item */
.dropdown-item[b-i6gi66m8ee] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    min-height: 36px;
    position: relative;
}

.dropdown-item:hover[b-i6gi66m8ee] {
    background: #F5F5F5;
}

/* Default option styling - greyed out and non-clickable */
.dropdown-item.default-option[b-i6gi66m8ee] {
    cursor: not-allowed;
    opacity: 0.6;
}

.dropdown-item.default-option:hover[b-i6gi66m8ee] {
    background: transparent;
}

.dropdown-item.default-option span[b-i6gi66m8ee] {
    color: #999999;
}

.dropdown-item.selected[b-i6gi66m8ee] {
    background: transparent;
}

.dropdown-item.selected[b-i6gi66m8ee]::after {
    content: '';
    position: absolute;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3332 4L5.99984 11.3333L2.6665 8' stroke='%23CC7A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.folder-icon-item[b-i6gi66m8ee] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.dropdown-item span[b-i6gi66m8ee] {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-item.selected span[b-i6gi66m8ee] {
    font-weight: 500;
}
/* _content/RH.WebUI.Application/Components/Shared/Saves/DeleteFolderModal.razor.rz.scp.css */
/* Modal Header Override - Position close button inside modal */
[b-4wgmr4wgid] .modal-header {
    margin-left: 0px;
    margin-right: 10px;
}

/* Modal Title Container */
.modal-title-container[b-4wgmr4wgid] {
    width: 376px;
    height: 33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E0E0E0;
    padding-left: 8px;
    padding-bottom: 12px;
    margin-left: 20px;
    margin-top: 25px;
}

.modal-title-text[b-4wgmr4wgid] {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

/* Modal Root Override - Remove left padding */
[b-4wgmr4wgid] .modal {
    padding-left: 0px;
}

/* Modal Body */
.delete-folder-body[b-4wgmr4wgid] {
    width: 376px;
    height: 116px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-left: 30px;
}

/* Delete Message Text */
.delete-message[b-4wgmr4wgid] {
    width: 376px;
    height: 40px;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #505862;
    margin: 0;
    display: block;
    white-space: normal;
    gap: 4px;
}

.folder-name-bold[b-4wgmr4wgid] {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

/* Modal Footer */
.modal-footer-buttons[b-4wgmr4wgid] {
    width: 376px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

/* Cancel Button */
.btn-cancel[b-4wgmr4wgid] {
    width: 72px;
    height: 36px;
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #CC7A00;
    background: transparent;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #CC7A00;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.btn-cancel:hover[b-4wgmr4wgid] {
    background-color: #FFF7ED;
}

/* Delete Button */
.btn-delete[b-4wgmr4wgid] {
    width: 97px;
    height: 36px;
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    background: #FFBC33;
    border: none;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.btn-delete:hover[b-4wgmr4wgid] {
    background-color: #FFA500;
}

.btn-delete:active[b-4wgmr4wgid] {
    background-color: #CC7A00;
}
/* _content/RH.WebUI.Application/Components/Shared/Saves/DeleteFolderSuccessModal.razor.rz.scp.css */
/* Modal Header Override */
[b-0l9v6zprf5] .modal-header {
    margin-left: 0px;
    margin-right: 10px;
}

/* Success Modal Title Container */
.success-modal-title-container[b-0l9v6zprf5] {
    width: 376px;
    height: 33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E0E0E0;
    padding-left: 8px;
    padding-bottom: 12px;
    margin-left: 20px;
    margin-top: 25px;
}

.success-modal-title-text[b-0l9v6zprf5] {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #4CAF50;
}

/* Modal Root Override */
[b-0l9v6zprf5] .modal {
    padding-left: 0px;
}

/* Modal Footer Override */
[b-0l9v6zprf5] .modal-footer {
    border-top: none;
}

/* Success Modal Body */
.success-modal-body[b-0l9v6zprf5] {
    width: 376px;
    height: 116px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-left: 30px;
}

/* Success Message Text */
.success-message[b-0l9v6zprf5] {
    width: 376px;
    height: 40px;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #505862;
    margin: 0;
    display: block;
    white-space: normal;
    gap: 4px;
}

.folder-name-semibold[b-0l9v6zprf5] {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

/* Success Modal Footer */
.success-modal-footer[b-0l9v6zprf5] {
    width: 376px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Close Button */
.btn-close-success[b-0l9v6zprf5] {
    width: 66px;
    height: 36px;
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    background: #FFBC33;
    border: none;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.btn-close-success:hover[b-0l9v6zprf5] {
    background-color: #FFA500;
}

.btn-close-success:active[b-0l9v6zprf5] {
    background-color: #CC7A00;
}
/* _content/RH.WebUI.Application/Components/Shared/Saves/DeleteLinkModal.razor.rz.scp.css */
/* Modal Header Override - Position close button inside modal */
[b-5glskmng35] .modal-header {
    margin-left: 0px;
    margin-right: 10px;
}

/* Modal Title Container */
.modal-title-container[b-5glskmng35] {
    width: 376px;
    height: 33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 12px;
    margin-left: 20px;
    margin-top: 25px;
}

.modal-title-text[b-5glskmng35] {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

/* Modal Root Override - Remove left padding */
[b-5glskmng35] .modal {
    padding-left: 0px;
}

/* Modal Footer Override - Remove top border */
[b-5glskmng35] .modal-footer {
    border-top: none;
}

/* Modal Body */
.delete-link-body[b-5glskmng35] {
    width: 376px;
    height: 136px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-left: 30px;
}

/* Delete Message Text */
.delete-message[b-5glskmng35] {
    width: 376px;
    height: 40px;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #000;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.my-saves-bold[b-5glskmng35] {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

/* Modal Footer */
.modal-footer-buttons[b-5glskmng35] {
    width: 376px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

/* Cancel Button */
.btn-cancel[b-5glskmng35] {
    width: 72px;
    height: 36px;
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #CC7A00;
    background: transparent;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #CC7A00;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.btn-cancel:hover[b-5glskmng35] {
    background-color: #FFF7ED;
}

/* Delete Button */
.btn-delete[b-5glskmng35] {
    width: 97px;
    height: 36px;
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    background: #FFBC33;
    border: none;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.btn-delete:hover[b-5glskmng35] {
    background-color: #FFA500;
}

.btn-delete:active[b-5glskmng35] {
    background-color: #CC7A00;
}
/* _content/RH.WebUI.Application/Components/Shared/Saves/MySavesPage.razor.rz.scp.css */
#my-saves-title-text[b-m6nk2wfkln] {
    font-family: Inter;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 2rem;
}

.my-saves-container[b-m6nk2wfkln] {
    display: flex;
    gap: 0.5rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0;
}

/* Sidebar Styles */
.sidebar[b-m6nk2wfkln] {
    width: 280px;
    height: 390px;
    flex-shrink: 0;
    border-radius: 4px;
    padding: 20px 16px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    margin-left: -75px;
}

.sidebar-title[b-m6nk2wfkln] {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0 0 12px 0;
    text-align: left;
}

/* Separator line */
.separator-line[b-m6nk2wfkln] {
    height: 1px;
    background-color: #E0E0E0;
    margin-bottom: 16px;
}

/* Add a new folder button */
.add-folder-link[b-m6nk2wfkln] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 12px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #CC7A00;
    margin-bottom: 16px;
    width: 100%;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .add-folder-link:hover[b-m6nk2wfkln] {
        background-color: #FFF7ED;
    }

.add-folder-text[b-m6nk2wfkln] {
    text-align: right;
}

.plus-icon[b-m6nk2wfkln] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Folders list with scrollbar */
.folders-list[b-m6nk2wfkln] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    flex: 1;
    padding-right: 4px;
}

    /* Custom scrollbar styling */
    .folders-list[b-m6nk2wfkln]::-webkit-scrollbar {
        width: 6px;
    }

    .folders-list[b-m6nk2wfkln]::-webkit-scrollbar-track {
        background: #F5F5F5;
        border-radius: 3px;
    }

    .folders-list[b-m6nk2wfkln]::-webkit-scrollbar-thumb {
        background: rgb(128, 128, 128);
        border-radius: 3px;
    }

        .folders-list[b-m6nk2wfkln]::-webkit-scrollbar-thumb:hover {
            background: #B36A00;
        }

/* Folder item */
.folder-item[b-m6nk2wfkln] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    position: relative;
    border-bottom: 1px solid #CC7A00;
    min-height: 38px;
    height: 38px;
    box-sizing: border-box;
}

    .folder-item:hover[b-m6nk2wfkln] {
        background-color: #F5F5F5;
    }

    .folder-item.selected[b-m6nk2wfkln] {
        background: #FFCD66;
        font-weight: 500;
    }

    /* Hide the options button for the default "All Saved Links" folder */
    .folder-item.default-folder .folder-options-btn[b-m6nk2wfkln] {
        display: none !important;
    }

.folder-icon[b-m6nk2wfkln] {
    width: 19px;
    height: 17px;
    flex-shrink: 0;
}

.folder-name[b-m6nk2wfkln] {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    flex: 1;
    text-align: left;
}

.folder-item.selected .folder-name[b-m6nk2wfkln] {
    font-weight: 500;
}

.folder-count[b-m6nk2wfkln] {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

/* Folder options button */
.folder-options-btn[b-m6nk2wfkln] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    opacity: 0;
    transition: opacity 0.2s;
    margin-left: auto;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.folder-item:hover .folder-options-btn[b-m6nk2wfkln] {
    opacity: 1;
}

.options-icon[b-m6nk2wfkln] {
    font-size: 18px;
    color: #666;
    font-weight: bold;
}

/* Folder context menu */
.folder-menu[b-m6nk2wfkln] {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 4px;
    background: #2D2D2D;
    border-radius: 8px;
    padding: 8px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    min-width: 160px;
}

.menu-option[b-m6nk2wfkln] {
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: none;
    border: none;
    color: #FFFFFF;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .menu-option:hover[b-m6nk2wfkln] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .menu-option.delete-option[b-m6nk2wfkln] {
        color: #FFFFFF;
    }

/* Content Area */
.content-area[b-m6nk2wfkln] {
    margin-left: 18px;
    flex: 1;
    min-width: 0;
}

.content-header[b-m6nk2wfkln] {
    border-bottom: 0.2px solid #E0E0E0;
    border-radius: 0px;
    width: 30%; 
    margin-bottom: 1.5rem;
}

.content-title[b-m6nk2wfkln] {
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #CC7A00;
    margin: 0;
    text-align: left;
}

/* Loading message */
.loading-message[b-m6nk2wfkln] {
    font-family: Inter;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: center;
    padding: 2rem;
}

.empty-message[b-m6nk2wfkln] {
    font-family: Inter;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: center;
    padding: 2rem;
}

/* Saved Links Container */
.saved-links-container[b-m6nk2wfkln] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 800px;
    max-width: 100%;
}

/* Content Type Section */
.content-type-section[b-m6nk2wfkln] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Content Type Header */
.content-type-header[b-m6nk2wfkln] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #663000;
    margin: 0;
    padding-bottom: 2px;
    border-bottom: 2px solid #E0E0E0;
}

.content-type-icon[b-m6nk2wfkln] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Saved Links List */
.saved-links-list[b-m6nk2wfkln] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Saved Link Item */
.saved-link-item[b-m6nk2wfkln] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    padding: 12px 8px 12px 10px;
    gap: 12px;
    border-bottom: 1px dashed #E0E0E0;
    box-sizing: border-box;
    transition: background-color 0.2s;
}

    .saved-link-item:hover[b-m6nk2wfkln] {
        background-color: #F5F5F5;
    }

/* Saved Link Content */
.saved-link-content[b-m6nk2wfkln] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    order: 1;
}

/* Saved Link Title */
.saved-link-title[b-m6nk2wfkln] {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #505862;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    width: 100%;
}

    .saved-link-title:hover[b-m6nk2wfkln] {
        text-decoration: underline;
        color: #B36A00;
    }

/* Delete Link Button */
.delete-link-btn[b-m6nk2wfkln] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: opacity 0.2s;
    order: 2;
    margin-left: auto;
}

    .delete-link-btn:hover[b-m6nk2wfkln] {
        opacity: 0.7;
    }

.delete-icon[b-m6nk2wfkln] {
    width: 24px;
    height: 24px;
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .my-saves-container[b-m6nk2wfkln] {
        flex-direction: column;
    }

    .sidebar[b-m6nk2wfkln] {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .content-area[b-m6nk2wfkln] {
        margin-left: 0;
    }

    .saved-links-container[b-m6nk2wfkln] {
        width: 100%;
    }

    .saved-link-item[b-m6nk2wfkln] {
        padding: 12px 8px;
    }
}

@media (max-width: 480px) {
    .saved-link-item[b-m6nk2wfkln] {
        gap: 8px;
    }

    .saved-link-title[b-m6nk2wfkln] {
        font-size: 13px;
    }

    .content-type-header[b-m6nk2wfkln] {
        font-size: 15px;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Saves/SaveLinkModal.razor.rz.scp.css */
#save-link-modal.modal-custom-344[b-ws6ckdvjol]  .modal-content,
#save-link-modal[b-ws6ckdvjol]  .modal-dialog.modal-custom-344 .modal-content,
div[id="save-link-modal"][b-ws6ckdvjol]  .modal-content {
    height: auto !important;
    min-height: 220px !important;
    max-height: none !important;
}

/* Modal dimensions - 344px width, auto height based on content */
#save-link-modal[b-ws6ckdvjol]  .modal-dialog {
    width: 344px !important;
    max-width: 344px !important;
    height: auto !important;
    margin: 80px auto !important;
    display: block !important;
}

#save-link-modal[b-ws6ckdvjol] {
    display: block !important;
}

#save-link-modal .modal[b-ws6ckdvjol] {
    display: block !important;
    align-items: unset !important;
    justify-content: unset !important;
}

#save-link-modal[b-ws6ckdvjol]  .modal-content {
    width: 344px;
    height: auto !important;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    overflow: hidden !important;
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box;
    box-shadow: none !important;
    padding: 0;
}

/* Hide the default Modal close button */
#save-link-modal[b-ws6ckdvjol]  .modal-header {
    display: none !important;
}

#save-link-modal[b-ws6ckdvjol]  .icon-close {
    display: none !important;
}

/* Body - no padding, hide in success state */
#save-link-modal[b-ws6ckdvjol]  .modal-body {
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Hide modal-body in success state to remove extra spacing */
#save-link-modal.success-state[b-ws6ckdvjol]  .modal-body {
    display: none !important;
}

/* Success state - remove min-height to allow natural shrinking */
#save-link-modal.success-state[b-ws6ckdvjol]  .modal-content {
    min-height: auto !important;
}

/* Modal inner container */
.modal-inner-container[b-ws6ckdvjol] {
    width: 312px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 16px;
    box-sizing: border-box;
}

/* Title section */
.modal-title-section[b-ws6ckdvjol] {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 312px;
    height: 42px;
}

/* close button positioning */
.close-icon-btn[b-ws6ckdvjol] {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.close-icon-btn svg[b-ws6ckdvjol] {
    display: block;
    width: 24px;
    height: 24px;
}

/* Content title text box */
.content-title-text[b-ws6ckdvjol] {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #1a1a1a;
    width: 276px;
    height: 42px;
    border: 0.5px solid #D0D0D0;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Save Link button */
.btn-save-link[b-ws6ckdvjol] {
    width: 100%;
    height: 40px;
    background-color: #FFC14D;
    border: none;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1a1a1a;
    cursor: pointer;
    padding: 0;
    box-sizing: border-box;
}

.btn-save-link:hover:not(:disabled)[b-ws6ckdvjol] {
    background-color: #e6ad45;
}

.btn-save-link:disabled[b-ws6ckdvjol] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* SAVE TO section */
.save-to-section[b-ws6ckdvjol] {
    display: flex;
    flex-direction: column;
}

.save-to-label[b-ws6ckdvjol] {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 8px;
}

/* Error message */
.error-message[b-ws6ckdvjol] {
    color: #dc2626;
    font-family: Inter, sans-serif;
    font-size: 14px;
    padding: 8px;
    background-color: #fee2e2;
    border-radius: 4px;
}

/* Inline Folder Creation Container */
.inline-folder-creation-container[b-ws6ckdvjol] {
    width: 312px;
    display: flex;
    flex-direction: column;
    border: 1px solid #C3CCD6;
    border-radius: 4px;
    padding: 16px 12px 12px 12px;
    box-sizing: border-box;
    gap: 12px;
}

.folder-input-wrapper[b-ws6ckdvjol] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding: 8px 0;
}

.folder-input-wrapper.error[b-ws6ckdvjol] {
    background: #FFEDEA;
    border-bottom-color: #dc2626;
}

.folder-name-input-inline[b-ws6ckdvjol] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 0 8px 0 0;
}

.folder-name-input-inline[b-ws6ckdvjol]::placeholder {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #8593A3;
    font-style: italic;
}

.clear-input-btn-inline[b-ws6ckdvjol] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.clear-input-btn-inline img[b-ws6ckdvjol] {
    width: 16px;
    height: 16px;
}

.folder-creation-error-inline[b-ws6ckdvjol] {
    color: #dc2626;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}

.folder-creation-buttons-inline[b-ws6ckdvjol] {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 12px;
}

.btn-cancel-folder-inline[b-ws6ckdvjol],
.btn-create-folder-inline[b-ws6ckdvjol] {
    width: 120px;
    height: 36px;
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-cancel-folder-inline[b-ws6ckdvjol] {
    background: #FFFFFF;
    border: 2px solid #CC7A00;
    color: #CC7A00;
}

.btn-cancel-folder-inline:hover[b-ws6ckdvjol] {
    background: #FFF7ED;
}

.btn-create-folder-inline[b-ws6ckdvjol] {
    background-color: #CC7A00;
    border: none;
    color: #FFFFFF;
}

.btn-create-folder-inline:hover:not(:disabled)[b-ws6ckdvjol] {
    background-color: #B36A00;
}

.btn-create-folder-inline:disabled[b-ws6ckdvjol] {
    background: #E0E0E0;
    color: #999999;
    cursor: not-allowed;
}

/* Success Content */
.success-content[b-ws6ckdvjol] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.success-text[b-ws6ckdvjol] {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #4b5563;
    margin: 0;
}

.success-text strong[b-ws6ckdvjol] {
    font-weight: 600;
    color: #000000;
}

.btn-close-success[b-ws6ckdvjol] {
    width: 100%;
    height: 40px;
    padding: 0;
    background-color: #FFBC33;
    border: none;
    border-radius: 4px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-close-success:hover[b-ws6ckdvjol] {
        background-color: #FFBC33;
    }

.btn-close-success:focus-visible[b-ws6ckdvjol] {
    outline: 2px solid #0066CC;
    outline-offset: 2px;
}

.folder-dropdown-container[b-ws6ckdvjol] {
    position: static !important;
    width: 312px;
}

/* Responsive adjustments */
@media (max-width: 36rem) {
    #save-link-modal[b-ws6ckdvjol]  .modal-dialog,
    #save-link-modal[b-ws6ckdvjol]  .modal-content {
        width: 100%;
        max-width: 344px;
        margin: 0 auto;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/SearchForm.razor.rz.scp.css */
.search-container[b-d3ym8wcg95] {
    height: 3rem;
    position: relative;
}

.topic-search .search-bar[b-d3ym8wcg95] {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: solid;
    max-width: 600px;
}

    .topic-search .search-bar:focus-within[b-d3ym8wcg95] {
        background: none;
    }

#button-search-topic-search[b-d3ym8wcg95] {
    display: none;
}

.search-bar[b-d3ym8wcg95] {
    background: var(--fill-neutral);
    display: flex;
    width: 100%;
    height: 3rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.25rem;
    border: 0.063rem solid var(--stroke-neutral-med);
}

    .search-bar:focus-within[b-d3ym8wcg95] {
        background: var(--fill-white);
    }

.center[b-d3ym8wcg95] {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

input[b-d3ym8wcg95] {
    float: left;
    width: 100%;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    margin: 0.625rem;
    flex: 1 0 0;
    background: inherit;
    color: var(--text-label-primary2);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.04688rem;
}

    input[b-d3ym8wcg95]::placeholder {
        color: var(--text-label-disabled);
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.03125rem;
    }

button[b-d3ym8wcg95] {
    float: left;
}

.icon-search[b-d3ym8wcg95] {
    background-image: url('images/search.svg');
}

.icon-button-primary[b-d3ym8wcg95] {
    border-radius: 0.25rem;
    height: 2.93rem;
    justify-content: center;
    align-items: center;
    margin: 0rem 0rem 0rem 0.5rem
}

.button-secondary[b-d3ym8wcg95] {
    color: var(--secondary-neutral-steel);
    background: var(--fill-primary-lighter);
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

    .button-secondary:hover[b-d3ym8wcg95] {
        background: var(--fill-primary-light);
    }

    .button-secondary:active[b-d3ym8wcg95] {
        background: var(--fill-primary-inactive);
    }

    .button-secondary:disabled[b-d3ym8wcg95] {
        background: var(--fill-primary-lighter);
        color: var(--blue-disabled)
    }

    .button-secondary:focus[b-d3ym8wcg95] {
        background: var(--fill-primary-lighter);
        color: var(--text-label-primary2);
        outline-style: none;
        outline: var(--primary-disabled) solid var(--size-spacing-xxxs);
    }

/*Main Search*/
.main-search .icon-button-primary[b-d3ym8wcg95] {
    border-radius: 0rem 0.2rem 0.2rem 0rem;
}

.main-search .search-bar[b-d3ym8wcg95] {
    max-width: 50rem;
    min-width: 20rem;
    border: 0.063rem solid var(--stroke-primary);
}

.main-search input[b-d3ym8wcg95]::placeholder {
    color: var(--text-label-primary2);
}

.main-search .icon-button-primary[b-d3ym8wcg95] {
    padding: 1rem 1.705rem;
}

.cfr-search-input .search-bar[b-d3ym8wcg95] {
    max-width: 20rem;
    min-width: 10rem;
}

@media (max-width: 36rem) {
    .cfr-search-input .search-bar[b-d3ym8wcg95] {
        max-width: none;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/SearchFormWithRecommendations.razor.rz.scp.css */
.recommendations-container[b-anl8gdrqcd] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recommendations-list[b-anl8gdrqcd] {
    z-index: 9;
    display: flex;
    min-width: 20rem;
    width: 100%;
    max-height: 20rem;
    overflow-y: auto;
}

.center[b-anl8gdrqcd] {
    position: absolute;
    top: 50%;
}

div.recommendation-title:nth-child(even)[b-anl8gdrqcd] {
    background: #FFF;
}

div.recommendation-title:nth-child(odd)[b-anl8gdrqcd] {
    background: var(--Brand-Brand-50, #EFF6FF);
}

.recommendation-title[b-anl8gdrqcd] {
    display: flex;
    width: 100%;
    padding: 0px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid var(--00-Neutral-100, #EFF2F5);
}

ul[b-anl8gdrqcd] {
    width: 100%;
    padding-left: 0rem;
}

li[b-anl8gdrqcd] {
    list-style-type: none;
    padding: 0 !important;
    margin: 0.625rem
}

span[b-anl8gdrqcd] {
    color: var(--text-link-list);
    /* Paragraph/Medium/Regular */
    font-size: var(--rh-font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    text-decoration: none;
    cursor: pointer;
}

    span:hover[b-anl8gdrqcd] {
        text-decoration: underline;
    }
/* _content/RH.WebUI.Application/Components/Shared/SessionError.razor.rz.scp.css */
*:focus[b-wc7vey858i] {
    outline: none;
}

#session-error-container[b-wc7vey858i] {
    background-color: white;
    padding: 0rem 1rem 1.5rem 1rem;
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
}

#main-header[b-wc7vey858i] {
    font-weight: 700;
    font-size: var(--rh-font-36);
    line-height: 2.75rem;
    letter-spacing: -0.02em;
    color: var(--grey-darkest);
    margin: 2rem 0 2rem 0;
    padding-top: 3rem;
}

#main-description[b-wc7vey858i] {
    max-width: 45rem;
    font-weight: 500;
    font-size: var(--rh-font-28);
    line-height: 2.25rem;
    letter-spacing: -0.02em;
    color: var(--grey-darkest);
    padding-bottom: 2rem;
}

#link-header[b-wc7vey858i] {
    line-height: 1.25rem;
    font-size: var(--rh-font-14);
    font-weight: 600;
    color: var(--grey-darkest);
}

#jjkeller-button[b-wc7vey858i] {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
}

#computer-monitor-icon[b-wc7vey858i] {
    height: 125px;
    width: 140px;
    margin-left: 2rem;
    position: relative;
    top: -1rem;
}

@media (min-width: 768px) {
    #session-error-container[b-wc7vey858i] {
        padding: 3rem 3rem 3rem 8rem;
        padding: 1.5rem 0rem 1.5rem 1.5rem;
    }

    #main-header[b-wc7vey858i] {
        font-size: var(--rh-font-60);
        line-height: 3rem;
        margin: 2rem 0 2rem 0;
        padding-top: 3rem;
    }

    #main-description[b-wc7vey858i] {
        max-width: 45rem;
        font-size: var(--rh-font-36);
        line-height: 2.75rem;
        padding-bottom: 4rem;
    }

    #link-header[b-wc7vey858i] {
        line-height: 1.75rem;
        font-size: var(--rh-font-18);
    }

    #computer-monitor-icon[b-wc7vey858i] {
        height: 344px;
        width: 388px;
        position: relative;
        left: auto;
        margin-top: 0;
        margin-left: 7rem;
        top: -2rem;
        align-content: flex-start;
    }

    #jjkeller-button[b-wc7vey858i] {
        display: inline-flex;
        padding: 12px var(--size-spacing-lg, 20px);
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .main-message[b-wc7vey858i] {
        min-width: 25vw;
        max-width: 30vw;
    }
}
/* _content/RH.WebUI.Application/Components/Shared/Settings/SettingsModal.razor.rz.scp.css */
/* Strongly scoped to #settings-modal to override Bootstrap / global rules */
[b-i2c02r74l0] #settings-modal {
    width: 100%;
    white-space: nowrap;
    text-align: center;
    overflow-y: auto;
    background: #FFFFFF;
}

    /* ensure header is centered despite bootstrap defaults and keep X positioned */
    [b-i2c02r74l0] #settings-modal .modal-header {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background-color: var(--fill-section, #EFF2F5) !important;
        box-shadow: none !important;
        border-bottom: 0 !important;
        padding: 1rem 2rem 1.25rem 2rem !important;
        position: relative !important;
    }

        /* modal title */
        [b-i2c02r74l0] #settings-modal .modal-header .modal-title,
        [b-i2c02r74l0] #settings-modal .mobile-fullscreen-header .modal-title {
            margin: 0 !important;
            color: var(--text-heading-main, #111827) !important;
            font-size: 2.25rem !important;
            font-weight: 800 !important;
            line-height: 2.75rem !important;
            letter-spacing: -0.045rem !important;
            text-align: center !important;
        }

    /* Pin the close button without affecting centered title */
    [b-i2c02r74l0] #settings-modal .icon-close {
        position: absolute !important;
        right: 1rem !important;
        top: 0.75rem !important;
    }

/* Page content wrapper */
.settings-page[b-i2c02r74l0] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 2rem 3rem 2rem;
}

.settings-container[b-i2c02r74l0] {
    width: 100%;
    max-width: 50rem;
    text-align: left;
}

/* Intro */
/* Updated: intro should be dark (black) per design */
.settings-intro[b-i2c02r74l0] {
    color: #111827 !important; /* fent black as requested */
    margin: 0.75rem 0 1.25rem 0;
    font-size: 0.9375rem;
    line-height: 1.4;
}

/* Card */
.settings-list[b-i2c02r74l0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* --- UPDATED: card padding & spacing --- */
/* Use a slightly tighter vertical padding and a wider horizontal padding to match design */
.settings-card[b-i2c02r74l0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1.25rem; /* vertical 10px, horizontal 20px */
    background: #FFE9E6;
    border: 1px solid #F8D0CB;
    border-radius: 0.5rem;
    width: 100%;
}

/* Switch — strongly scoped so Bootstrap's .form-* rules don't win */
[b-i2c02r74l0] #settings-modal .switch {
    position: relative;
    display: inline-block;
    width: 2.25rem;
    height: 1.25rem;
    vertical-align: middle;
}

    /* Make the native input cover the area and invisible (prevents native UI showing) */
    [b-i2c02r74l0] #settings-modal .switch input {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    /* track */
    [b-i2c02r74l0] #settings-modal .switch .slider {
        position: absolute;
        inset: 0;
        background-color: #F1E6E5; /* soft neutral background for off state */
        transition: background-color .12s ease, border-color .12s ease;
        border-radius: 999px;
        border: 1px solid rgba(0,0,0,0.03);
    }

        /* knob */
        [b-i2c02r74l0] #settings-modal .switch .slider::before {
            position: absolute;
            content: "";
            height: 0.92rem;
            width: 0.92rem;
            left: 0.14rem;
            top: 50%;
            transform: translateY(-50%);
            background-color: #FFFFFF;
            transition: transform .12s ease;
            border-radius: 50%;
            box-shadow: 0 1px 2px rgba(0,0,0,0.12);
        }

    /* checked (ON) = orange track + knob shifted right */
    [b-i2c02r74l0] #settings-modal .switch input:checked + .slider {
        background-color: #A86500;
        border-color: #A86500;
    }

        [b-i2c02r74l0] #settings-modal .switch input:checked + .slider::before {
            transform: translateY(-50%) translateX(0.95rem);
        }

    /* focus */
    [b-i2c02r74l0] #settings-modal .switch input:focus + .slider {
        box-shadow: 0 0 0 4px rgba(168,101,0,0.10);
    }

/* --- UPDATED: title (label) color and sizing inside card --- */
/* Use explicit selector to override global h5 rules and match the orange token used for the toggle */
[b-i2c02r74l0] #settings-modal .settings-text h5 {
    margin: 0;
    color: #A86500 !important; /* orange to match toggle */
    font-size: 0.9375rem; /* 15px */
    font-weight: 600;
    line-height: 1.25rem;
    text-align: left;
}

/* muted description color */
[b-i2c02r74l0] #settings-modal .settings-text p.muted {
    margin: 0.25rem 0 0 0;
    color: #6B7280; /* muted text color */
    font-size: 0.75rem;
    line-height: 1.25rem;
}

/* keep modal body spacing consistent */
[b-i2c02r74l0] #settings-modal .modal-body {
    padding-top: 0;
}

/* responsive tweaks */
@media (max-width: 36rem) {
    [b-i2c02r74l0] #settings-modal .modal-header .modal-title {
        font-size: 1.75rem !important;
        line-height: 2rem !important;
    }

    /* scale card padding down on small screens */
    .settings-card[b-i2c02r74l0] {
        padding: 0.5rem 1rem;
        gap: 0.6rem;
    }

    [b-i2c02r74l0] #settings-modal .switch {
        width: 2rem;
        height: 1.05rem;
    }

        [b-i2c02r74l0] #settings-modal .switch .slider::before {
            height: 0.85rem;
            width: 0.85rem;
            left: 0.12rem;
        }
}
/* _content/RH.WebUI.Application/Components/Shared/Tooltip.razor.rz.scp.css */
/* Tooltip container */
.tooltip-container[b-iksgs8bcq3] {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip-container .tooltip-text[b-iksgs8bcq3] {
        visibility: hidden;
        background-color: black;
        color: var(--White, #FFF);
        font-size: .75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1rem; /* 133.333% */
        letter-spacing: 0.25px;
        padding: .75rem;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        width: 15rem;
        top: 100%;
        left: 50%;
        border-radius: .5rem;
        background: var(--black, #000);
        /* Shadow/large */
        box-shadow: 0px 8px 12px -2px rgba(0, 0, 0, 0.08), 0px 2px 6px -2px rgba(0, 0, 0, 0.06);
        z-index: 9;
    }

        .tooltip-container .tooltip-text[b-iksgs8bcq3]::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the bottom of the tooltip */
            left: 10px;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip-container:hover .tooltip-text[b-iksgs8bcq3] {
        visibility: visible;
    }

@media (max-width: 36rem) {
    .tooltip-container .tooltip-text[b-iksgs8bcq3] {
        width: 10rem;
    }
}