/* Recruitment landing page; shared brand styles come from the existing landing pages. */
.hire-maid-nanny {
    margin: 0;
    background: #f5f5f5;
    color: #111;
}

.hire-maid-nanny .container {
    width: 100%;
    max-width: 1472px;
    padding-inline: 16px;
}

.hire-maid-nanny h2 {
    color: #0e3c61;
    font-weight: 700;
}

.hire-maid-nanny .live-in-section-title {
    margin: 0 0 46px;
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
}

.hire-maid-nanny .live-in-whatsapp-btn {
    min-width: 240px;
    min-height: 56px;
    padding: 14px 30px;
    font-size: 20px;
    background: #1ed064;
    box-shadow: 0 4px 12px #00000015;
    transition: background-color 280ms ease, transform 280ms ease, box-shadow 280ms ease;
}

/* WhatsApp-inspired fill sweep; the label stays above the animated layer. */
.caregiver-page .live-in-whatsapp-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #111b21;
    outline-offset: 5px;
    transition: color .33s linear .15s, background-color .33s linear .5s;
}

.caregiver-page .live-in-whatsapp-btn::before {
    content: '';
    position: absolute;
    z-index: -1;
    pointer-events: none;
    left: -10%;
    bottom: -1px;
    width: 120%;
    height: 220%;
    border-radius: 50% 50% 0 0;
    background: #111b21;
    transform: translateY(100%);
    transition: transform .5s cubic-bezier(.22, .61, .36, 1);
}

.caregiver-page .live-in-whatsapp-btn:hover,
.caregiver-page .live-in-whatsapp-btn:focus-visible {
    background: #111b21;
    color: #fff;
    transform: none;
    box-shadow: 0 4px 12px #00000015;
}

.caregiver-page .live-in-whatsapp-btn:hover::before,
.caregiver-page .live-in-whatsapp-btn:focus-visible::before {
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .caregiver-page .live-in-whatsapp-btn,
    .caregiver-page .live-in-whatsapp-btn::before {
        transition: none;
    }
}

.hire-maid-nanny a:focus-visible, .hire-maid-nanny button:focus-visible {
    outline: 3px solid #0e3c61;
    outline-offset: 5px;
}

.hire-hero {
    background: #f5f7f7 url('../../../images/v2/p1_landing_page/background.png') center / cover no-repeat;
    overflow: hidden;
}

.hire-hero-inner {
    position: relative;
    max-width: 1920px;
    height: 733px;
    margin: auto;
}

.hire-logo {
    position: absolute;
    top: 37px;
    left: 6.67%;
    width: 261px;
    height: auto;
    z-index: 2;
}

.hire-hero-copy {
    position: absolute;
    top: 190px;
    left: 6.67%;
    z-index: 2;
    width: 590px;
    color: #0e3c61;
}

.hire-hero-copy h1 {
    margin: 0 0 40px;
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1.5px;
}

.hire-hero-copy h2 {
    font-size: 32px;
    margin: 0 0 45px;
}

.hire-hero-copy p {
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 48px;
}

.hire-foreground {
    position: absolute;
    bottom: 0;
    right: 20.5%;
    width: auto;
    height: 719px;
    object-fit: contain;
}

.hire-process {
    padding: 56px 0;
    background: #dee3e7;
}

.hire-process h2 {
    font-size: 40px;
    line-height: 1.25;
    text-align: center;
    margin: 0 0 60px;
}

.hire-steps {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 54px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.hire-steps li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 104px;
    padding: 18px 20px;
    border: 1px solid #6585a0;
    border-radius: 6px;
    background: white;
    font-size: 16px;
    line-height: 1.25;
}

.hire-steps li:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -33px;
    width: 15px;
    height: 15px;
    border-top: 3px solid #315c7b;
    border-right: 3px solid #315c7b;
    transform: rotate(45deg);
}

.hire-step-number {
    flex: 0 0 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0e3c61;
    color: white;
    font-size: 26px;
    box-shadow: 0 3px 5px #0004;
}

.hire-button-wrap {
    margin-top: 64px;
    text-align: center;
}

