/*
=========================================================
DISHA RECRUITMENT
ADMINISTRATIVE EXECUTIVE RECRUITMENT
PAGE-SPECIFIC CSS — COMMERCIAL VERSION 7.0
File: administrative-executive-recruitment.css

Shared:
    global-new.css
    recruitment-pages.css

Design direction:
• Commercial employer intent
• Distinct presentation from Accounts / Insight pages
• Compact from the start
• Readable typography
• Practical Bangalore hiring information
• No footer redefinition
• Fully scoped .aex26- namespace
=========================================================
*/

/* =========================================================
AEX26-01 TOKENS
========================================================= */
:root{
    --aex26-blue:#0B4F9C;
    --aex26-blue-dark:#083F7B;
    --aex26-green:#2E9E44;
    --aex26-green-dark:#187C35;
    --aex26-ink:#263746;
    --aex26-text:#617285;
    --aex26-border:#D9E4EF;
    --aex26-soft:#F3F8FE;
    --aex26-green-soft:#F3FAF5;
    --aex26-amber:#A86A00;
    --aex26-amber-soft:#FFF8EA;
    --aex26-shadow:0 6px 18px rgba(15,55,95,.055);
}

/* =========================================================
AEX26-02 BREADCRUMB
========================================================= */
.aex26-breadcrumb{
    background:#fff;
    border-bottom:1px solid #E8EEF4;
}
.aex26-breadcrumb nav{
    min-height:34px;
    padding:8px 0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    color:#778696;
    font-size:11.5px;
    line-height:1.4;
}
.aex26-breadcrumb a{color:#4B73A0;text-decoration:none}
.aex26-breadcrumb a:hover{color:var(--aex26-green-dark);text-decoration:underline;text-underline-offset:3px}
.aex26-breadcrumb strong{color:#667687;font-weight:600}

/* =========================================================
AEX26-03 HERO
========================================================= */
.aex26-hero{
    padding:24px 0 24px;
    background:linear-gradient(105deg,#F2F7FD 0%,#F6FAFE 62%,#EDF6F0 100%);
    border-bottom:1px solid #E2EBF3;
}
.aex26-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
    gap:32px;
    align-items:center;
}
.aex26-hero-copy{min-width:0}
.aex26-eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin:0 0 10px;
    padding:6px 10px;
    border-radius:999px;
    background:#EAF5EE;
    color:var(--aex26-green-dark);
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    white-space:normal;
}
.aex26-hero h1{
    max-width:760px;
    margin:0 0 10px;
    color:var(--aex26-blue);
    font-family:"Poppins",sans-serif;
    font-size:40px;
    line-height:1.12;
    letter-spacing:-.55px;
}
.aex26-lead{
    max-width:720px;
    margin:0 0 9px;
    color:#405A73;
    font-size:16px;
    line-height:1.58;
}
.aex26-intro{
    max-width:720px;
    margin:0;
    color:var(--aex26-text);
    font-size:14px;
    line-height:1.58;
}
.aex26-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    margin-top:15px;
}
.aex26-actions .btn{min-height:41px;padding:10px 17px}
.aex26-guide-link{
    color:var(--aex26-blue);
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}
.aex26-guide-link:hover{text-decoration:underline;text-underline-offset:3px}
.aex26-proof{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:13px;
}
.aex26-proof span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:6px 8px;
    border:1px solid #D4E1EC;
    border-radius:7px;
    background:#fff;
    color:#50657A;
    font-size:10.8px;
    font-weight:700;
}
.aex26-proof i{color:var(--aex26-green)}
.aex26-hero-side{
    position:relative;
    width:100%;
    max-width:360px;
    justify-self:end;
}
.aex26-image-frame{
    overflow:hidden;
    border:1px solid #D4E1EC;
    border-radius:14px;
    background:#fff;
    box-shadow:var(--aex26-shadow);
}
.aex26-image-frame img{display:block;width:100%;height:auto}
.aex26-brief-card{
    position:relative;
    width:calc(100% - 36px);
    margin:-22px 18px 0;
    padding:11px 13px;
    border:1px solid #D5E4DD;
    border-left:4px solid var(--aex26-green);
    border-radius:9px;
    background:rgba(255,255,255,.97);
    box-shadow:0 6px 18px rgba(20,70,45,.07);
}
.aex26-brief-card span{
    display:block;
    margin-bottom:2px;
    color:var(--aex26-green-dark);
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}
.aex26-brief-card strong{
    display:block;
    color:var(--aex26-ink);
    font-family:"Poppins",sans-serif;
    font-size:13px;
}
.aex26-brief-card p{
    margin:3px 0 0;
    color:var(--aex26-text);
    font-size:10.8px;
    line-height:1.45;
}

