/* ==========================================================================
   jagatprakashnadda.com — responsive layer
   Breakpoints: ≤359 · 600 · 768 · 960 · 1200 · 1500
   ========================================================================== */

/* ---- ≤ 359px (320-wide phones) ---- */
@media (max-width:359px){
  :root{--gutter:.85rem}
  .brand__tag{display:none}
  .brand__name{font-size:.95rem}
  .menu-btn{padding:0 .7rem}
  .menu-btn .txt{display:none}
  .hhero__title{font-size:2.35rem}
  .facts > div{grid-template-columns:1fr;gap:.2rem}
  .milestones li{grid-template-columns:1fr;gap:.15rem}
  .chrono__item{grid-template-columns:3.9rem 1fr;gap:0 .9rem}
  .chrono__item::before{left:calc(3.9rem + .45rem)}
  .chrono__year{font-size:1.2rem}
  .lightbox__stage{padding:1rem .5rem 4.5rem}
  .lb-btn--prev,.lb-btn--next{top:auto;bottom:.75rem;transform:none}
}

/* ---- < 600px: move lightbox arrows below the image so they never cover it ---- */
@media (max-width:599px){
  .lightbox__stage{padding:1rem .75rem 4.75rem}
  .lb-btn--prev,.lb-btn--next{top:auto;bottom:.9rem;transform:none}
  .lb-btn--prev{left:calc(50% - 54px)}
  .lb-btn--next{right:calc(50% - 54px)}
  .jrow > *{flex-basis:100%}
  .jrow--keep > *{flex-basis:calc(var(--r) * 120px)}
}

/* ---- ≥ 600px ---- */
@media (min-width:600px){
  :root{--gutter:1.5rem}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form__row{grid-template-columns:1fr 1fr}
  .datums{grid-template-columns:1fr 1fr}
  .topics{grid-template-columns:1fr 1fr;column-gap:2rem}
  .entry{grid-template-columns:8rem 1fr}
  .entry__date{grid-row:span 2}
  .entry--img{grid-template-columns:8rem 1fr 180px}
  .entry--img .entry__img{grid-column:3;grid-row:1/3}
  .news__item--img{grid-template-columns:1fr 200px}
  .news__item--img .news__thumb{grid-column:2;grid-row:1}
  .news__item--img .news__text{grid-column:1;grid-row:1}
  .toolbar{grid-template-columns:1fr auto;align-items:center}
  .toolbar .chips{grid-column:1/-1}
}

/* ---- ≥ 768px ---- */
@media (min-width:768px){
  :root{--gutter:2rem;--header-h:66px}
  .recindex{grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--rule)}
  .recindex li{border-bottom:0;border-right:1px solid var(--rule)}
  .recindex li:last-child{border-right:0}
  .recindex a{grid-template-columns:1fr auto;padding:1.75rem 1.1rem 1.9rem;min-height:15.5rem;align-content:start}
  .recindex .no{grid-column:1;font-size:2.6rem}
  .recindex .go{grid-row:1;grid-column:2;align-self:start;margin-top:.4rem}
  .recindex .t{grid-column:1/-1;padding-top:1.4rem}
  .recindex .d{grid-column:1/-1}
  .recindex .count{grid-column:1/-1;margin-top:auto;padding-top:1rem}
  .stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats--4 .stat{padding-inline:1.1rem;border-right:1px solid var(--rule)}
  .stats--4 .stat:first-child{padding-left:0}
  .stats--4 .stat:last-child{border-right:0}
  .on-dark .stats--4 .stat{border-color:var(--rule-dark)}
  .stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats--3 .stat{padding-inline:1.1rem;border-right:1px solid var(--rule)}
  .stats--3 .stat:first-child{padding-left:0}
  .stats--3 .stat:last-child{border-right:0}
  .on-dark .stats--3 .stat{border-color:var(--rule-dark)}
  .dash{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash__cell--wide{grid-column:1/-1}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .band{grid-template-columns:5rem minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:2rem;align-items:start}
  .band--img{grid-template-columns:5rem minmax(0,1.1fr) minmax(0,.9fr)}
  .band__head{grid-column:2}
  .band__text{grid-column:2}
  .band__aside{grid-column:3;grid-row:1/3}
  .era{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:3rem}
  .era__when{grid-row:span 2}
  .contact__row{grid-template-columns:9rem 1fr;align-items:baseline}
  .two-col{grid-template-columns:1fr 1fr;gap:3rem}
  .schema__branches{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:0;padding-top:2.25rem;margin-top:0}
  .schema__branches::before{left:16.66%;right:16.66%;top:1.1rem;bottom:auto;width:auto;height:1px}
  .schema__root{max-width:560px;margin-inline:auto;text-align:center;border-left:0;border-bottom:3px solid var(--teal)}
  .schema__root::after{content:"";position:absolute;left:50%;bottom:calc(-1.1rem - 3px);width:1px;height:1.1rem;background:var(--ink)}
  .schema__node::before{left:50%;top:-1.15rem;width:1px;height:1.15rem}
  .schema__node::after{left:calc(50% - 3px);top:-4px}
  .lead-story{grid-template-columns:1.15fr 1fr;align-items:center;gap:2.5rem}
}