.hire-maid-nanny .live-in-why-choose {
    padding: clamp(48px, 3.33vw, 64px) 0 clamp(48px, 3.02vw, 58px);
    background: #f5f5f5;
}

.hire-maid-nanny .live-in-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px 60px;
}

.hire-maid-nanny .live-in-benefit-card {
    min-height: 116px;
    padding: 22px 32px;
    gap: 30px;
    background: transparent;
    border: 1px solid #6585a0;
    border-radius: 6px;
}

.hire-maid-nanny .live-in-benefit-card p {
    font-size: 17px;
    line-height: 1.3;
}

.hire-support {
    padding: 56px 0 64px;
    background: #dee3e7;
}

.hire-support .live-in-section-title {
    margin-bottom: 56px;
}

.hire-support-grid {
    display: grid;
    grid-template-columns: 1fr 1.02fr;
    gap: 64px;
    align-items: center;
}

.hire-support-grid > img {
    width: 100%;
    height: auto;
}

.hire-support-copy {
    font-size: 17px;
}

.hire-support-copy p {
    margin: 0 0 20px;
}

.hire-support-copy ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.hire-support-copy li {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
}

.hire-support-copy li span {
    display: grid;
    place-items: center;
    flex: 0 0 24px;
    height: 24px;
    border-radius: 50%;
    background: #0e3c61;
    color: white;
    font-size: 16px;
}

.hire-requirements {
    padding: 56px 0;
}

.hire-requirement-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
}

.hire-requirement-card {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 22px;
    min-height: 116px;
    border: 1px solid #6585a0;
    border-radius: 6px;
}

.hire-requirement-card img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.hire-requirement-card p {
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
}

.hire-maid-nanny .live-in-award-section {
    padding: 0;
    background: #f5f5f5;
}

.hire-maid-nanny .live-in-award-picture, .hire-maid-nanny .live-in-award-image {
    width: 100%;
    max-width: none;
    height: auto;
}

.hire-maid-nanny .live-in-faq-section {
    padding: 48px 0 56px;
    background: #f5f5f5;
}

.hire-maid-nanny .live-in-faq-answer {
    height: auto;
}

.hire-ready {
    text-align: center;
    padding: 36px 16px 28px;
    background: #0e3c61;
    color: white;
}

.hire-ready h2 {
    color: white;
    font-size: 24px;
    margin: 0 0 14px;
}

.hire-ready p {
    font-size: 16px;
    margin: 0 0 20px;
}

