/*
=========================================================
DISHA RECRUITMENT
RECEPTIONIST & FRONT OFFICE RECRUITMENT
CLEAN COMMERCIAL CSS — VERSION 6.0
Purpose:
• Employer-first commercial recruitment page
• Compact premium presentation
• Uses recruitment-page design language selectively
• No header / navigation / footer styling
• Normal readable content: minimum 12px
=========================================================
*/

/* =========================================================
RXR-02 — COMPACT INTENT STRIP
========================================================= */
.rxr-intent-strip{
    padding:12px 0;
    background:#fff;
    border-bottom:1px solid #E5ECF3;
}
.rxr-intent-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:9px;
}
.rxr-intent-grid>div{
    padding:10px 12px;
    border:1px solid #D9E5F0;
    border-radius:8px;
    background:#FAFCFE;
}
.rxr-intent-grid strong{
    display:block;
    margin-bottom:3px;
    color:var(--blue);
    font-size:12.5px;
    line-height:1.25;
}
.rxr-intent-grid span{
    display:block;
    color:#687B8F;
    font-size:12px;
    line-height:1.42;
}

/* =========================================================
RXR-03 — SECTION SYSTEM
========================================================= */
.roles-card-section,
.receptionist-requirements-section,
.qualities-section,
.support-section,
.receptionist-local-section,
.framework-section,
.faq-section,
.receptionist-related-section{
    padding:34px 0;
}
.roles-card-section,
.qualities-section,
.receptionist-local-section,
.faq-section{
    background:#F5F9FE;
}
.section-title{
    max-width:850px;
    margin:0 auto 19px;
    text-align:center;
}
.section-kicker{
    display:block;
    margin:0 0 6px;
    color:var(--green-dark);
    font-size:10px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.section-title h2{
    margin:0;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:25px;
    line-height:1.22;
    letter-spacing:-.15px;
}
.section-title p,
.section-intro{
    max-width:790px;
    margin:7px auto 0;
    color:#667A90;
    font-size:12.5px;
    line-height:1.55;
}
.title-line{
    width:38px;
    height:3px;
    margin:8px auto 0;
    border-radius:3px;
    background:var(--green);
}

/* =========================================================
RXR-04 — ROLES
========================================================= */
.roles-master-card{
    max-width:980px;
    margin:0 auto;
    padding:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 12px;
}
.roles-column{
    display:grid;
    gap:9px;
}
.role-item{
    position:relative;
    padding:12px 14px 12px 34px;
    border:1px solid #D8E5F0;
    border-top:2px solid var(--blue);
    border-radius:9px;
    background:#fff;
    color:#243E59;
    font-size:13px;
    line-height:1.4;
    font-weight:700;
    box-shadow:0 3px 10px rgba(18,60,105,.035);
}
.role-item::before{
    content:"✓";
    position:absolute;
    left:13px;
    top:50%;
    transform:translateY(-50%);
    color:var(--green);
    font-weight:800;
}

/* =========================================================
RXR-05 — EMPLOYER REQUIREMENTS
========================================================= */
.receptionist-requirements-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
.receptionist-requirement-card{
    padding:14px;
    border:1px solid #D9E5EF;
    border-top:2px solid var(--green);
    border-radius:9px;
    background:#fff;
    box-shadow:0 3px 12px rgba(18,60,105,.035);
}
.receptionist-requirement-card>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    margin-bottom:7px;
    border-radius:7px;
    background:#ECF7EF;
    color:var(--green-dark);
    font-size:13px;
}
.receptionist-requirement-card h3{
    margin:0 0 5px;
    color:#243E59;
    font-family:"Poppins",Arial,sans-serif;
    font-size:14px;
    line-height:1.3;
}
.receptionist-requirement-card p{
    margin:0;
    color:#687B8F;
    font-size:12px;
    line-height:1.5;
}

