/* ================================================================
   PoliticalLeaderPortal
   ABOUT LEADER - SCREENSHOT MATCH DESIGN
   File name intentionally kept unchanged:
   /Content/css/about-leader-managed.css
   ================================================================ */

:root{
    --alp-orange:#ef5b0c;
    --alp-orange-dark:#d94700;
    --alp-green:#064b3c;
    --alp-green-dark:#033e32;
    --alp-navy:#102b43;
    --alp-text:#273947;
    --alp-muted:#64727c;
    --alp-cream:#fffaf3;
    --alp-paper:#fffdf9;
    --alp-border:#eadfce;
    --alp-shadow:0 12px 34px rgba(32,47,58,.08);
}

.leader-profile-page,
.about-static-page{
    color:var(--alp-text);
    background:#fff;
    font-family:"Noto Sans Devanagari","Nirmala UI","Segoe UI",Arial,sans-serif;
}

.leader-profile-container{
    width:min(1460px,calc(100% - 44px));
    margin:0 auto;
}

/* ================================================================
   BIOGRAPHY HERO
   ================================================================ */
.leader-profile-hero{
    position:relative;
    overflow:hidden;
    min-height:520px;
    padding:28px 0 58px;
    background:
        radial-gradient(circle at 8% 48%,rgba(239,91,12,.09),transparent 28%),
        radial-gradient(circle at 94% 52%,rgba(6,75,60,.08),transparent 30%),
        linear-gradient(100deg,#fff9f1 0%,#fffefb 48%,#f8fbf6 100%);
    border-top:1px solid #f2e4d7;
    border-bottom:1px solid #eee4da;
}

.leader-profile-hero::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.25;
    pointer-events:none;
    background-image:
        radial-gradient(circle at 1px 1px,rgba(46,67,73,.15) 1px,transparent 0);
    background-size:22px 22px;
    -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.5),transparent 32%,transparent 68%,rgba(0,0,0,.4));
    mask-image:linear-gradient(to right,rgba(0,0,0,.5),transparent 32%,transparent 68%,rgba(0,0,0,.4));
}