@media (min-width: 768px) and (max-width: 1599.98px) {
    .hire-hero-inner {
        height: 580px;
    }

    .hire-foreground {
        height: 565px;
        right: 12%;
    }

    .hire-logo {
        width: 220px;
        top: 22px;
    }

    .hire-hero-copy {
        top: 150px;
        width: 480px;
    }

    .hire-hero-copy h1 {
        font-size: 44px;
        margin-bottom: 30px;
    }

    .hire-hero-copy h2 {
        font-size: 26px;
        margin-bottom: 32px;
    }

    .hire-hero-copy p {
        font-size: 19px;
        margin-bottom: 32px;
    }

    .hire-maid-nanny .container {
        max-width: 1200px;
        padding-inline: 24px;
    }

    .hire-steps {
        gap: 32px;
    }

    .hire-steps li {
        gap: 12px;
        padding: 14px;
        font-size: 14px;
    }

    .hire-steps li:not(:last-child)::after {
        right: -22px;
        width: 10px;
        height: 10px;
    }

    .hire-step-number {
        flex-basis: 46px;
        height: 46px;
    }

    .hire-maid-nanny .live-in-benefits-grid {
        gap: 24px;
    }

    .hire-requirement-card {
        padding: 14px;
        gap: 14px;
    }

    .hire-requirement-card p {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .hire-foreground {
        right: 0;
        height: 480px;
    }

    .hire-hero-copy {
        left: 4%;
        width: 420px;
    }

    .hire-hero-copy h1 {
        font-size: 38px;
    }

    .hire-steps, .hire-requirement-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .hire-steps li:nth-child(2)::after {
        display: none;
    }

    .hire-maid-nanny .live-in-benefit-card {
        padding: 18px;
        gap: 14px;
    }

    .hire-support-grid {
        gap: 30px;
    }
}

@media (max-width: 767.98px) {
    .hire-maid-nanny .container {
        padding-inline: 22px;
    }

    .hire-maid-nanny .live-in-section-title {
        font-size: 24px;
        margin-bottom: 28px;
    }

    .hire-maid-nanny .live-in-whatsapp-btn {
        min-width: 180px;
        min-height: 46px;
        font-size: 16px;
    }

    /* Match the other landing pages: logo above centered copy and bottom-aligned imagery. */
    .hire-hero {
        background-position: center top;
    }

    .hire-hero-inner {
        display: flex;
        flex-direction: column;
        min-height: 535px;
        height: auto;
        padding: 20px 18px 0;
    }

    .hire-logo {
        position: relative;
        top: -8px;
        left: auto;
        width: 200px;
        max-width: 100%;
        height: auto;
        margin-left: 2px;
    }

    .hire-hero-copy {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-width: 440px;
        margin: 22px auto 0;
        text-align: center;
    }

    .hire-hero-copy h1 {
        font-size: 20px;
        line-height: 1.35;
        letter-spacing: 0;
        margin: 0 0 13px;
    }

    .hire-hero-copy h2 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.35;
        margin-bottom: 19px;
    }

    .hire-hero-copy p {
        max-width: 350px;
        margin: 0 auto 24px;
        font-size: 14px;
        line-height: 1.5;
    }

    .hire-maid-nanny .hire-hero .live-in-whatsapp-btn {
        min-width: 202px;
        min-height: 48px;
        padding: 12px 26px;
        font-size: 16px;
    }

    .hire-desktop-break {
        display: none;
    }

    .hire-foreground {
        position: relative;
        right: auto;
        bottom: auto;
        display: block;
        width: 100%;
        max-width: 310px;
        height: auto;
        max-height: 253px;
        object-fit: contain;
        object-position: center bottom;
        margin: 18px auto 0;
    }

    .hire-process, .hire-maid-nanny .live-in-why-choose, .hire-support, .hire-requirements {
        padding: 32px 0;
    }

    .hire-process h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .hire-steps {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .hire-steps li {
        min-height: 80px;
        font-size: 16px;
    }

    .hire-step-number {
        flex-basis: 44px;
        height: 44px;
        font-size: 22px;
    }

    .hire-steps li:not(:last-child)::after {
        right: auto;
        left: calc(50% - 5px);
        bottom: -18px;
        width: 10px;
        height: 10px;
        transform: rotate(135deg);
        border-width: 2px;
    }

    .hire-button-wrap {
        margin-top: 30px;
    }

    .hire-maid-nanny .live-in-benefits-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .hire-maid-nanny .live-in-benefit-card {
        min-height: 82px;
        padding: 16px 20px;
        gap: 24px;
    }

    .hire-maid-nanny .live-in-benefit-card p {
        font-size: 15px;
    }

    .hire-support-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .hire-support-copy {
        font-size: 15px;
    }

    .hire-support-copy .live-in-whatsapp-btn {
        display: flex;
        width: fit-content;
        margin-inline: auto;
    }

    .hire-requirement-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .hire-requirement-card {
        min-height: 82px;
        padding: 16px 20px;
    }

    .hire-requirement-card img {
        width: 44px;
        height: 44px;
    }

    .hire-maid-nanny .live-in-faq-section {
        padding: 32px 0 36px;
    }

    .hire-maid-nanny .live-in-faq-button {
        font-size: 14px;
        height: auto;
        min-height: 60px;
    }

    .hire-maid-nanny .live-in-faq-answer {
        font-size: 13px;
        line-height: 1.6;
    }

    .hire-ready h2 {
        font-size: 23px;
    }

    .hire-ready p {
        font-size: 14px;
    }
}

/* Keep shared desktop grids within this page's already constrained container. */
.hire-maid-nanny .live-in-benefits-grid,
.hire-maid-nanny .live-in-faq-accordion {
    width: 100%;
    max-width: none;
}

.hire-maid-nanny .live-in-faq-section {
    height: auto;
}

.hire-maid-nanny .live-in-faq-title {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
}

.hire-maid-nanny .live-in-benefit-card {
    height: auto;
}

@media (min-width: 1200px) {
    .hire-maid-nanny .live-in-benefit-card {
        padding-inline: clamp(20px, 1.67vw, 32px);
        gap: clamp(18px, 1.56vw, 30px);
    }

    .hire-maid-nanny .live-in-benefit-card p {
        font-size: clamp(14px, .89vw, 17px);
    }

    .hire-maid-nanny .live-in-benefit-card:first-child p {
        white-space: nowrap;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .hire-maid-nanny .live-in-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hire-maid-nanny .live-in-benefit-card:first-child p {
        white-space: nowrap;
    }
}

@media (max-width: 767.98px) {
    .hire-maid-nanny .live-in-faq-title {
        font-size: 28px;
    }

    .hire-maid-nanny .live-in-benefit-card:first-child p {
        white-space: nowrap;
        font-size: clamp(12px, 3.8vw, 15px);
    }
}

/* Explicit line breaks from the recruitment design. */
.hire-text-line {
    display: block;
    white-space: nowrap;
}

.hire-nowrap {
    white-space: nowrap;
}

@media (min-width: 1101px) and (max-width: 1599.98px) {
    .hire-steps li {
        padding-inline: 10px;
        gap: 10px;
        font-size: 12px;
    }

    .hire-step-number {
        flex-basis: 40px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .hire-steps li {
        gap: 14px;
        padding-inline: 14px;
        font-size: clamp(12px, 3.6vw, 16px);
    }
}
/* Caregiver content extensions, using the copied landing-page brand palette. */
.caregiver-page .hire-hero {
    /* Fade only the background, with the strongest lightening behind the copy. */
    background:
        linear-gradient(90deg, rgba(245, 247, 247, 0.94) 0%, rgba(245, 247, 247, 0.85) 45%, rgba(245, 247, 247, 0.45) 100%),
        #f5f7f7 url('../../../images/v2/caregivers/caregiver_bg_hero.webp') center / cover no-repeat;
}
/* Same layered hero as maid/nanny, positioned for the caregiver portrait. */
.caregiver-page .hire-foreground {
    right: 6.67%;
}
/* Let the longer caregiver copy determine the hero height without clipping its CTA. */
@media (min-width: 768px) {
    .caregiver-page .hire-hero-inner {
        height: auto;
        min-height: 733px;
        padding-block: 190px 48px;
    }
    .caregiver-page .hire-hero-copy {
        position: relative;
        top: auto;
    }
}
@media (min-width: 768px) and (max-width: 1599.98px) {
    .caregiver-page .hire-hero-inner {
        min-height: 580px;
        padding-block: 150px 40px;
    }
}
@media (min-width: 768px) and (max-width: 1100px) {
    .caregiver-page .hire-foreground { right: 0; height: 440px; }
}
@media (max-width: 767.98px) {
    .caregiver-page .hire-foreground { right: auto; }
}
.caregiver-page .hire-hero-copy h1 { font-size:clamp(32px,3.8vw,54px); line-height:1.12; margin-bottom:24px; }
.caregiver-page .hire-hero-copy h2 { font-size:19px; line-height:1.65; margin-bottom:24px; }
.caregiver-page .hire-hero-copy p { margin-bottom:24px; }
.caregiver-page .hire-hero-copy del { font-size:18px; color:#596b78; }
.caregiver-page .hire-hero-copy strong { font-size:34px; }
.caregiver-page .hire-hero-copy strong span { font-size:18px; }
.caregiver-page .hire-hero-copy small { font-size:16px; }
.care-section { padding:64px 0; }
.care-packages-section { background:#ffffff; }
.care-scope { background:#dee3e7; }
.care-service-section { background:#dee3e7; }
.care-eyebrow { text-align:center; text-transform:uppercase; letter-spacing:2px; color:#42677e; font-size:13px; font-weight:700; margin-bottom:12px; }
.caregiver-page .live-in-section-title { margin-bottom:24px; }
.care-intro { max-width:780px; text-align:center; margin:0 auto 32px; line-height:1.7; color:#475b68; }
.care-scope-grid,.care-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.care-scope-card,.care-package,.care-category,.care-enquiry { border:1px solid #b3c2cc; border-radius:12px; background:white; padding:30px; }
.care-scope-card h3,.care-package h3,.care-category h3,.care-enquiry h3,.care-daily h3 { font-size:22px; color:#0e3c61; font-weight:650; }
.care-scope-card h3 { padding-bottom:16px; border-bottom:1px solid #dae2e6; }
.care-scope-card ul { list-style:none; padding:0; margin:0; }
.care-scope-card li { padding:8px 0 8px 28px; position:relative; }
.care-scope-card li:before { content:'✓'; position:absolute; left:0; color:#238252; font-weight:700; }
.care-scope-card.limited { background:#f4f0ed; }
.care-scope-card.limited li:before { content:'×'; color:#946452; }
.care-details { background:white; border:1px solid #b3c2cc; border-radius:8px; margin-top:18px; padding:0 24px; }
.care-details summary { padding:22px 0; font-size:18px; color:#0e3c61; font-weight:600; cursor:pointer; }
.care-details summary:focus-visible { outline:3px solid #0e3c61; outline-offset:3px; }
.care-detail-grid { column-count:2; column-gap:24px; padding:12px 0 0; }
.care-detail-grid > div { break-inside:avoid; margin-bottom:24px; }
.care-detail-grid h4 { font-size:18px; color:#0e3c61; }
.care-detail-grid ul { padding-left:20px; }
.care-detail-grid li { margin-bottom:8px; line-height:1.6; }
.caregiver-page .hire-process h2 { margin-bottom:12px; }
.caregiver-page .hire-process h3 { text-align:center; font-size:20px; margin-bottom:32px; color:#42677e; }
.caregiver-page .hire-steps li { font-size:15px; line-height:1.5; }
.care-package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.care-package { display:flex; flex-direction:column; align-items:flex-start; background:#e5ebee; }
.caregiver-page a.hire-logo { display:block; }
.caregiver-page a.hire-logo img { display:block; width:100%; height:auto; }
.care-badge { background:#ED7625; color:white; border-radius:24px; padding:6px 14px; font-size:13px; margin-bottom:22px; }
.care-package h3 { min-height:60px; }
.care-package>p { color:#546573; font-size:14px; }
.care-package .care-price { color:#0e3c61; font-size:34px; font-weight:700; margin-bottom:24px; }
.care-price small { display:block; font-size:13px; font-weight:400; }
.care-price span { font-size:15px; font-weight:400; }
.caregiver-page .care-package .live-in-whatsapp-btn { margin-top:auto; width:100%; min-width:0; font-size:17px; }
.care-daily { margin-top:26px; display:flex; gap:32px; align-items:center; justify-content:space-between; background:#e5ebee; border-radius:12px; padding:32px; }
.care-daily p { margin-bottom:8px; }
.care-daily a { flex-shrink:0; }
.care-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.care-category i,.care-enquiry>i { display:block; color:#42677e; font-size:32px; margin-bottom:18px; }
.care-category p { color:#475b68; line-height:1.7; margin-bottom:0; }
.care-service-grid { align-items:center; gap:64px; }
.care-service-grid .care-eyebrow { text-align:left; }
.care-service-grid h2 { font-size:32px; margin-bottom:24px; }
.care-service-grid p { line-height:1.75; }
.care-service-description { max-width:960px; text-align:center; }
.care-service-description p { color:#475b68; line-height:1.75; margin-bottom:16px; }
.care-service-description p:last-child { margin-bottom:0; }
.care-enquiry { background:#e5ebee; }
@media(max-width:1000px) {
.care-package-grid { grid-template-columns:1fr; }
.care-package h3 { min-height:0; }
.care-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.care-daily { align-items:flex-start; flex-direction:column; }
.care-service-grid { gap:28px; }
}
@media(max-width:767.98px) {
.caregiver-page .hire-hero-copy h2 { font-size:16px; }
.care-section { padding:40px 0; }
.care-service-section { margin-bottom:24px; }
.care-scope-grid,.care-service-grid,.care-detail-grid,.care-category-grid { grid-template-columns:1fr; }
.care-scope-card,.care-package,.care-category,.care-enquiry,.care-daily { padding:24px; }
.care-details { padding:0 18px; }
.care-details summary { font-size:16px; }
.care-service-grid h2 { font-size:26px; }
}

/* Care categories reuse the package-inclusions image and checklist layout. */
.care-categories-section { padding: 32px 0 36px; }
.care-categories-section .tv2-included-title { margin-bottom: 24px; }
.care-categories-section .tv2-included-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 60px;
}
.care-categories-section .tv2-included-picture { display: block; min-width: 0; }
.care-categories-section .tv2-included-image {
    width: 100%;
    height: 360px;
    object-fit: contain;
}
.care-categories-intro { margin: 0 0 24px; line-height: 1.6; color: #475b68; }
.care-categories-section .tv2-included-list h3 { margin: 0 0 5px; font-size: 18px; color: #0e3c61; font-weight: 600; }
.care-categories-section .tv2-included-list p { margin: 0; font-size: 15px; line-height: 1.6; color: #475b68; }
.care-categories-section .tv2-included-button { margin-top: 28px; }
@media (max-width: 1000px) {
    .care-categories-section .tv2-included-wrap { gap: 30px; }
    .care-categories-section .tv2-included-image { height: 340px; }
}
@media (max-width: 767.98px) {
    .care-categories-section { padding: 24px 0 28px; }
    .care-categories-section .tv2-included-title { margin-bottom: 16px; }
    .care-categories-section .tv2-included-wrap { grid-template-columns: 1fr; gap: 28px; }
    .care-categories-section .tv2-included-image { height: 280px; }
    .care-categories-section .tv2-included-content { width: 100%; padding: 0; }
}

/* Shared list flow avoids empty grid rows in both popup and expandable versions. */
.care-scope-popup-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px; }
.care-scope-popup-button { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; text-align:left; padding:22px 24px; border:2px solid #0e3c61; border-radius:10px; background:#eef4f7; color:#0e3c61; font:inherit; font-size:18px; font-weight:600; cursor:pointer; box-shadow:0 3px 0 #0e3c6126; transition:background-color .18s, color .18s, box-shadow .18s; }
.care-scope-popup-button small { display:block; margin-top:7px; font-size:13px; font-weight:400; }
.care-scope-popup-button > i { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:50%; background:#0e3c61; color:white; font-size:20px; }
.care-scope-popup-button:hover,.care-scope-popup-button:focus-visible { background:#0e3c61; color:white; box-shadow:0 5px 12px #0e3c6126; }
.care-scope-popup-button:hover > i,.care-scope-popup-button:focus-visible > i { background:white; color:#0e3c61; }
.care-scope-popup-button:active { box-shadow:none; }
@media (prefers-reduced-motion:reduce) { .care-scope-popup-button { transition:none; } }
.care-scope-modal .modal-content { border:0; border-radius:16px; overflow:hidden; }
.care-scope-modal .modal-header { padding:24px 28px; background:#e5ebee; gap:20px; }
.care-scope-modal .modal-title { font-size:24px; line-height:1.3; }
.care-scope-modal .modal-body { padding:24px 28px; }
.care-scope-modal .care-detail-grid > div { padding:20px; border:1px solid #dae2e6; border-radius:10px; background:#f7f9fa; }
.care-scope-modal .care-detail-grid h4 { font-weight:650; margin-bottom:14px; }
.care-scope-modal .care-detail-grid ul { margin-bottom:0; }
.care-scope-modal .care-detail-grid li:last-child { margin-bottom:0; }
.care-scope-modal .modal-footer { padding:14px 28px; }
.care-modal-close { border:0; border-radius:24px; padding:10px 28px; background:#0e3c61; color:white; font:inherit; }
@media(max-width:767.98px) {
    .care-detail-grid { column-count:1; }
    .care-scope-popup-actions { grid-template-columns:1fr; gap:12px; }
    .care-scope-popup-button { padding:18px; font-size:16px; }
    .care-scope-modal .modal-header,.care-scope-modal .modal-body { padding:20px 16px; }
    .care-scope-modal .modal-title { font-size:20px; }
    .care-scope-modal .care-detail-grid > div { padding:16px; }
}