/* =========================================================
RXR-06 — QUALITIES / ORGANISATIONS
========================================================= */
.qualities-master-card,
.support-master-card{
    max-width:980px;
    margin:0 auto;
    padding:17px;
    border:1px solid #D9E5EF;
    border-radius:11px;
    background:#fff;
    box-shadow:0 4px 14px rgba(18,60,105,.04);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.qualities-column,
.support-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 16px;
}
.quality-item,
.support-item{
    position:relative;
    padding:8px 8px 8px 22px;
    color:#334D68;
    font-size:12.5px;
    line-height:1.4;
    font-weight:600;
}
.quality-item::before,
.support-item::before{
    content:"✓";
    position:absolute;
    left:2px;
    color:var(--green);
    font-weight:800;
}
.featured-support{
    color:var(--blue);
}

/* =========================================================
RXR-07 — LOCAL MARKET
========================================================= */
.receptionist-local-card{
    max-width:980px;
    margin:0 auto;
    padding:20px;
    border:1px solid #CFE0EF;
    border-left:3px solid var(--green);
    border-radius:11px;
    background:#fff;
    box-shadow:0 4px 14px rgba(18,60,105,.04);
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:22px;
    align-items:center;
}
.receptionist-local-copy h2{
    margin:0 0 8px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:23px;
    line-height:1.25;
}
.receptionist-local-copy p{
    margin:0 0 7px;
    color:#667A90;
    font-size:12.5px;
    line-height:1.52;
}
.receptionist-local-copy p:last-child{margin-bottom:0;}
.receptionist-local-points{
    margin:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.receptionist-local-points>div{
    padding:11px;
    border:1px solid #DFE9F2;
    border-radius:8px;
    background:#FAFCFE;
}
.receptionist-local-points i{
    display:block;
    margin-bottom:5px;
    color:var(--green);
    font-size:14px;
}
.receptionist-local-points strong{
    display:block;
    margin-bottom:3px;
    color:var(--blue);
    font-size:12.5px;
    line-height:1.3;
}
.receptionist-local-points span{
    display:block;
    color:#687B8F;
    font-size:12px;
    line-height:1.42;
}

/* =========================================================
RXR-08 — MARKET / SALARY
========================================================= */
.rxr-market-section{
    padding:34px 0;
    background:#F1F8F4;
    border-top:1px solid #E0ECE5;
    border-bottom:1px solid #E0ECE5;
}
.rxr-market-grid{
    max-width:980px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
}
.rxr-market-card{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:11px;
    padding:15px;
    border:1px solid #D5E5DC;
    border-radius:10px;
    background:#fff;
}
.rxr-market-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#EEF4FF;
    color:var(--blue);
    font-size:17px;
}
.rxr-market-icon.green{
    background:#ECF7EF;
    color:var(--green-dark);
}
.rxr-market-card strong{
    display:block;
    margin-bottom:5px;
    color:#263D54;
    font-family:"Poppins",Arial,sans-serif;
    font-size:15px;
    line-height:1.3;
}
.rxr-market-card p{
    margin:0 0 5px;
    color:#61758A;
    font-size:12.5px;
    line-height:1.52;
}
.rxr-market-card small{
    display:block;
    color:#718397;
    font-size:12px;
    line-height:1.42;
}
.rxr-tip{
    max-width:980px;
    margin:10px auto 0;
    padding:10px 13px;
    border-left:3px solid var(--green);
    border-radius:7px;
    background:#F8FCF9;
    color:#5D7185;
    font-size:12px;
    line-height:1.48;
}
.rxr-tip strong{
    color:var(--green-dark);
    margin-right:7px;
}

/* =========================================================
RXR-08A — EARLY EMPLOYER HIRING GUIDE
VERSION 4.4
========================================================= */
.rxr-guide-bridge{
    padding:18px 0;
    background:#F7FBF8;
    border-top:1px solid #E4EFE8;
    border-bottom:1px solid #E4EFE8;
}
.rxr-guide-bridge-inner{
    max-width:980px;
    margin:0 auto;
    padding:15px 18px;
    border:1px solid #D7E7DC;
    border-left:3px solid var(--green);
    border-radius:10px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}
