/* ==========================================================
DISHA Recruitment
Accounts – Admin Executive Current Opening
Page-specific CSS

Design basis:
Doctor Hiring Guide / guide.css

Only new page-specific components are defined here.
========================================================== */


/* ==========================================================
SECTION 03
CURRENT OPENING HERO
========================================================== */

.accounts-opening-hero .guide-left{
    max-width:720px;
}

.accounts-opening-snapshot{
    margin-top:2px;
}

.accounts-opening-snapshot-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 24px;
}

.accounts-opening-snapshot-grid > div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.accounts-opening-snapshot-grid span{
    color:#6B7888;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.accounts-opening-snapshot-grid strong{
    color:#233243;
    font-size:.97rem;
    line-height:1.45;
}


/* ==========================================================
SECTION 04
OPENING DETAILS
========================================================== */

.accounts-opening-framework .framework-card{
    min-height:275px;
}

.accounts-opening-framework .framework-card h3{
    margin-bottom:7px;
}

.accounts-opening-framework .framework-info{
    max-width:980px;
}

.accounts-opening-context{
    margin-top:24px;
}

.accounts-opening-transparency{
    margin-top:14px;
}


/* ==========================================================
SECTION 05
ROLE FIT
========================================================== */

.accounts-opening-fit{
    padding-top:34px;
    padding-bottom:28px;
}

.accounts-opening-fit .knowledge-box{
    min-height:300px;
}

.accounts-opening-warning{
    margin-top:20px;
}

.accounts-opening-tip{
    margin-top:16px;
}


/* ==========================================================
SECTION 06
CTA
========================================================== */

.accounts-opening-cta{
    padding:34px 0 36px;
}

.accounts-opening-cta p{
    max-width:780px;
    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
TABLET
========================================================== */

@media(max-width:900px){

    .accounts-opening-snapshot-grid{
        grid-template-columns:1fr;
    }

    .accounts-opening-framework .framework-card{
        min-height:auto;
    }

}


/* ==========================================================
MOBILE
========================================================== */

@media(max-width:768px){

    .accounts-opening-snapshot-grid{
        gap:12px;
    }

    .accounts-opening-fit .knowledge-box{
        min-height:auto;
    }

    .accounts-opening-cta{
        padding:30px 0;
    }

}