/* =========================================================
AEX26-04 SECTION FRAME
========================================================= */
.aex26-section{padding:38px 0;background:#fff}
.aex26-section-soft{background:var(--aex26-soft)}
.aex26-heading{
    max-width:880px;
    margin:0 auto 20px;
    text-align:center;
}
.aex26-heading>span,
.aex26-related-head>span{
    display:block;
    margin-bottom:5px;
    color:var(--aex26-green-dark);
    font-size:9.8px;
    font-weight:800;
    letter-spacing:1.25px;
    text-transform:uppercase;
}
.aex26-heading h2,
.aex26-related-head h2{
    margin:0;
    color:var(--aex26-blue);
    font-family:"Poppins",sans-serif;
    font-size:27px;
    line-height:1.23;
    font-weight:700;
    letter-spacing:-.2px;
}
.aex26-heading p{
    max-width:780px;
    margin:7px auto 0;
    color:#6A7989;
    font-size:13.5px;
    line-height:1.55;
}

/* =========================================================
AEX26-05 ROLE SCOPE
========================================================= */
.aex26-scope-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:11px;
}
.aex26-scope-grid article{
    min-height:142px;
    padding:14px;
    border:1px solid var(--aex26-border);
    border-top:3px solid var(--aex26-blue);
    border-radius:9px;
    background:#fff;
    box-shadow:var(--aex26-shadow);
}
.aex26-scope-grid article:nth-child(even){border-top-color:var(--aex26-green)}
.aex26-icon{
    width:31px;
    height:31px;
    margin-bottom:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#EEF5FD;
    color:var(--aex26-blue);
    font-size:13px;
}
.aex26-scope-grid article:nth-child(even) .aex26-icon{background:#EEF8F0;color:var(--aex26-green-dark)}
.aex26-scope-grid h3,
.aex26-assess-card h3,
.aex26-market-card h3,
.aex26-mix h3,
.aex26-process h3{
    margin:0 0 5px;
    color:var(--aex26-blue);
    font-family:"Poppins",sans-serif;
    font-size:14px;
    line-height:1.35;
}
.aex26-scope-grid p,
.aex26-assess-card p,
.aex26-market-card p,
.aex26-mix p,
.aex26-process p{
    margin:0;
    color:var(--aex26-text);
    font-size:12px;
    line-height:1.52;
}
.aex26-tip{
    margin-top:12px;
    padding:10px 13px;
    border-left:3px solid var(--aex26-green);
    border-radius:7px;
    background:var(--aex26-green-soft);
    color:#607181;
    font-size:11.5px;
    line-height:1.5;
}
.aex26-tip strong{color:var(--aex26-green-dark)}
.aex26-tip i{margin-right:4px}

/* =========================================================
AEX26-06 ASSESSMENT
========================================================= */
.aex26-assess-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
.aex26-assess-card{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:10px;
    min-height:88px;
    padding:12px;
    border:1px solid var(--aex26-border);
    border-radius:9px;
    background:#fff;
}
.aex26-assess-card>span{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#EEF5FD;
    color:var(--aex26-blue);
    font-size:9px;
    font-weight:800;
}
.aex26-assess-card.aex26-green>span{background:#EEF8F0;color:var(--aex26-green-dark)}
.aex26-assess-card h3{font-size:13.5px;margin-bottom:4px}
.aex26-assess-card p{font-size:11.5px;line-height:1.48}
.aex26-evidence{
    display:grid;
    grid-template-columns:minmax(230px,.7fr) 1.3fr;
    gap:14px;
    margin-top:12px;
    padding:12px 14px;
    border:1px solid #D8E5F0;
    border-left:3px solid var(--aex26-blue);
    border-radius:8px;
    background:#FAFCFE;
}
.aex26-evidence span{
    display:block;
    color:var(--aex26-green-dark);
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}
.aex26-evidence strong{
    display:block;
    margin-top:3px;
    color:var(--aex26-blue);
    font-size:13px;
}
.aex26-evidence p{margin:0;color:var(--aex26-text);font-size:11.5px;line-height:1.5}

/* =========================================================
AEX26-07 MARKET / SALARY / COMMUTE
========================================================= */
.aex26-market-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.aex26-market-card{
    display:grid;
    grid-template-columns:38px 1fr;
    gap:11px;
    padding:15px;
    border:1px solid #D9E5DF;
    border-radius:10px;
    background:#FBFDFC;
    box-shadow:var(--aex26-shadow);
}
.aex26-market-icon{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#EEF5FD;
    color:var(--aex26-blue);
    font-size:14px;
}
.aex26-market-green{background:#EEF8F0;color:var(--aex26-green-dark)}
.aex26-market-label{
    display:block;
    margin-bottom:3px;
    color:var(--aex26-green-dark);
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}
.aex26-market-card h3{font-size:15px}
.aex26-market-card p{font-size:12.5px;line-height:1.55}
.aex26-market-card small{
    display:block;
    margin-top:6px;
    color:#7A8795;
    font-size:10px;
    line-height:1.45;
}
.aex26-salary-note{
    display:flex;
    gap:9px;
    align-items:flex-start;
    margin-top:11px;
    padding:10px 13px;
    border:1px solid #E2E8EF;
    border-radius:8px;
    background:#fff;
}
.aex26-salary-note>i{margin-top:2px;color:var(--aex26-green)}
.aex26-salary-note strong{color:var(--aex26-blue);font-size:12px}
.aex26-salary-note p{margin:2px 0 0;color:var(--aex26-text);font-size:11px;line-height:1.45}

/* =========================================================
AEX26-08 ROLE MIX
========================================================= */
.aex26-mix{
    display:grid;
    grid-template-columns:1.1fr 1fr 1fr 1fr;
    gap:10px;
}
.aex26-mix article{
    padding:14px;
    border:1px solid var(--aex26-border);
    border-radius:9px;
    background:#fff;
}
.aex26-mix article:first-child{
    border-top:3px solid var(--aex26-green);
    background:linear-gradient(180deg,#F5FBF6,#fff);
}
.aex26-mix article:not(:first-child){border-top:3px solid #D5E2EE}
.aex26-mix article>span{
    display:block;
    margin-bottom:5px;
    color:#738293;
    font-size:9px;
    font-weight:800;
    letter-spacing:.9px;
}
.aex26-mix article:first-child>span{color:var(--aex26-green-dark)}
.aex26-mix h3{font-size:14px}
.aex26-mix p{font-size:11.5px}
.aex26-warning{
    display:flex;
    gap:9px;
    margin-top:11px;
    padding:11px 13px;
    border:1px solid #F0D9A7;
    border-left:3px solid #D28A00;
    border-radius:8px;
    background:var(--aex26-amber-soft);
}
.aex26-warning>i{margin-top:2px;color:#B87300}
.aex26-warning strong{color:#8B5B00;font-size:12px}
.aex26-warning p{margin:2px 0 0;color:#716B5D;font-size:11px;line-height:1.48}

/* =========================================================
AEX26-09 PROCESS
========================================================= */
.aex26-process{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:8px;
}
.aex26-process article{
    min-height:120px;
    padding:12px;
    border:1px solid var(--aex26-border);
    border-radius:9px;
    background:#fff;
}
.aex26-process article>span{
    width:27px;
    height:27px;
    margin-bottom:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#EEF5FD;
    color:var(--aex26-blue);
    font-size:9px;
    font-weight:800;
}
.aex26-process article:nth-child(even)>span{background:#EEF8F0;color:var(--aex26-green-dark)}
.aex26-process h3{font-size:13px}
.aex26-process p{font-size:10.8px;line-height:1.46}
.aex26-process-note{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:11px;
    padding:10px 13px;
    border-left:3px solid var(--aex26-green);
    border-radius:7px;
    background:#F7FCF8;
    color:#647485;
    font-size:11px;
}
.aex26-process-note strong{color:var(--aex26-green-dark)}

/* =========================================================
AEX26-10 FAQ
========================================================= */
.aex26-faq{
    max-width:900px;
    margin:0 auto;
    border-top:1px solid var(--aex26-border);
}
.aex26-faq details{
    border:1px solid var(--aex26-border);
    border-top:0;
    background:#fff;
}
.aex26-faq summary{
    position:relative;
    padding:11px 35px 11px 14px;
    color:var(--aex26-blue);
    font-size:12px;
    line-height:1.45;
    font-weight:700;
    cursor:pointer;
    list-style:none;
}
.aex26-faq summary::-webkit-details-marker{display:none}
.aex26-faq summary:after{
    content:"+";
    position:absolute;
    right:14px;
    top:8px;
    color:var(--aex26-green);
    font-size:17px;
    font-weight:400;
}
.aex26-faq details[open] summary:after{content:"−"}
.aex26-faq p{
    margin:0;
    padding:0 14px 12px;
    color:var(--aex26-text);
    font-size:11.5px;
    line-height:1.55;
}

/* =========================================================
AEX26-11 RELATED
========================================================= */
.aex26-related{
    padding:30px 0 34px;
    background:#F3F8FE;
    border-top:1px solid #E1EAF3;
}
.aex26-related-head{text-align:center;margin-bottom:15px}
.aex26-related-head h2{font-size:22px}
.aex26-related-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}
.aex26-related-grid a{
    min-height:104px;
    padding:13px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--aex26-border);
    border-top:3px solid var(--aex26-blue);
    border-radius:9px;
    background:#fff;
    text-decoration:none;
}
.aex26-related-grid a:nth-child(even){border-top-color:var(--aex26-green)}
.aex26-related-grid i{color:var(--aex26-blue);font-size:13px;margin-bottom:7px}
.aex26-related-grid strong{color:var(--aex26-ink);font-size:12.5px;line-height:1.35}
.aex26-related-grid span{margin-top:4px;color:#6A7989;font-size:10.5px;line-height:1.45}
.aex26-related-grid a:hover{box-shadow:var(--aex26-shadow);transform:translateY(-1px)}

/* =========================================================
AEX26-12 FINAL CTA
========================================================= */
.aex26-cta{
    padding:28px 0 30px;
    background:linear-gradient(135deg,var(--aex26-blue),var(--aex26-blue-dark));
    color:#fff;
    text-align:center;
}
.aex26-cta>div>span{
    display:block;
    margin-bottom:5px;
    color:#B9E8C3;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:1.2px;
}
.aex26-cta h2{
    margin:0;
    color:#fff;
    font-family:"Poppins",sans-serif;
    font-size:26px;
    line-height:1.2;
}
.aex26-cta p{
    max-width:760px;
    margin:6px auto 13px;
    color:#E7F0FB;
    font-size:12.5px;
    line-height:1.5;
}
.aex26-cta .btn{min-height:40px;padding:9px 17px}
.aex26-cta-phone{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-left:9px;
    color:#fff;
    font-size:11.5px;
    font-weight:700;
    text-decoration:none;
}
.aex26-cta-phone:hover{text-decoration:underline;text-underline-offset:3px}


/* ---------- Experience-based salary planning ---------- */
.aex26-salary-intro{
    margin-bottom:10px !important;
}
.aex26-salary-slabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
    margin:9px 0 10px;
}
.aex26-salary-slabs>div{
    padding:9px 10px;
    border:1px solid #D8E6F1;
    border-radius:8px;
    background:#fff;
}
.aex26-salary-slabs>div:nth-child(2){
    border-top:3px solid var(--aex26-green);
}
.aex26-salary-slabs>div:nth-child(1),
.aex26-salary-slabs>div:nth-child(3){
    border-top:3px solid var(--aex26-blue);
}
.aex26-salary-slabs strong{
    display:block;
    margin-bottom:3px;
    color:var(--aex26-blue);
    font-family:"Poppins",sans-serif;
    font-size:11px;
    line-height:1.3;
}
.aex26-salary-slabs span{
    display:block;
    color:var(--aex26-ink);
    font-size:12px;
    line-height:1.35;
    font-weight:700;
}
.aex26-market-card small strong{
    color:var(--aex26-green-dark);
}

/* =========================================================
AEX26-13 RESPONSIVE
========================================================= */
@media(max-width:1050px){
    .aex26-hero-grid{grid-template-columns:1fr 350px;gap:25px}
    .aex26-scope-grid{grid-template-columns:repeat(2,1fr)}
    .aex26-mix{grid-template-columns:repeat(2,1fr)}
    .aex26-process{grid-template-columns:repeat(3,1fr)}
    .aex26-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
    .aex26-hero-grid{grid-template-columns:1fr}
    .aex26-hero-side{justify-self:start;max-width:470px}
    .aex26-assess-grid{grid-template-columns:1fr 1fr}
    .aex26-market-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
    .aex26-hero{padding:24px 0 25px}
    .aex26-hero h1{font-size:31px;line-height:1.15}
    .aex26-lead{font-size:15px}
    .aex26-intro{font-size:13.5px}
    .aex26-actions{align-items:stretch}
    .aex26-actions .btn{width:100%}
    .aex26-guide-link{width:100%;text-align:center}
    .aex26-section{padding:31px 0}
    .aex26-heading{margin-bottom:16px}
    .aex26-heading h2{font-size:23px}
    .aex26-heading p{font-size:12.5px}
    .aex26-scope-grid,
    .aex26-assess-grid,
    .aex26-mix,
    .aex26-process,
    .aex26-related-grid{grid-template-columns:1fr}
    .aex26-evidence{grid-template-columns:1fr}
    .aex26-process article{min-height:auto}
    .aex26-related{padding:27px 0 30px}
    .aex26-cta h2{font-size:23px}
    .aex26-cta-phone{display:flex;width:max-content;margin:9px auto 0}
}

/* =========================================================
AEX26-14 REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
    .aex26-related-grid a{transition:none}
}


/* =========================================================
AEX26-15 — 4.4 FINAL REFINEMENTS
Purpose:
• Softer real-world role-mix messaging
• Stronger employer-resource bridge
• Compact five-card topic cluster
• No changes to global-new.css or recruitment-pages.css
========================================================= */

.aex26-role-note{
    border-left-color:var(--aex26-green);
    border-color:#D8E9DD;
    background:var(--aex26-green-soft);
}

.aex26-role-note > i{
    color:var(--aex26-green-dark);
}

.aex26-role-note strong{
    color:var(--aex26-green-dark);
}

.aex26-related-head p{
    max-width:820px;
    margin:7px auto 0;
    color:#687687;
    font-size:12.5px;
    line-height:1.55;
}

.aex26-related-grid-five{
    grid-template-columns:repeat(5,minmax(0,1fr));
}

.aex26-related-grid-five a{
    min-height:126px;
}

.aex26-related-grid-five .aex26-related-feature{
    border-top-color:var(--aex26-green);
    background:linear-gradient(180deg,#F5FBF6 0%,#fff 100%);
}

.aex26-related-grid-five .aex26-related-feature strong{
    color:var(--aex26-blue);
}

.aex26-related-grid-five a:hover{
    transform:translateY(-2px);
}

@media(max-width:1050px){
    .aex26-related-grid-five{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:800px){
    .aex26-related-grid-five{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px){
    .aex26-related-grid-five{
        grid-template-columns:1fr;
    }

    .aex26-related-grid-five a{
        min-height:108px;
    }

    .aex26-related-head p{
        font-size:12px;
    }
}

/* =========================================================
AEX26-16 — HERO EYEBROW STANDARDISATION
Purpose:
• Match Customer Support / Receptionist recruitment pages
• Light-green pill with dark-green commercial recruitment label
• No change to hero layout, typography or content
========================================================= */
@media(max-width:650px){
    .aex26-eyebrow{
        margin-bottom:8px;
        padding:5px 9px;
        font-size:9px;
        letter-spacing:.8px;
    }
}

/* =====================================================
ADMINISTRATIVE HERO EYEBROW ICON SPACING
===================================================== */

.aex26-eyebrow i {
    margin-right: 0.4em;
}

/* DISHA TYPOGRAPHY STANDARD V1 — conservative page-specific implementation */
/* Card/compact headings — 17px */
.aex26-brief-card strong,
.aex26-scope-grid h3, .aex26-assess-card h3, .aex26-market-card h3, .aex26-mix h3, .aex26-process h3,
.aex26-assess-card h3,
.aex26-market-card h3,
.aex26-process h3,
.aex26-related-grid strong { font-size:17px; line-height:1.35; }
/* Card/compact body — 13px minimum */
.aex26-brief-card span,
.aex26-brief-card p,
.aex26-heading>span, .aex26-related-head>span,
.aex26-scope-grid p, .aex26-assess-card p, .aex26-market-card p, .aex26-mix p, .aex26-process p,
.aex26-assess-card>span,
.aex26-assess-card p,
.aex26-market-card p,
.aex26-market-card small,
.aex26-process article>span,
.aex26-process p,
.aex26-faq p,
.aex26-related-grid span,
.aex26-related-head p { font-size:13px; line-height:1.48; }

@media (max-width: 768px){
.aex26-brief-card strong,
.aex26-scope-grid h3, .aex26-assess-card h3, .aex26-market-card h3, .aex26-mix h3, .aex26-process h3,
.aex26-assess-card h3,
.aex26-market-card h3,
.aex26-process h3,
.aex26-related-grid strong{font-size:16px;line-height:1.35;}
.aex26-brief-card span,
.aex26-brief-card p,
.aex26-heading>span, .aex26-related-head>span,
.aex26-scope-grid p, .aex26-assess-card p, .aex26-market-card p, .aex26-mix p, .aex26-process p,
.aex26-assess-card>span,
.aex26-assess-card p,
.aex26-market-card p,
.aex26-market-card small,
.aex26-process article>span,
.aex26-process p,
.aex26-faq p,
.aex26-related-grid span,
.aex26-related-head p{font-size:13px;line-height:1.45;}
}


/* =========================================================
AEX26-17 — EXECUTIVE ASSISTANT + PRE-HIRE + GUIDES
Purpose:
• Add focused Executive Assistant semantic coverage
• Add employer decision-support before sourcing
• Reuse the approved DISHA blue/teal Hiring Guides visual language
• Keep all styling page-scoped
========================================================= */

/* ---------- Executive Assistant compact section ---------- */
.aex26-ea-section{
    padding:22px 0;
    background:#fff;
}
.aex26-ea-card{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);
    gap:22px;
    align-items:center;
    padding:18px 20px;
    border:1px solid #D8E5F0;
    border-left:4px solid var(--aex26-green);
    border-radius:10px;
    background:#F7FBFD;
}
.aex26-ea-copy>span{
    display:block;
    margin-bottom:5px;
    color:var(--aex26-green-dark);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.15px;
    text-transform:uppercase;
}
.aex26-ea-copy h2{
    margin:0 0 6px;
    color:var(--aex26-blue);
    font-family:"Poppins",sans-serif;
    font-size:22px;
    line-height:1.25;
}
.aex26-ea-copy p{
    margin:0;
    color:var(--aex26-text);
    font-size:13px;
    line-height:1.55;
}
.aex26-ea-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    align-content:center;
}
.aex26-ea-tags span{
    padding:7px 9px;
    border:1px solid #C9DCEC;
    border-radius:18px;
    background:#fff;
    color:var(--aex26-blue);
    font-size:11.5px;
    line-height:1.3;
    font-weight:700;
}

/* ---------- Employer pre-hire checklist ---------- */
.aex26-prehire-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
.aex26-prehire-grid article{
    display:grid;
    grid-template-columns:28px 1fr;
    gap:10px;
    min-height:92px;
    padding:12px;
    border:1px solid var(--aex26-border);
    border-radius:9px;
    background:#fff;
}
.aex26-prehire-grid article:nth-child(even){
    border-top:3px solid var(--aex26-green);
}
.aex26-prehire-grid article:nth-child(odd){
    border-top:3px solid var(--aex26-blue);
}
.aex26-prehire-grid article>span{
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#EEF5FD;
    color:var(--aex26-blue);
    font-size:9px;
    font-weight:800;
}
.aex26-prehire-grid article:nth-child(even)>span{
    background:#EEF8F0;
    color:var(--aex26-green-dark);
}
.aex26-prehire-grid h3{
    margin:0 0 4px;
    color:var(--aex26-ink);
    font-family:"Poppins",sans-serif;
    font-size:16px;
    line-height:1.35;
}
.aex26-prehire-grid p{
    margin:0;
    color:var(--aex26-text);
    font-size:13px;
    line-height:1.48;
}

/* ---------- Approved blue/teal Employer Hiring Guides block ---------- */
.aex26-guide-section{
    padding:34px 0;
    background:#fff;
}
.aex26-guide-panel{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:18px;
    align-items:center;
    padding:21px 23px;
    border-radius:14px;
    background:linear-gradient(110deg,#0B4F9C 0%,#12579E 55%,#0D8064 100%);
    box-shadow:0 10px 24px rgba(11,79,156,.14);
}
.aex26-guide-copy>span{
    display:inline-block;
    margin:0 0 6px;
    color:#D4F0DE;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.9px;
    text-transform:uppercase;
}
.aex26-guide-copy h2{
    margin:0 0 6px;
    color:#fff;
    font-family:"Poppins",sans-serif;
    font-size:24px;
    line-height:1.2;
}
.aex26-guide-copy p{
    margin:0;
    color:#E7F0F8;
    font-size:13px;
    line-height:1.48;
}
.aex26-guide-main-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:14px;
    padding:8px 12px;
    border-radius:7px;
    background:#EAF7EF;
    color:#187C35;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}
.aex26-guide-main-link:hover{
    background:#fff;
    color:#0B4F9C;
}
.aex26-guide-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.aex26-guide-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    padding:9px 10px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:8px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:12px;
    line-height:1.35;
    font-weight:700;
    text-decoration:none;
}
.aex26-guide-links a:hover{
    background:rgba(255,255,255,.18);
    border-color:rgba(255,255,255,.50);
}
.aex26-guide-links a b{
    flex:0 0 auto;
    padding:2px 6px;
    border-radius:10px;
    background:#2E9E44;
    color:#fff;
    font-size:8px;
    line-height:1.2;
}

@media(max-width:800px){
    .aex26-ea-card{
        grid-template-columns:1fr;
    }
    .aex26-prehire-grid{
        grid-template-columns:1fr 1fr;
    }
    .aex26-guide-panel{
        grid-template-columns:1fr;
    }
}

@media(max-width:650px){
    .aex26-ea-section{padding:20px 0;}
    .aex26-ea-card{padding:16px;}
    .aex26-ea-copy h2{font-size:20px;}
    .aex26-ea-copy p{font-size:13px;}
    .aex26-prehire-grid{grid-template-columns:1fr;}
    .aex26-guide-section{padding:28px 0;}
    .aex26-guide-panel{padding:18px 16px;}
    .aex26-guide-copy h2{font-size:21px;}
    .aex26-guide-links{grid-template-columns:1fr;}
}

@media (max-width:760px){
    .aex26-salary-slabs{
        grid-template-columns:1fr;
    }
}


/* =========================================================
AEX26-18 — ADMIN EMPLOYER HIRING KNOWLEDGE
Purpose:
• Full-width Admin-specific employer knowledge bridge
• Links to admin-hiring-insight.html
• Blue-to-teal DISHA treatment
• Page-scoped only; no changes to shared CSS
========================================================= */

.aex26-knowledge-section{
    padding:28px 0;
    background:#F3F8FE;
}

.aex26-knowledge-panel{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);
    gap:28px;
    align-items:center;
    padding:26px 30px;
    border-radius:14px;
    background:linear-gradient(105deg,#0B4F9C 0%,#12579E 58%,#0D8064 100%);
    box-shadow:0 8px 24px rgba(15,55,95,.10);
}

.aex26-knowledge-copy{min-width:0;}

.aex26-knowledge-eyebrow{
    display:block;
    margin-bottom:7px;
    color:#D8F2E2;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1.15px;
    text-transform:uppercase;
}

.aex26-knowledge-copy h2{
    margin:0 0 9px;
    color:#FFFFFF;
    font-family:"Poppins",sans-serif;
    font-size:25px;
    line-height:1.22;
    letter-spacing:-.2px;
}

.aex26-knowledge-copy p{
    max-width:790px;
    margin:0;
    color:rgba(255,255,255,.90);
    font-size:13px;
    line-height:1.55;
}

.aex26-knowledge-action{
    display:flex;
    flex-direction:column;
    gap:11px;
    min-width:0;
}

.aex26-knowledge-mini{
    padding:13px 15px;
    border:1px solid rgba(255,255,255,.26);
    border-radius:10px;
    background:rgba(255,255,255,.10);
}

.aex26-knowledge-mini strong{
    display:block;
    margin-bottom:4px;
    color:#FFFFFF;
    font-family:"Poppins",sans-serif;
    font-size:14px;
    line-height:1.3;
}

.aex26-knowledge-mini span{
    display:block;
    color:rgba(255,255,255,.82);
    font-size:11.5px;
    line-height:1.45;
}

.aex26-knowledge-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    box-sizing:border-box;
    padding:11px 15px;
    border-radius:7px;
    background:#FFFFFF;
    color:#0B4F9C;
    font-family:"Poppins",sans-serif;
    font-size:12px;
    line-height:1.3;
    font-weight:700;
    text-decoration:none;
    transition:transform .18s ease,color .18s ease;
}

.aex26-knowledge-link:hover{
    color:#0D8064;
    transform:translateY(-1px);
}

@media(max-width:800px){
    .aex26-knowledge-panel{
        grid-template-columns:1fr;
        gap:17px;
        padding:23px;
    }
    .aex26-knowledge-copy h2{font-size:22px;}
}

@media(max-width:560px){
    .aex26-knowledge-section{padding:22px 0;}
    .aex26-knowledge-panel{
        padding:20px;
        border-radius:12px;
    }
    .aex26-knowledge-copy h2{font-size:20px;}
    .aex26-knowledge-copy p{font-size:12.5px;}
}