.rxr-guide-bridge-copy{
    min-width:0;
}
.rxr-guide-bridge-copy .section-kicker{
    margin-bottom:4px;
}
.rxr-guide-bridge-copy h2{
    margin:0 0 4px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:19px;
    line-height:1.25;
}
.rxr-guide-bridge-copy p{
    max-width:690px;
    margin:0;
    color:#667A90;
    font-size:12.5px;
    line-height:1.5;
}
.rxr-guide-bridge-link{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:10px 13px;
    border:1px solid #C9DCEB;
    border-radius:8px;
    background:#F7FBFF;
    color:var(--blue);
    font-size:12px;
    line-height:1.3;
    font-weight:800;
    text-decoration:none;
}
.rxr-guide-bridge-link:hover{
    border-color:var(--green);
    color:var(--green-dark);
    background:#F7FBF8;
}
.rxr-guide-bridge-link span{
    color:var(--green-dark);
    font-size:15px;
}

/* =========================================================
RXR-09 — WARNING
========================================================= */
.rxr-warning-section{
    padding:13px 0 0;
    background:#fff;
}
.rxr-warning{
    max-width:980px;
    margin:0 auto;
    padding:10px 13px;
    border-left:3px solid #E1A500;
    border-radius:7px;
    background:#FFF9E9;
    color:#6C6870;
    font-size:12px;
    line-height:1.48;
}
.rxr-warning strong{
    color:#946D00;
    margin-right:6px;
}

/* =========================================================
RXR-10 — EVALUATION FRAMEWORK
========================================================= */
.framework-card{
    max-width:980px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid #D9E5EF;
    border-radius:11px;
    background:#fff;
    box-shadow:0 4px 14px rgba(18,60,105,.04);
}
.framework-layout{
    display:grid;
    grid-template-columns:1.55fr .75fr;
    gap:20px;
    padding:17px;
    align-items:start;
}
.framework-left{
    display:flex;
    flex-direction:column;
}
.framework-row{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:9px 0;
    border-bottom:1px solid #EAF0F5;
}
.framework-row:last-child{border-bottom:0;}
.framework-icon{
    width:31px;
    height:31px;
    flex:0 0 31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#EEF5FF;
    color:var(--blue);
    font-size:13px;
}
.framework-content h3{
    margin:0 0 3px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:13.5px;
    line-height:1.3;
}
.framework-content p{
    margin:0;
    color:#667A90;
    font-size:12px;
    line-height:1.48;
}
.framework-right{
    display:flex;
    align-items:center;
    justify-content:center;
}
.framework-image-card{
    width:100%;
    max-width:240px;
    aspect-ratio:4 / 3;
    overflow:hidden;
    border-radius:9px;
}
.framework-image-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:9px;
}

/* =========================================================
RXR-11 — FAQ
========================================================= */
.faq-header{margin-bottom:18px;}
.faq-wrapper{
    max-width:850px;
    margin:0 auto;
}
.faq-item{
    margin:0 0 7px;
    overflow:hidden;
    border:1px solid #DCE6EF;
    border-radius:8px;
    background:#fff;
}
.faq-item summary{
    position:relative;
    padding:11px 42px 11px 14px;
    cursor:pointer;
    list-style:none;
    color:var(--blue);
    font-size:13px;
    line-height:1.4;
    font-weight:700;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
    content:"+";
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    color:var(--green);
    font-size:18px;
    font-weight:800;
}
.faq-item[open] summary::after{content:"−";}
.faq-item p{
    margin:0;
    padding:0 14px 13px;
    color:#667A90;
    font-size:12px;
    line-height:1.55;
}

