/* ===== VettriThalapathy — MLA profile pages · new design layer =====
   Restyles the existing template (all content kept). Loaded after the page's own styles. */
:root{--m-red:#800000;--m-red-d:#5E0000;--m-red-l:#A31515;--m-gold:#FFD700;--m-gold-d:#8B6508;--m-gold-l:#FFF6D6;
  --m-ink:#1A1A1A;--m-ink2:#3A3A3A;--m-mute:#6E6E6E;--m-line:#ECE5DB;--m-ivory:#FAF7F2}
body{background:var(--m-ivory)!important;font-family:'Inter',system-ui,sans-serif!important;color:var(--m-ink)}

/* content is always visible — no hide-until-scrolled animation */
.reveal,.reveal.show{opacity:1!important;transform:none!important;transition:none!important}

/* identity strip */
.id-strip{background:linear-gradient(90deg,var(--m-red-d),var(--m-red))!important;border-bottom:2px solid var(--m-gold)}
.id-strip .label{color:rgba(255,255,255,.75)!important}
.id-strip .crumb a{color:var(--m-gold)!important}
.id-strip .crumb .cur{color:#fff!important}

/* hero */
.hero{background:radial-gradient(ellipse at 15% 0%,#FFF1C2 0%,rgba(255,241,194,0) 55%),linear-gradient(180deg,#FFFDF8,var(--m-ivory))!important;border-bottom:0!important}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--m-gold),var(--m-red),var(--m-gold))}
.hero-wm{color:rgba(128,0,0,.035)!important;font-family:'Montserrat',sans-serif!important;font-weight:900!important}
.h-kicker{font-family:'Montserrat',sans-serif!important;font-weight:800!important;letter-spacing:.16em!important;color:var(--m-red)!important}
.h-kicker-line{background:var(--m-gold)!important}
.h-name{font-family:'Montserrat',sans-serif!important;font-weight:900!important;font-size:clamp(2.1rem,5vw,3.9rem)!important;line-height:1.02!important;letter-spacing:-.025em!important;color:var(--m-ink)!important}
.h-name em{font-style:normal!important;color:var(--m-red)!important}
.h-const{font-family:'Inter',sans-serif!important;font-weight:600!important;color:var(--m-ink2)!important;font-size:1.02rem!important}
.photo-wrap{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--m-gold),0 14px 28px -14px rgba(94,0,0,.45);border-color:var(--m-red)!important}
.photo-wrap.noimg{display:grid;place-items:center;background:linear-gradient(150deg,var(--m-red-l),var(--m-red-d))}
.photo-wrap.noimg::before{content:attr(data-i);font:900 2.1rem/1 'Montserrat',sans-serif;color:var(--m-gold);letter-spacing:.02em}
.pill{font-family:'Inter',sans-serif!important;font-weight:800!important;font-size:.68rem!important;padding:.32rem .8rem!important}
.pill.p-party{background:var(--m-red)!important;color:var(--m-gold)!important;border-color:var(--m-red)!important}
.pill.p-won{background:var(--m-gold-l)!important;color:var(--m-red)!important;border:1px solid #F3DD8A!important}
.pill.p-date,.pill.p-seat{background:#fff!important;color:var(--m-ink2)!important;border:1px solid var(--m-line)!important}
.h-stats{background:transparent!important;border:0!important;gap:.7rem!important}
.hs{background:#fff!important;border:1px solid var(--m-line)!important;border-radius:14px!important;box-shadow:0 10px 22px -18px rgba(94,0,0,.45)}
.hs-n{font-family:'Montserrat',sans-serif!important;font-weight:900!important;font-size:1.55rem!important;color:var(--m-red)!important}
.hs-n.gold{color:var(--m-gold-d)!important}
.hs-l{font-family:'Inter',sans-serif!important;font-weight:700!important;color:var(--m-mute)!important;letter-spacing:.08em!important}
.share-btn{background:linear-gradient(150deg,var(--m-red-l),var(--m-red) 55%,var(--m-red-d))!important;color:var(--m-gold)!important;border-radius:99px!important;font-family:'Montserrat',sans-serif!important;font-weight:800!important;padding:.6rem 1.15rem!important;box-shadow:0 10px 20px -14px rgba(94,0,0,.7)}

/* result card */
.result-card{background:linear-gradient(150deg,#7A0A0A 0%,var(--m-red-d) 55%,#3D0000 100%)!important;border-radius:20px!important;border:1px solid rgba(255,215,0,.25)!important;box-shadow:0 24px 48px -28px rgba(94,0,0,.7)}
.rc-top h2{font-family:'Montserrat',sans-serif!important;color:rgba(255,255,255,.75)!important}
.rc-eci{background:rgba(255,215,0,.12)!important;color:var(--m-gold)!important;border-color:rgba(255,215,0,.35)!important}
.rc-big-n{font-family:'Montserrat',sans-serif!important;font-weight:900!important;color:var(--m-gold)!important}
.rc-big-l,.rc-bar-lbl,.rcm-label,.rcm-sub,.rc-cands-ttl{color:rgba(255,255,255,.72)!important}
.rc-bar{background:rgba(255,255,255,.14)!important}
.rc-bar-fill{background:linear-gradient(90deg,var(--m-gold),#FFE77A)!important}
.rcm-n{font-family:'Montserrat',sans-serif!important;font-weight:900!important;color:#fff!important}
.cand .c-name{color:#fff!important;font-family:'Montserrat',sans-serif!important;font-weight:800!important}
.cand .c-party{color:rgba(255,255,255,.65)!important}
.cand .c-votes{color:var(--m-gold)!important;font-family:'Montserrat',sans-serif!important;font-weight:800!important}
.cand .c-pos{color:var(--m-gold)!important;font-family:'Montserrat',sans-serif!important;font-weight:900!important}
.c-bar{background:rgba(255,255,255,.12)!important}.c-bar-fill{background:var(--m-gold)!important}

/* previous / next */
.nav-btn{background:#fff!important;border:1px solid var(--m-line)!important;border-radius:16px!important;transition:border-color .15s,transform .15s}
.nav-btn:hover{border-color:var(--m-red)!important;transform:translateY(-2px)}
.nb-dir{color:var(--m-red)!important;font-weight:800!important;letter-spacing:.12em}
.nb-name{font-family:'Montserrat',sans-serif!important;font-weight:900!important;color:var(--m-ink)!important}
.nb-const{color:var(--m-red)!important}

/* main section cards */
.sec,.scard{background:#fff!important;border:1px solid var(--m-line)!important;border-radius:18px!important;box-shadow:0 14px 30px -26px rgba(94,0,0,.45)}
.sec-head{background:linear-gradient(90deg,var(--m-gold-l),#fff)!important;border-bottom:1px solid var(--m-line)!important;padding:.95rem 1.2rem!important}
.sec-head h3{font-family:'Montserrat',sans-serif!important;font-weight:900!important;font-size:1rem!important;color:var(--m-ink)!important}
.sec-head .ico{width:2rem;height:2rem;border-radius:10px;background:#fff;border:1px solid #F3DD8A;display:inline-grid;place-items:center}
.sec-head .meta{background:var(--m-red)!important;color:var(--m-gold)!important;border-radius:99px;padding:.18rem .6rem;font-weight:800!important;font-size:.58rem!important;letter-spacing:.08em}
.irow{border-bottom:1px solid #F3EEE6!important;padding:.7rem 1.2rem!important}
.irow:last-child{border-bottom:0!important}
.irow-lbl{font-family:'Inter',sans-serif!important;font-weight:800!important;color:var(--m-mute)!important;letter-spacing:.08em!important}
.irow-val{font-family:'Inter',sans-serif!important;color:var(--m-ink)!important;font-weight:600}
.irow-val.green,.irow-val.red{color:var(--m-red)!important}
.irow-val.gold{color:var(--m-gold-d)!important}
.irow-val a{color:var(--m-red)!important}
.sgc-n,.vgc-n,.cb-cell b{font-family:'Montserrat',sans-serif!important;font-weight:900!important;color:var(--m-red)!important}
.sgc-l,.vgc-l{color:var(--m-mute)!important;font-weight:700!important}

/* sidebar */
.scard-head{background:linear-gradient(90deg,var(--m-gold-l),#fff)!important;font-family:'Montserrat',sans-serif!important;font-weight:900!important;color:var(--m-ink)!important;border-bottom:1px solid var(--m-line)!important}
.qrow{border-bottom:1px solid #F3EEE6!important}
.qrow-lbl{color:var(--m-mute)!important;font-weight:700!important}
.qrow-val{font-family:'Montserrat',sans-serif!important;font-weight:800!important;color:var(--m-ink)!important}
.nav-a{border-bottom:1px solid #F3EEE6!important;font-weight:700!important;color:var(--m-ink)!important}
.nav-a:hover{background:var(--m-gold-l)!important;color:var(--m-red)!important}
.nav-a .arr{color:var(--m-red)!important}
.c-btn{background:#fff!important;border:1px solid var(--m-line)!important;color:var(--m-ink)!important;border-radius:99px!important;font-weight:800!important}
.c-btn:hover{border-color:var(--m-red)!important;color:var(--m-red)!important}
.c-btn.primary{background:var(--m-red)!important;color:var(--m-gold)!important;border-color:var(--m-red)!important}

/* new: vacant-seat note, constituency link, related news */
.vt-vacant{margin:.9rem 0 .2rem;background:var(--m-gold-l);border-left:4px solid var(--m-red);border-radius:0 12px 12px 0;padding:.75rem 1rem;font:500 .84rem/1.6 'Inter',sans-serif;color:var(--m-ink2);max-width:560px}
.vt-vacant b{color:var(--m-red)}.vt-vacant a{color:var(--m-red);font-weight:800}
.vt-aclink{display:inline-flex;align-items:center;gap:.4rem;margin:.7rem .5rem 0 0;padding:.55rem 1rem;border-radius:99px;border:1px solid var(--m-line);background:#fff;color:var(--m-red);font:800 .78rem 'Inter',sans-serif;text-decoration:none}
.vt-aclink:hover{border-color:var(--m-red)}
.vt-news a{display:grid;grid-template-columns:4.6rem 1fr;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid #F3EEE6;text-decoration:none;color:var(--m-ink);font:600 .8rem/1.45 'Inter',sans-serif}
.vt-news a:hover{background:var(--m-gold-l)}
.vt-news a span{font-weight:800;color:var(--m-red);font-size:.72rem}
.vt-news .vt-more{display:block;padding:.65rem 1rem;font:800 .78rem 'Inter',sans-serif;color:var(--m-red);text-decoration:none}
@media(max-width:860px){.h-stats{gap:.5rem!important}.hs-n{font-size:1.25rem!important}}
/* constituency election history (added section) */
.vt-hist .vt-hist-sum{display:flex;flex-wrap:wrap;gap:.4rem;padding:.9rem 1.2rem .2rem}
.vt-hist .vt-hist-sum span{font:800 .7rem 'Montserrat',sans-serif;color:#fff;border-radius:99px;padding:.28rem .7rem}
.vt-hist .vt-hist-sum em{font:600 .74rem 'Inter',sans-serif;font-style:normal;color:#6E6E6E;align-self:center;margin-left:.2rem}
.vt-hist-tw{overflow-x:auto;padding:.7rem 1.2rem 0}
.vt-hist-tw table{width:100%;min-width:640px;border-collapse:collapse;border:1px solid #ECE5DB;border-radius:12px;overflow:hidden}
.vt-hist-tw thead{background:linear-gradient(90deg,#5E0000,#800000)}
.vt-hist-tw thead th{color:#FFE9A8;font:800 .6rem 'Montserrat',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:.6rem .55rem}
.vt-hist-tw tbody tr{border-bottom:1px solid #F3EEE6}
.vt-hist-tw tbody tr:nth-child(even){background:#FFFDF8}
.vt-hist-tw tbody tr:hover{background:#FFF6D6}
.vt-hist .vt-more{display:block;padding:.85rem 1.2rem 1rem;font:800 .8rem 'Inter',sans-serif;color:#800000;text-decoration:none}
/* keep the history table inside the page on small screens */
.page>*,.page .main,.page>div{min-width:0}
.vt-hist,.vt-hist-tw{min-width:0;max-width:100%}
.vt-hist-tw{-webkit-overflow-scrolling:touch}