/* ---- ≥ 960px: desktop navigation ---- */
@media (min-width:960px){
  .mainnav{display:block}
  .menu-btn{display:none}
  .hhero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:calc(100svh - var(--header-h));max-height:980px}
  .hhero__text{padding-left:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));padding-right:3rem}
  .hhero__visual{min-height:0;padding-top:4.5rem}
  .hhero__portrait{max-height:calc(100svh - var(--header-h) - 5rem)}
  .ledger{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(2rem,4vw,4.5rem)}
  .ledger--sticky .ledger__key{position:sticky;top:calc(var(--header-h) + 2rem)}
  .ledger--even{grid-template-columns:1fr 1fr}
  .phero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:4rem}
  .phero__grid--top{align-items:start}
  .phero__grid--wide-img{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
  .parlband__grid{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);column-gap:3rem;align-items:start}
  .profile{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(2.5rem,5vw,5rem)}
  .profile__aside{position:sticky;top:calc(var(--header-h) + 2rem)}
  .research{grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:clamp(2.5rem,5vw,5rem)}
  .toc{position:sticky;top:calc(var(--header-h) + 2rem);align-self:start;max-height:calc(100vh - var(--header-h) - 3rem);overflow-y:auto}
  .split{grid-template-columns:1fr 1fr}
  .split__col + .split__col{border-top:0;border-left:1px solid var(--ink)}
  .dash{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dash__cell--2{grid-column:span 2}
  .dash__cell--wide{grid-column:1/-1}
  .footer-head{grid-template-columns:1fr auto;align-items:end}
  .footer-grid{grid-template-columns:1.1fr 1.1fr 1fr 1.25fr;column-gap:2.5rem}
  .contact{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(3rem,6vw,6rem)}
  .docstrip__head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:4rem;align-items:end}
  .era{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr)}
  .era__when{grid-row:auto}
  .era__side{grid-column:3}
  .chapter__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:3rem;align-items:start}
  .htrack__item{width:300px}
}

/* ---- ≥ 1200px ---- */
@media (min-width:1200px){
  :root{--gutter:2.5rem}
  .mainnav__trigger,.mainnav__link{padding:0 1rem}
}

/* ---- ≥ 1500px ---- */
@media (min-width:1500px){
  body{font-size:1.1rem}
}

/* ---- short landscape screens: keep hero portrait fully visible ---- */
@media (min-width:960px) and (max-height:760px){
  .hhero{min-height:640px}
  .hhero__portrait{max-height:560px}
  .hhero__title{font-size:clamp(2.6rem,5.4vw,4.4rem)}
}
@media (max-width:599px){.hhero__plate{display:none}}
@media (max-width:959px){.phero__bignum{display:none}}