/* =========================================================
RXR-12 — RELATED RESOURCES
========================================================= */
.receptionist-related-grid{
    max-width:980px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
}
.receptionist-related-grid a{
    min-height:82px;
    display:grid;
    grid-template-columns:27px 1fr 12px;
    gap:8px;
    align-items:center;
    padding:11px;
    border:1px solid #D9E5EF;
    border-top:2px solid var(--blue);
    border-radius:9px;
    background:#fff;
    box-shadow:0 3px 10px rgba(18,60,105,.035);
}
.receptionist-related-grid a:hover{
    border-top-color:var(--green);
    transform:translateY(-1px);
}
.receptionist-related-grid>a>i{
    color:var(--green);
    font-size:14px;
}
.receptionist-related-grid span{display:block;min-width:0;}
.receptionist-related-grid strong{
    display:block;
    margin-bottom:3px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:12.5px;
    line-height:1.3;
}
.receptionist-related-grid small{
    display:block;
    color:#6B7E91;
    font-size:12px;
    line-height:1.4;
}
.receptionist-related-grid b{
    color:var(--green-dark);
    font-size:14px;
}

/* =========================================================
RXR-13 — FINAL CTA
========================================================= */
.receptionist-final-cta{
    padding:32px 0;
    background:linear-gradient(135deg,#0B4F9C,#083B77);
    color:#fff;
    text-align:center;
}
.receptionist-final-cta h2{
    margin:0;
    color:#fff;
    font-family:"Poppins",Arial,sans-serif;
    font-size:27px;
    line-height:1.25;
}
.receptionist-final-cta p{
    max-width:760px;
    margin:7px auto 0;
    color:#E6F0FA;
    font-size:12.5px;
    line-height:1.55;
}
.receptionist-final-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:14px;
}
.receptionist-phone-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#fff;
    font-size:12.5px;
    font-weight:700;
}

/* =========================================================
RXR-14 — RESPONSIVE
========================================================= */
@media(max-width:1000px){
    .receptionist-requirements-grid{grid-template-columns:repeat(2,1fr);}
    .receptionist-related-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:800px){
    .rxr-intent-grid{grid-template-columns:repeat(2,1fr);}
    .qualities-master-card,
    .support-master-card,
    .receptionist-local-card,
    .framework-layout,
    .rxr-market-grid{grid-template-columns:1fr;}
    .rxr-guide-bridge-inner{align-items:flex-start;}
    .receptionist-related-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:650px){
    .rxr-intent-grid,
    .receptionist-requirements-grid,
    .roles-master-card,
    .qualities-master-card,
    .support-master-card,
    .receptionist-related-grid{grid-template-columns:1fr;}
    .qualities-column,
    .support-column,
    .receptionist-local-points{grid-template-columns:1fr 1fr;}
    .rxr-guide-bridge{padding:14px 0;}
    .rxr-guide-bridge-inner{display:block;padding:14px;}
    .rxr-guide-bridge-copy h2{font-size:18px;}
    .rxr-guide-bridge-link{margin-top:11px;width:100%;justify-content:center;text-align:center;}
    .roles-card-section,
    .receptionist-requirements-section,
    .qualities-section,
    .support-section,
    .receptionist-local-section,
    .framework-section,
    .faq-section,
    .receptionist-related-section,
    .rxr-market-section{padding:28px 0;}
    .section-title h2{font-size:22px;}
    .receptionist-local-copy h2{font-size:21px;}
}
@media(max-width:480px){
    .qualities-column,
    .support-column,
    .receptionist-local-points{grid-template-columns:1fr;}
    .receptionist-final-cta h2{font-size:23px;}
}

/* =========================================================
RXR-01 — ISOLATED RECEPTIONIST HERO V1

The legacy .office-hero-* selectors have intentionally been retired.
This hero uses unique rxhero-v1-* class names so it cannot collide with
older Receptionist page CSS or shared recruitment-page selectors.
========================================================= */

.rxhero-v1{
    padding:32px 0 30px;
    background:#F2F7FD;
    border-bottom:1px solid #E2EBF4;
}