.leader-profile-hero__wash{
    position:absolute;
    border-radius:55% 45% 60% 40%;
    filter:blur(1px);
    opacity:.16;
}
.leader-profile-hero__wash--saffron{
    width:480px;height:330px;left:-170px;top:95px;
    background:linear-gradient(135deg,#ff6a00,#ffb36e);
    transform:rotate(-18deg);
}
.leader-profile-hero__wash--green{
    width:500px;height:350px;right:-190px;bottom:-70px;
    background:linear-gradient(135deg,#1d805f,#b4d7c7);
    transform:rotate(17deg);
}

.leader-profile-hero__lotus{
    position:absolute;
    right:5%;
    bottom:-25px;
    font-size:230px;
    color:rgba(239,91,12,.045);
}

.leader-profile-hero__grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:34% minmax(0,1fr) 310px;
    align-items:center;
    gap:35px;
    min-height:430px;
}

.leader-profile-portrait{
    position:relative;
    height:450px;
    align-self:end;
}
.leader-profile-portrait__brush{
    position:absolute;
    left:2%;
    bottom:20px;
    width:88%;
    height:80%;
    border-radius:48% 52% 42% 58%;
    background:
        linear-gradient(145deg,rgba(239,91,12,.08),rgba(255,255,255,.3) 55%,rgba(7,90,65,.08));
    transform:rotate(-5deg);
}
.leader-profile-portrait__img{
    position:absolute;
    z-index:2;
    left:50%;
    bottom:-24px;
    width:auto;
    height:470px;
    max-width:118%;
    object-fit:contain;
    object-position:center bottom;
    transform:translateX(-50%);
    filter:drop-shadow(0 18px 16px rgba(24,40,50,.14));
}

.leader-profile-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
    color:#5d6872;
    font-size:13px;
    font-weight:700;
}
.leader-profile-breadcrumb a{
    color:#344957;
    text-decoration:none;
}
.leader-profile-breadcrumb>a:hover{color:var(--alp-orange)}
.leader-profile-breadcrumb>i{font-size:8px;color:#a8afb4}

.leader-profile-heading{
    display:flex;
    align-items:baseline;
    gap:10px;
    color:var(--alp-green);
    font-size:clamp(40px,4vw,62px);
    line-height:1;
    font-weight:900;
    letter-spacing:-1.2px;
}
.leader-profile-heading b{
    color:var(--alp-orange);
    font-weight:900;
}
.leader-profile-name{
    margin-top:8px;
    color:#283742;
    font-family:Georgia,"Noto Serif Devanagari","Nirmala UI",serif;
    font-size:34px;
    font-style:italic;
    line-height:1.2;
}

.leader-profile-divider{
    width:220px;
    display:flex;
    align-items:center;
    gap:7px;
    margin:16px 0 18px;
}
.leader-profile-divider span{height:1px;flex:1;background:#ef8a49}
.leader-profile-divider i{color:var(--alp-orange);font-size:11px}

.leader-profile-intro__headline{
    margin:0 0 8px;
    color:var(--alp-navy);
    font-size:18px;
    font-weight:850;
}
.leader-profile-intro__lead,
.leader-profile-intro__text{
    max-width:680px;
    margin:0 0 10px;
    color:#4f5d67;
    font-size:14px;
    line-height:1.8;
    font-weight:540;
}

.leader-profile-signature{
    width:max-content;
    margin-top:8px;
    color:#293c48;
    font-family:"Segoe Script","Brush Script MT",cursive;
    font-size:25px;
    transform:rotate(-5deg);
}
.leader-profile-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}
.leader-profile-btn{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:9px 16px;
    border-radius:7px;
    text-decoration:none;
    font-size:13px;
    font-weight:850;
    transition:.18s ease;
}
.leader-profile-btn--primary{color:#fff;background:var(--alp-green)}
.leader-profile-btn--light{color:var(--alp-green);background:#fff;border:1px solid #dce5e0}
.leader-profile-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,42,48,.10)}

.leader-profile-facts{
    position:relative;
    padding:20px 18px 16px;
    background:rgba(255,255,255,.94);
    border:1px solid #ddd7cd;
    border-radius:15px;
    box-shadow:0 12px 34px rgba(31,48,59,.10);
    backdrop-filter:blur(8px);
}
.leader-profile-fact{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 0;
}
.leader-profile-fact+.leader-profile-fact{border-top:1px solid #edf0ed}
.leader-profile-fact__icon{
    width:45px;height:45px;flex:0 0 45px;
    display:grid;place-items:center;
    border-radius:50%;
    color:#fff;background:var(--alp-green);
    font-size:16px;
}
.leader-profile-fact__icon--orange{background:var(--alp-orange)}
.leader-profile-fact small{
    display:block;
    margin-bottom:2px;
    color:#717d85;
    font-size:11px;
    font-weight:700;
}
.leader-profile-fact strong{
    display:block;
    color:#223846;
    font-size:13px;
    line-height:1.35;
    font-weight:850;
}
.leader-profile-facts__source{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:8px;
    padding-top:12px;
    border-top:1px solid #e7ebe8;
    color:var(--alp-orange);
    text-decoration:none;
    font-size:10.5px;
    font-weight:800;
}

/* ================================================================
   STATS STRIP
   ================================================================ */
.leader-profile-stat-wrap{
    position:relative;
    z-index:8;
    margin-top:-45px;
}
.about-portal__stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:hidden;
    border-radius:13px;
    background:linear-gradient(110deg,#07513f 0%,#034235 100%);
    box-shadow:0 14px 34px rgba(3,65,51,.17);
}
.about-portal__stat{
    position:relative;
    min-height:104px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:16px 22px;
    color:#fff;
}
.about-portal__stat:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:23%;
    width:1px;height:54%;
    background:rgba(255,255,255,.20);
}
.about-portal__stat>span{
    width:54px;height:54px;flex:0 0 54px;
    display:grid;place-items:center;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.10);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
    font-size:21px;
}
.about-portal__stat b{
    display:block;
    margin-bottom:2px;
    color:#fff;
    font-size:24px;
    line-height:1;
    font-weight:900;
}
.about-portal__stat h3{
    margin:0;
    color:#fff;
    font-size:12px;
    line-height:1.35;
    font-weight:850;
}
.about-portal__stat p{
    margin:4px 0 0;
    color:rgba(255,255,255,.74);
    font-size:10.5px;
    line-height:1.35;
}

