/* akhilesh.html — personal profile. Builds on history.css (cover, scrolly, stage, source chips) but turns
   everything after the cover to warm paper: the history page is the archive at night, this one is daylight. */
.akp{--hx-bg:#F6F5F1;--hx-bg2:#ECEAE3;--hx-ink:#1F2629;--hx-ink2:#5A6468;--hx-line:rgba(31,38,41,.14);--hx-dot:#D5D8D3}
.akp .nav:not(.over){background:rgba(255,255,255,.94);border-bottom-color:var(--line)}
.akp .nav:not(.over) .brand,.akp .nav:not(.over) ul{color:var(--ink)}
.akp .nav:not(.over) .cta.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.akp .nav:not(.over) .langs{border-color:var(--line)}
.akp .nav:not(.over) .langs button{color:var(--ink-2)}
.akp .nav:not(.over) .langs button[aria-pressed="true"]{background:var(--ink);color:#fff}
.akp .nav:not(.over) .nav-burger{color:var(--ink)}

/* ---------- cover: B&W portrait, only the cap in red ---------- */
.ak-cover{background:#0B100E;color:#EEF1EE}
.ak-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 22%;z-index:-2}
.ak-cover::after{background:linear-gradient(to top,rgba(11,16,14,.92) 0%,rgba(11,16,14,.55) 38%,rgba(11,16,14,0) 70%),linear-gradient(to right,rgba(11,16,14,.6),rgba(11,16,14,0) 55%)}
[dir="rtl"] .ak-cover::after{background:linear-gradient(to top,rgba(11,16,14,.92) 0%,rgba(11,16,14,.55) 38%,rgba(11,16,14,0) 70%),linear-gradient(to left,rgba(11,16,14,.6),rgba(11,16,14,0) 55%)}
.ak-cover .kicker{color:#C9D0CB}
.ak-cover .hx-lede{color:#EEF1EE}
.ak-cover .hx-down{color:#C9D0CB;border-bottom-color:rgba(255,255,255,.2)}
/* name and text stay in the left column, clear of his face (which sits at ~55–65% of the width);
   line-height leaves room for Devanagari matras so "खि" never touches the kicker above */
.ak-cover h1.ak-name{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(46px,4.8vw,70px);line-height:1.35;margin:34px 0 14px}
.ur .ak-cover h1.ak-name{line-height:1.7;margin-top:24px}
.ak-cover h1.ak-name{direction:inherit}
[dir="rtl"] .ak-cover .hx-down{display:flex;width:fit-content}
@media (min-width:901px){
  .ak-cover .hx-cover-copy{width:100%}
  .ak-cover .hx-cover-copy>*{max-width:min(500px,36vw)}
  /* Urdu: the photo isn't mirrored, so the right-aligned text block still sits on the physical left, away from his face */
  [dir="rtl"] .ak-cover .hx-cover-copy{align-items:flex-start}
  [dir="rtl"] .ak-cover .hx-cover-copy>*{margin-left:0;margin-right:auto}
}

/* ---------- at a glance ---------- */
.ak-glance{padding:72px 0 40px;border-bottom:1px solid var(--hx-line)}
.ak-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.ak-stats li{border-top:3px solid var(--red);padding-top:14px}
.ak-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(52px,6vw,80px);line-height:1;color:var(--hx-ink);direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .ak-stats b{text-align:right}
.ak-stats b small{font-size:.4em;color:var(--hx-ink2)}
.ak-stats span{display:block;margin-top:8px;font-size:16px;line-height:1.45;color:var(--hx-ink2)}
.ak-card{margin:44px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:10px 28px 18px}
.ak-card>div{padding:14px 0;border-bottom:1px solid var(--hx-line);display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px}
.ak-card dt{color:var(--hx-ink2);font-size:15px}
.ak-card dd{margin:0;font-size:17px;line-height:1.5}
.ak-card dd a{border-bottom:1px solid var(--red)}
.ak-card .ak-card-src{grid-column:1/-1;display:block;border:0;padding-bottom:0}

/* ---------- scrolly on paper ---------- */
/* the year is a solid label above the graphic (as a faint ghost behind it, the charts covered it) */
.ak-scrolly .hx-year{position:relative;inset:auto;flex:none;text-align:center;color:var(--red);font-size:clamp(40px,4.4vw,60px);line-height:1;margin-bottom:6px;letter-spacing:0}
.ak-scrolly .hx-step.on,.ak-scrolly .hx-step{color:var(--hx-ink)}
.ak-scrolly .hx-photo img{filter:grayscale(1) contrast(1.05)}
.ak-said{font-family:var(--serif);font-size:clamp(22px,2.4vw,28px);line-height:1.45;margin:4px 0 8px;padding-inline-start:18px;border-inline-start:3px solid var(--red)}
.ak-said-by{font-size:15px!important;color:var(--hx-ink2)!important}
.ak-said-by a{border-bottom:1px solid var(--hx-line)}

/* map */
.ak-seat{fill:var(--hx-dot);stroke:var(--hx-bg);stroke-width:.9;transition:fill .6s ease,opacity .6s}
.ak-seat.sp{fill:#F2A7A9}
.ak-seat.on{fill:var(--red)}
.ak-route{fill:none;stroke:var(--hx-ink);stroke-width:2.2;stroke-dasharray:5 6;stroke-linecap:round;transition:opacity .5s}
.ak-pin{transition:opacity .5s}
.ak-pin circle{fill:var(--hx-bg);stroke:var(--hx-ink);stroke-width:2.5}
.ak-pin.cur circle{fill:var(--red);stroke:var(--red)}
.ak-pin text{font-family:var(--sans);font-size:24px;fill:var(--hx-ink);paint-order:stroke;stroke:var(--hx-bg);stroke-width:6px;stroke-linejoin:round}
.ak-pin.cur text{font-weight:600}
.ak-pin .yr{font-family:var(--mono);font-size:17px;fill:var(--hx-ink2)}
.ak-ring{fill:none;stroke:var(--hx-ink);stroke-width:2.5}

/* education path */
.pt-line{fill:none;stroke:var(--hx-dot);stroke-width:3;stroke-linecap:round}
.pt-line.lit{stroke:var(--red);transition:stroke-dashoffset 1.6s ease}
.pt-node{fill:var(--hx-bg);stroke:var(--red);stroke-width:3}
.pt-name{font-family:var(--serif);font-size:30px;fill:var(--hx-ink)}
.pt-sub{font-family:var(--sans);font-size:17px;fill:var(--hx-ink2)}

/* house on paper */
.ak-scrolly .hs-line{stroke:rgba(31,38,41,.35)}

/* 2012–17 work timeline */
.wk-axis{stroke:var(--hx-line);stroke-width:1.5}
.wk-yr{font-family:var(--mono);font-size:15px;fill:var(--hx-ink2)}
.wk-row{transition:opacity .5s,transform .6s cubic-bezier(.3,.7,.2,1)}
.wk-row.off{opacity:0;transform:translateX(-12px)}
.wk-dot{fill:var(--red)}
.wk-bar{stroke:var(--red);stroke-width:6;stroke-linecap:round;opacity:.55}
.wk-lbl{font-family:var(--sans);font-size:16.5px;fill:var(--hx-ink)}
.wk-grid{stroke:var(--hx-line);stroke-dasharray:2 5}

/* Lok Sabha wins strip under the map */
.ak-ls{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:6px;justify-content:center;opacity:0;transition:opacity .5s;direction:ltr}
.ak-ls.on{opacity:1}
.ak-ls li{flex:0 1 92px;text-align:center;font:500 12px var(--mono);color:var(--hx-ink2);padding:6px 4px;border-radius:8px;border:1px solid var(--hx-line);transition:background .4s,color .4s,border-color .4s}
.ak-ls li b{display:block;font-family:var(--sans);font-weight:500;font-size:13px;margin-top:2px}
.ak-ls li.won{background:var(--red);border-color:var(--red);color:#fff}

/* ---------- in his own words ---------- */
.ak-words{padding:110px 0 70px;border-top:1px solid var(--hx-line)}
.ak-words h2,.ak-work h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.4vw,54px);margin:8px 0 10px}
.ak-quotes{columns:3 300px;column-gap:22px;margin:34px 0 26px}
.ak-q{break-inside:avoid;margin:0 0 22px;background:#fff;border:1px solid var(--hx-line);border-radius:14px;overflow:hidden;display:block}
.ak-q img{width:100%;height:auto;display:block;filter:grayscale(1) contrast(1.05);transition:filter .5s}
.ak-q:hover img{filter:none}
.ak-q .tx{padding:20px 20px 16px}
.ak-q blockquote{margin:0;font-family:var(--serif);font-size:21px;line-height:1.5;white-space:pre-line;color:var(--hx-ink)}
.ak-q .by{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:14px;color:var(--hx-ink2)}
.ak-q .by a{border-bottom:1px solid var(--red);color:var(--hx-ink)}
.ak-q .by img{width:28px;height:28px;border-radius:50%;filter:none;display:inline-block;vertical-align:middle;margin-inline-end:8px;object-fit:cover}

/* ---------- the work: stickers from the homepage scrapbook ---------- */
.ak-work{padding:70px 0 40px;border-top:1px solid var(--hx-line)}
.ak-stickers{--pad:max(24px,calc((100vw - 1232px)/2));list-style:none;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:30px var(--pad) 24px;margin:0;scrollbar-width:thin}
.ak-stickers li{flex:0 0 min(64vw,240px);scroll-snap-align:start}
.ak-stickers a{display:flex;flex-direction:column;justify-content:flex-end;background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:14px 14px 16px;height:100%;transition:transform .3s,box-shadow .3s}
.ak-stickers a:hover,.ak-stickers a:focus-visible{transform:translateY(-3px) rotate(-.6deg);box-shadow:0 12px 26px rgba(0,0,0,.08)}
.ak-stickers img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}
.ak-stickers .st{display:inline-block;font:500 12px var(--mono);color:var(--red);margin-top:8px}
.ak-stickers b{display:block;font-weight:500;font-size:16.5px;line-height:1.35;margin-top:4px}
.ak-stickers span.h{display:block;font-size:14.5px;line-height:1.45;color:var(--hx-ink2);margin-top:6px}

.akp .hx-pop{border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.18)}

@media (max-width:900px){
  .ak-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
  .ak-card{grid-template-columns:1fr;padding:6px 18px 14px}
  .ak-card>div{grid-template-columns:92px minmax(0,1fr)}
  .ak-glance{padding:48px 0 30px}
  .ak-cover-img{object-position:62% 18%}
  .ak-scrolly .hx-year{font-size:34px;margin-bottom:2px}
  .ak-ls{margin-top:2px;gap:4px}
  .ak-ls li{padding:3px 2px;font-size:11px}
  .ak-ls li b{font-size:11.5px}
  .ak-pin text{font-size:30px}.ak-pin .yr{font-size:22px}
  .wk-yr{font-size:20px}
  .narrow .wk-lbl{font-size:26px}
  .pt-name{font-size:36px}.pt-sub{font-size:21px}
  .ak-words{padding-top:70px}
  .ak-stickers{--pad:16px;padding:24px var(--pad)}
}
@media (max-width:900px){
  .ak-scrolly .hx-step{background:rgba(255,255,255,.96)}
}
@media (prefers-reduced-motion:reduce){
  .ak-seat,.ak-route,.ak-pin,.wk-row,.pt-line.lit,.ak-ls li{transition:none}
}
/* SVG labels are placed geometrically: keep anchors LTR in Urdu (the Arabic-script runs still shape right-to-left) */
[dir="rtl"] .ak-scrolly #hxSvg{direction:ltr}