.rxhero-v1-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,455px);
    gap:38px;
    align-items:start;
}

.rxhero-v1-copy{
    min-width:0;
    max-width:720px;
}

.rxhero-v1-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0 0 11px;
    padding:6px 10px;
    border-radius:999px;
    background:#EAF5EE;
    color:#107631;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.rxhero-v1-copy h1{
    margin:0 0 11px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:38px;
    line-height:1.12;
    letter-spacing:-.4px;
    font-weight:700;
}

.rxhero-v1-copy h1 span{
    display:block;
}

.rxhero-v1-lead{
    max-width:700px;
    margin:0 0 10px;
    color:#314E6C;
    font-size:16px;
    line-height:1.55;
}

.rxhero-v1-lead strong{
    color:#315477;
    font-weight:700;
}

.rxhero-v1-body{
    max-width:700px;
    margin:0;
    color:#536A82;
    font-size:15px;
    line-height:1.58;
}

.rxhero-v1-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:14px;
}

.rxhero-v1-actions .btn{
    min-height:44px;
    font-size:15px;
}

.rxhero-v1-guide{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 15px;
    border:1px solid #BFD4E8;
    border-radius:8px;
    background:#fff;
    color:var(--blue);
    font-size:13px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
}

.rxhero-v1-guide:hover{
    border-color:var(--green);
    color:var(--green-dark);
}

.rxhero-v1-proof{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:11px;
}

.rxhero-v1-proof span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 9px;
    border:1px solid #D7E4EF;
    border-radius:7px;
    background:#fff;
    color:#526A82;
    font-size:12px;
    line-height:1.25;
    font-weight:700;
}

.rxhero-v1-visual{
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    min-width:0;
}

.rxhero-v1-image-card{
    width:100%;
    max-width:455px;
    overflow:hidden;
    border:1px solid #D5E3EF;
    border-radius:14px;
    background:#fff;
    box-shadow:0 8px 22px rgba(18,60,105,.08);
}

.rxhero-v1-image-card img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
}

/* Keep the new hero side-by-side through normal desktop/tablet widths. */
@media(max-width:1050px){
    .rxhero-v1-grid{
        grid-template-columns:minmax(0,1fr) 390px;
        gap:28px;
    }

    .rxhero-v1-copy h1{
        font-size:34px;
    }

    .rxhero-v1-image-card{
        max-width:390px;
    }
}

@media(max-width:850px){
    .rxhero-v1-grid{
        grid-template-columns:minmax(0,1fr) 350px;
        gap:22px;
    }

    .rxhero-v1-image-card{
        max-width:350px;
    }
}

/* Only genuinely narrow screens stack the new hero. */
@media(max-width:700px){
    .rxhero-v1-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .rxhero-v1-copy h1{
        font-size:30px;
    }

    .rxhero-v1-visual{
        justify-content:flex-start;
    }

    .rxhero-v1-image-card{
        max-width:330px;
    }
}

@media(max-width:480px){
    .rxhero-v1{
        padding:26px 0;
    }

    .rxhero-v1-copy h1{
        font-size:28px;
    }

    .rxhero-v1-lead{
        font-size:15px;
    }

    .rxhero-v1-body{
        font-size:14px;
    }

    .rxhero-v1-actions{
        align-items:stretch;
    }

    .rxhero-v1-actions .btn,
    .rxhero-v1-guide{
        width:100%;
        text-align:center;
    }
}

/* =========================================================
VERSION 4.4 FINAL NOTES
• Uses global-new.css as the shared foundation.
• Uses recruitment-pages.css for shared recruitment components.
• Receptionist hero is isolated under rxhero-v1-* selectors.
• No legacy .office-hero-* selectors are used by the page.
• No forced-priority hero override is required.
========================================================= */


/* =========================================================
RXHERO-V1 — PRODUCTION HERO
Clean replacement for the legacy .office-hero system.
Unique rxhero-v1-* class names intentionally isolate this hero.
========================================================= */