/* ================================================================
   SECTIONS
   ================================================================ */
.leader-profile-section{
    padding:26px 0 4px;
}
.leader-profile-section--compact{padding-top:18px}

.leader-section-heading{
    margin-bottom:16px;
    text-align:center;
}
.leader-section-heading h2{
    margin:0;
    color:var(--alp-green);
    font-size:25px;
    line-height:1.25;
    font-weight:900;
}
.leader-section-heading>div{
    width:220px;
    display:flex;
    align-items:center;
    gap:7px;
    margin:7px auto 0;
}
.leader-section-heading>div span{height:1px;flex:1;background:#f09962}
.leader-section-heading>div i{color:var(--alp-orange);font-size:10px}
.leader-section-heading>p{
    max-width:720px;
    margin:8px auto 0;
    color:#6b7780;
    font-size:12px;
    line-height:1.55;
}

.leader-values-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.leader-value-card{
    min-height:158px;
    padding:18px;
    background:#fff;
    border:1px solid #e9e1d8;
    border-radius:12px;
    box-shadow:0 7px 20px rgba(31,48,59,.055);
    transition:.2s ease;
}
.leader-value-card:hover{
    transform:translateY(-3px);
    border-color:#efc09e;
    box-shadow:0 13px 27px rgba(31,48,59,.09);
}
.leader-value-card>span{
    width:44px;height:44px;
    display:grid;place-items:center;
    margin-bottom:12px;
    border-radius:50%;
    color:var(--alp-orange);
    background:#fff2e8;
    font-size:19px;
}
.leader-value-card h3{
    margin:0 0 7px;
    color:var(--alp-navy);
    font-size:15px;
    font-weight:900;
}
.leader-value-card p{
    margin:0;
    color:#65717a;
    font-size:12px;
    line-height:1.65;
}

.leader-journey-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.leader-journey-card,
.leader-quote-panel{
    min-height:310px;
    padding:23px;
    border:1px solid #eadfd1;
    border-radius:13px;
    background:#fffdfa;
    box-shadow:0 7px 20px rgba(31,48,59,.05);
}
.leader-journey-card h2{
    margin:0 0 17px;
    color:var(--alp-green);
    font-size:23px;
    font-weight:900;
}
.leader-timeline{display:grid;gap:0}
.leader-timeline__item{
    display:grid;
    grid-template-columns:54px 18px minmax(0,1fr);
    gap:8px;
    min-height:62px;
}
.leader-timeline__item time{
    padding-top:2px;
    color:var(--alp-orange);
    font-size:12px;
    font-weight:900;
}
.leader-timeline__item>span{
    position:relative;
}
.leader-timeline__item>span::before{
    content:"";
    position:absolute;
    left:7px;top:0;bottom:0;
    width:2px;
    background:#efb486;
}
.leader-timeline__item>span::after{
    content:"";
    position:absolute;
    left:3px;top:2px;
    width:10px;height:10px;
    border-radius:50%;
    background:var(--alp-orange);
    box-shadow:0 0 0 3px #fff4eb;
}
.leader-timeline__item:last-child>span::before{bottom:34px}
.leader-timeline__item h3{
    margin:0 0 2px;
    color:#273b48;
    font-size:13px;
    font-weight:850;
}
.leader-timeline__item p{
    margin:0;
    color:#6b7780;
    font-size:11px;
    line-height:1.5;
}
.leader-text-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:10px;
    color:var(--alp-orange);
    text-decoration:none;
    font-size:11px;
    font-weight:850;
}

.leader-quote-panel{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-left:5px solid var(--alp-orange);
}
.leader-quote-panel>i{
    color:var(--alp-orange);
    font-size:34px;
}
.leader-quote-panel h2{
    position:relative;
    z-index:2;
    max-width:570px;
    margin:14px 0 12px;
    color:#263d4a;
    font-size:21px;
    line-height:1.75;
    font-weight:700;
}
.leader-quote-panel p{
    margin:0;
    color:#405864;
    font-size:12px;
    font-weight:800;
}
.leader-quote-panel__watermark{
    position:absolute;
    right:18px;
    bottom:-35px;
    color:rgba(239,91,12,.055);
    font-size:180px;
}

/* ================================================================
   ACTIVITY CARDS
   ================================================================ */
.leader-activity-section{padding-bottom:25px}
.leader-activity-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
}
.leader-activity-card{
    overflow:hidden;
    color:inherit;
    text-decoration:none;
    background:#fff;
    border:1px solid #e4e0d8;
    border-radius:10px;
    box-shadow:0 5px 16px rgba(31,48,59,.05);
    transition:.2s ease;
}
.leader-activity-card:hover{
    transform:translateY(-3px);
    box-shadow:0 11px 25px rgba(31,48,59,.09);
}
.leader-activity-card>img{
    width:100%;
    height:170px;
    display:block;
    object-fit:cover;
}
.leader-activity-card--local>img{
    object-fit:contain;
    object-position:center bottom;
    background:#fff8f0;
}
.leader-activity-card>div{padding:10px 12px}
.leader-activity-card strong{
    display:block;
    color:#ca4b07;
    font-size:12px;
    line-height:1.35;
    font-weight:850;
}
.leader-activity-card span{
    display:block;
    margin-top:3px;
    color:#77828a;
    font-size:9.5px;
}

/* ================================================================
   SOURCE STRIP
   ================================================================ */