.rxhero-v1{
    padding:32px 0 30px;
    background:#F2F7FD;
    border-bottom:1px solid #E2EBF4;
}

.rxhero-v1-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,455px);
    gap:38px;
    align-items:start;
}

.rxhero-v1-copy{
    min-width:0;
    max-width:720px;
}

.rxhero-v1-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0 0 11px;
    padding:6px 10px;
    border-radius:999px;
    background:#EAF5EE;
    color:#107631;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.rxhero-v1-eyebrow i{
    font-size:10px;
}

.rxhero-v1-copy h1{
    margin:0 0 11px;
    color:var(--blue);
    font-family:"Poppins",Arial,sans-serif;
    font-size:38px;
    line-height:1.12;
    letter-spacing:-.4px;
    font-weight:700;
}

.rxhero-v1-copy h1 span{
    display:block;
}

.rxhero-v1-lead{
    max-width:700px;
    margin:0 0 10px;
    color:#314E6C;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:16px;
    line-height:1.55;
}

.rxhero-v1-lead strong{
    color:#315477;
    font-weight:700;
}

.rxhero-v1-body{
    max-width:700px;
    margin:0;
    color:#536A82;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:15px;
    line-height:1.58;
}

.rxhero-v1-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:14px;
}

.rxhero-v1-actions .btn{
    min-height:44px;
    font-size:15px;
}

.rxhero-v1-guide{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 15px;
    border:1px solid #BFD4E8;
    border-radius:8px;
    background:#FFFFFF;
    color:var(--blue);
    font-family:"Open Sans",Arial,sans-serif;
    font-size:13px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
}

.rxhero-v1-guide:hover{
    border-color:var(--green);
    color:var(--green-dark);
}

.rxhero-v1-proof{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:11px;
}

.rxhero-v1-proof span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 9px;
    border:1px solid #D7E4EF;
    border-radius:7px;
    background:#FFFFFF;
    color:#526A82;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:12px;
    line-height:1.25;
    font-weight:700;
}

.rxhero-v1-visual{
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    min-width:0;
}

.rxhero-v1-image-card{
    width:100%;
    max-width:455px;
    padding:0;
    overflow:hidden;
    border:1px solid #D5E3EF;
    border-radius:14px;
    background:#FFFFFF;
    box-shadow:0 8px 22px rgba(18,60,105,.08);
}

.rxhero-v1-image-card img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
}

@media (max-width:1050px){
    .rxhero-v1-grid{
        grid-template-columns:minmax(0,1fr) 390px;
        gap:28px;
    }

    .rxhero-v1-copy h1{
        font-size:34px;
    }

    .rxhero-v1-image-card{
        max-width:390px;
    }
}

@media (max-width:850px){
    .rxhero-v1-grid{
        grid-template-columns:minmax(0,1fr) 350px;
        gap:22px;
    }

    .rxhero-v1-image-card{
        max-width:350px;
    }
}

/* Keep the two-column hero until a genuinely narrow mobile viewport. */
@media (max-width:700px){
    .rxhero-v1-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .rxhero-v1-copy h1{
        font-size:30px;
    }

    .rxhero-v1-visual{
        justify-content:flex-start;
    }

    .rxhero-v1-image-card{
        max-width:330px;
    }
}

@media (max-width:480px){
    .rxhero-v1{
        padding:26px 0;
    }

    .rxhero-v1-copy h1{
        font-size:28px;
    }

    .rxhero-v1-lead{
        font-size:15px;
    }

    .rxhero-v1-body{
        font-size:14px;
    }

    .rxhero-v1-actions{
        align-items:stretch;
    }

    .rxhero-v1-actions .btn,
    .rxhero-v1-guide{
        width:100%;
        text-align:center;
    }
}

/* =========================================================
END — RXHERO-V1 PRODUCTION HERO
========================================================= */