.leader-source-strip{
    margin-top:5px;
    padding:12px 0;
    color:#6a747b;
    background:#f7f7f4;
    border-top:1px solid #e9e8e3;
    font-size:10.5px;
}
.leader-source-strip .leader-profile-container{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
.leader-source-strip a{
    color:var(--alp-green);
    text-decoration:none;
    font-weight:800;
}

/* ================================================================
   STATIC ABOUT PAGES: VISION / FAQ
   ================================================================ */
.about-static-page{
    padding:24px 0 30px;
    background:linear-gradient(180deg,#faf9f6,#fff);
}
.about-static-hero{
    min-height:360px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    align-items:center;
    overflow:hidden;
    padding:26px 30px 0;
    border:1px solid #e8e0d5;
    border-radius:16px;
    background:
        radial-gradient(circle at 88% 25%,rgba(239,91,12,.10),transparent 28%),
        linear-gradient(110deg,#fffaf4,#fff);
    box-shadow:var(--alp-shadow);
}
.about-static-hero__content{padding-bottom:24px}
.about-static-kicker{
    display:block;
    margin-bottom:6px;
    color:var(--alp-orange);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.4px;
}
.about-static-hero h1{
    max-width:820px;
    margin:0 0 12px;
    color:var(--alp-navy);
    font-size:clamp(31px,3.4vw,48px);
    line-height:1.15;
    font-weight:900;
}
.about-static-hero__content>p{
    max-width:750px;
    margin:0;
    color:#5f6e78;
    font-size:14px;
    line-height:1.75;
}
.about-static-hero__portrait{
    position:relative;
    height:335px;
    align-self:end;
}
.about-static-hero__portrait::before{
    content:"";
    position:absolute;
    width:300px;height:300px;
    left:50%;bottom:4px;
    transform:translateX(-50%);
    border-radius:50%;
    background:#fff3e7;
    border:1px solid #f1d4ba;
}
.about-static-hero__portrait img{
    position:absolute;
    z-index:2;
    left:50%;bottom:0;
    width:auto;height:350px;
    max-width:110%;
    object-fit:contain;
    transform:translateX(-50%);
}
.about-static-hero__chips,
.faq-summary{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:15px;
}
.about-static-hero__chips span,
.faq-summary span{
    padding:6px 9px;
    border:1px solid #e4e6e2;
    border-radius:999px;
    color:#40525e;
    background:#fff;
    font-size:10px;
    font-weight:800;
}
.faq-summary b{color:var(--alp-orange)}

.about-static-section{padding:26px 0 0}
.about-focus-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
}
.about-focus-grid article{
    min-height:155px;
    padding:17px;
    background:#fff;
    border:1px solid #e8e2da;
    border-radius:11px;
    box-shadow:0 6px 18px rgba(31,48,59,.05);
}
.about-focus-grid article>span{
    width:42px;height:42px;
    display:grid;place-items:center;
    margin-bottom:10px;
    border-radius:50%;
    color:#fff;background:var(--alp-green);
}
.about-focus-grid article:nth-child(even)>span{background:var(--alp-orange)}
.about-focus-grid h3{
    margin:0 0 6px;
    color:var(--alp-navy);
    font-size:14px;
    font-weight:900;
}
.about-focus-grid p{
    margin:0;
    color:#68747c;
    font-size:11.5px;
    line-height:1.6;
}
.about-static-quote{
    display:flex;
    gap:18px;
    align-items:flex-start;
    margin-top:18px;
    padding:22px;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(115deg,var(--alp-green),#083e37);
}
.about-static-quote>i{font-size:29px;color:#ffab70}
.about-static-quote h2{
    margin:0 0 5px;
    font-size:19px;
    line-height:1.6;
    font-weight:700;
}
.about-static-quote p{margin:0;color:rgba(255,255,255,.72);font-size:10px}

/* ================================================================
   FAQ
   ================================================================ */
.about-static-hero--faq{
    min-height:330px;
}
.about-static-hero__portrait--faq img{height:330px}

.faq-premium-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:18px;
    align-items:start;
    margin-top:18px;
}
.faq-premium-main{
    padding:15px;
    background:#fff;
    border:1px solid #e6e2dc;
    border-radius:13px;
    box-shadow:0 7px 20px rgba(31,48,59,.05);
}
.faq-premium-search{
    height:44px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 12px;
    margin-bottom:12px;
    border:1px solid #dfe4e2;
    border-radius:9px;
    background:#fafcfb;
}
.faq-premium-search>i{color:var(--alp-orange)}
.faq-premium-search input{
    min-width:0;
    flex:1;
    border:0;
    outline:0;
    background:transparent;
    color:#263b48;
    font-size:12px;
    font-weight:650;
}
.faq-premium-search button{
    display:none;
    border:0;
    background:transparent;
    color:#8a949b;
    cursor:pointer;
}
.faq-premium-search button.is-visible{display:block}

.faq-premium-list{
    display:grid;
    gap:7px;
}
.faq-premium-item{
    overflow:hidden;
    border:1px solid #e3e7e5;
    border-radius:9px;
    background:#fff;
}
.faq-premium-item h2{margin:0}
.faq-premium-question{
    width:100%;
    min-height:50px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 18px;
    gap:9px;
    align-items:center;
    padding:8px 11px;
    border:0;
    color:var(--alp-navy);
    background:#fff;
    text-align:left;
    font-family:inherit;
    font-size:12.5px;
    line-height:1.35;
    font-weight:850;
    cursor:pointer;
}
.faq-premium-question:not(.collapsed){background:#fff8f1;color:#c84c08}
.faq-premium-number{
    width:30px;height:30px;
    display:grid;place-items:center;
    border-radius:7px;
    color:#fff;background:var(--alp-green);
    font-size:9px;
    font-weight:900;
}
.faq-premium-question:not(.collapsed) .faq-premium-number{background:var(--alp-orange)}
.faq-premium-question>i{
    color:#8a949b;
    font-size:10px;
    transition:transform .18s ease;
}
.faq-premium-question:not(.collapsed)>i{transform:rotate(180deg);color:var(--alp-orange)}
.faq-premium-answer{
    padding:11px 52px 14px 54px;
    color:#5f6d76;
    font-size:11.5px;
    line-height:1.7;
    border-top:1px solid #f0ebe5;
}
.faq-no-result{
    padding:25px;
    color:#6d7880;
    text-align:center;
    font-size:12px;
}
.faq-premium-side{
    display:grid;
    gap:12px;
    position:sticky;
    top:18px;
}
.faq-side-card{
    padding:17px;
    border:1px solid #e3e6e3;
    border-radius:11px;
    background:#fff;
}
.faq-side-card--green{
    color:#fff;
    background:linear-gradient(145deg,#07513f,#033f33);
    border-color:transparent;
}
.faq-side-card>span{
    width:44px;height:44px;
    display:grid;place-items:center;
    margin-bottom:12px;
    border-radius:50%;
    color:#fff;background:var(--alp-orange);
}
.faq-side-card h2{
    margin:0 0 7px;
    font-size:17px;
    line-height:1.35;
    font-weight:900;
}
.faq-side-card p{
    margin:0 0 12px;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1.6;
}
.faq-side-card>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px 0;
    color:var(--alp-green);
    text-decoration:none;
    border-bottom:1px solid #edf0ee;
    font-size:10.5px;
    font-weight:800;
}
.faq-side-card--green>a{
    width:max-content;
    padding:8px 12px;
    border:0;
    border-radius:6px;
    color:#fff;
    background:var(--alp-orange);
}
.faq-side-card h3{
    margin:0 0 8px;
    color:var(--alp-navy);
    font-size:13px;
    font-weight:900;
}

/* ================================================================
   PAGE NAVIGATION
   ================================================================ */
.about-page-nav{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:18px;
}
.about-page-nav a{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border:1px solid #e0e5e2;
    border-radius:7px;
    color:var(--alp-green);
    background:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:850;
}

/* ================================================================
   COMPATIBILITY FOR EXISTING AWARDS/TIMELINE PAGES
   ================================================================ */
.about-page-section{
    padding:24px 0 30px;
    background:#f8f8f5;
    font-family:"Noto Sans Devanagari","Nirmala UI","Segoe UI",Arial,sans-serif;
}
.about-content-card,
.featured-award-card,
.award-card,
.about-quote-box{
    background:#fff;
    border:1px solid #e5e2dc;
    border-radius:11px;
    box-shadow:0 6px 18px rgba(31,48,59,.05);
}
.about-content-card{padding:18px;margin-bottom:14px}
.about-page-badge{color:var(--alp-orange);font-size:10px;font-weight:900}
.about-page-title{color:var(--alp-navy);font-size:27px;font-weight:900}
.about-page-text{color:#65717a;font-size:12px;line-height:1.7}
.leader-info-card{
    height:100%;
    padding:17px;
    border:1px solid #e5e2dc;
    border-radius:11px;
    background:#fff;
}
.leader-info-card>i{color:var(--alp-orange);font-size:22px}
.leader-info-card h5{color:var(--alp-navy);font-size:14px;font-weight:900}
.leader-info-card p{color:#68747d;font-size:11.5px;line-height:1.6}

/* Hide old duplicate about sidebars/selectors on legacy pages */
.about-page-section .col-lg-4.col-xl-3{
    display:none !important;
}
.about-page-section .col-lg-8.col-xl-9{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
}
.about-portal__sidebar select,
.about-page-section select{
    display:none !important;
}

/* Sleeker legacy sidebar if it appears elsewhere */
.about-portal__sidebar a{
    font-size:13px !important;
    font-weight:650 !important;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1199.98px){
    .leader-profile-hero__grid{
        grid-template-columns:32% minmax(0,1fr) 270px;
        gap:24px;
    }
    .leader-profile-portrait__img{height:430px}
    .leader-profile-heading{font-size:48px}
}
@media(max-width:991.98px){
    .leader-profile-container{width:min(100% - 28px,900px)}
    .leader-profile-hero__grid{
        grid-template-columns:300px minmax(0,1fr);
    }
    .leader-profile-facts{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:0;
    }
    .leader-profile-fact{
        padding:8px;
    }
    .leader-profile-fact+.leader-profile-fact{border-top:0;border-left:1px solid #edf0ed}
    .leader-profile-facts__source{grid-column:1/-1}
    .about-portal__stats{grid-template-columns:repeat(2,1fr)}
    .about-portal__stat:nth-child(2)::after{display:none}
    .leader-values-grid,.leader-activity-grid{grid-template-columns:repeat(2,1fr)}
    .about-static-hero{grid-template-columns:minmax(0,1fr) 300px}
    .faq-premium-layout{grid-template-columns:1fr}
    .faq-premium-side{position:relative;top:auto;grid-template-columns:1fr 1fr}
}
@media(max-width:767.98px){
    .leader-profile-hero{padding-bottom:35px}
    .leader-profile-hero__grid{grid-template-columns:1fr;text-align:left}
    .leader-profile-portrait{
        height:340px;
        order:2;
    }
    .leader-profile-portrait__img{height:360px}
    .leader-profile-intro{order:1}
    .leader-profile-facts{order:3;grid-template-columns:1fr 1fr}
    .leader-profile-stat-wrap{margin-top:10px}
    .leader-journey-layout{grid-template-columns:1fr}
    .leader-profile-heading{font-size:42px}
    .about-static-hero{grid-template-columns:1fr;padding:20px 20px 0}
    .about-static-hero__portrait{height:280px}
    .about-static-hero__portrait img{height:295px}
    .about-focus-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575.98px){
    .leader-profile-container{width:calc(100% - 18px)}
    .leader-profile-heading{font-size:36px}
    .leader-profile-name{font-size:26px}
    .leader-profile-intro__lead,.leader-profile-intro__text{font-size:13px}
    .leader-profile-facts{grid-template-columns:1fr}
    .leader-profile-fact+.leader-profile-fact{border-left:0;border-top:1px solid #edf0ed}
    .about-portal__stats{grid-template-columns:1fr}
    .about-portal__stat::after{display:none !important}
    .leader-values-grid,.leader-activity-grid,.about-focus-grid{grid-template-columns:1fr}
    .leader-journey-card,.leader-quote-panel{padding:17px}
    .leader-quote-panel h2{font-size:17px}
    .faq-premium-side{grid-template-columns:1fr}
    .faq-premium-answer{padding:10px 13px 13px}
    .faq-premium-question{font-size:12px}
    .about-page-nav{flex-direction:column}
    .about-page-nav a{justify-content:center}
}


/* ================================================================
   V3 ROUTE/LEGACY HARDENING
   Prevent any older About sidebar/dropdown markup from appearing
   if a legacy partial is accidentally rendered around the new page.
   ================================================================ */
.leader-profile-page .about-portal__sidebar,
.leader-profile-page .about-leader-sidebar,
.leader-profile-page .about-sidebar,
.leader-profile-page select,
.about-static-page .about-portal__sidebar,
.about-static-page .about-leader-sidebar,
.about-static-page .about-sidebar,
.about-static-page select{
    display:none !important;
}

.leader-profile-page{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

.leader-profile-page img{
    max-width:100%;
}