/* Pages in Hindi, Marathi, Malayalam and Kannada. Indian scripts need room: taller lines, no letter-spacing, no squeezing, no faux italics,
   and their own fonts (Noto Sans, self-hosted under the SIL Open Font Licence; the system fonts of each phone and computer are the fallback). */
@font-face{font-family:"Noto Sans Devanagari";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/noto-devanagari.woff2") format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"Noto Sans Malayalam";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/noto-malayalam.woff2") format("woff2");unicode-range:U+0D00-0D7F,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Noto Sans Kannada";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/noto-kannada.woff2") format("woff2");unicode-range:U+0C80-0CFF,U+1CD0,U+1CD2-1CD3,U+1CDA,U+1CF2,U+1CF4,U+200C-200D,U+20B9,U+25CC}

:root:lang(hi),:root:lang(mr){--indic:"Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI","Mangal","Devanagari Sangam MN",sans-serif}
:root:lang(ml){--indic:"Noto Sans Malayalam","Malayalam MN","Nirmala UI","Kartika","Malayalam Sangam MN",sans-serif}
:root:lang(kn){--indic:"Noto Sans Kannada","Kannada MN","Nirmala UI","Tunga","Kannada Sangam MN",sans-serif}
:root:lang(hi),:root:lang(mr),:root:lang(ml),:root:lang(kn){--sans:"Bricolage Grotesque",var(--indic),ui-sans-serif,system-ui,sans-serif;--serif:var(--sans)}

:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) body{line-height:1.78;letter-spacing:0;word-spacing:0;font-size:1.075rem}
/* headlines: the site's tight, condensed display style is made for Latin letters. Indian scripts get normal width and a line height that keeps their marks apart. */
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) :is(h1,h2,h3,h4,.phero-title,.panel-title,.sec-title,.cta-giant-t,.foot-big,.manifesto,.menu-t,.chapter-t,.h2,.h3,.num,.tcard b,.stat strong){letter-spacing:0!important;word-spacing:.04em!important;font-stretch:100%!important;font-weight:650;line-height:1.28!important;text-transform:none}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) :is(.phero-title){font-size:clamp(2.3rem,6.2vw,6rem)}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .panel-title{font-size:clamp(2.2rem,4.2vw,4.6rem);line-height:1.2!important}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .sec-title{font-size:clamp(2rem,4.4vw,4.4rem)}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .cta-giant-t{font-size:clamp(2.2rem,5.2vw,5.6rem)}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .foot-big{font-size:clamp(2rem,4.6vw,4.6rem)}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .manifesto{font-size:clamp(1.55rem,3vw,2.7rem)}
/* the words that animate in sit in a clipping box: give it room above and below for vowel signs */
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .w{padding:.2em .04em .3em;margin:-.2em -.04em -.3em}
/* the serif italic that colours a word in English has no Indian-script equivalent: keep the colour, drop the slant */
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) :is(em,.grad){font-family:inherit;font-style:normal;font-weight:700;letter-spacing:0}
/* small capital labels with wide spacing are a Latin habit */
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) :is(.label,.panel-no,.panel-cta,.btn-t,.pill,.chip,.subtab,.intent,.sx-chip,.dd-btn,.menu-btn-t,.quick-exit,.to-top,.tcard .label){letter-spacing:0!important;text-transform:none!important}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) :is(.panel-cta,.label){font-size:.95em}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) :is(p,li,.card,.prose){max-width:none}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .prose p,:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .steps li{line-height:1.85}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .phero-lede{line-height:1.7}
/* the numbers in the helpline cards stay in digits, large and clear */
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .line-card .num{letter-spacing:.01em!important;font-variant-numeric:lining-nums}
/* the softer second tone on a picture headline is kept, but lifted so the finer strokes of these scripts stay readable */
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .panel.has-photo .panel-title em{color:rgba(255,255,255,.88)}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .panel.has-photo .panel-title{text-shadow:0 2px 24px rgba(0,0,0,.45)}
/* the header: these scripts run wider than Latin, so the search button keeps only its icon until there is real room, and the menu groups tighten up */
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .search-t,:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .search-k{display:none}
:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .search-btn{padding:.62rem}
@media (min-width:1700px){:is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .search-t{display:inline}}
@media (max-width:1320px){:is(:lang(ml),:lang(kn)) .bar-links{gap:0}:is(:lang(ml),:lang(kn)) .bar-links .dd-btn{padding-inline:.5rem;font-size:.84rem}}
/* the three picture panels are a third of the width each: Malayalam and Kannada words are long, so their headline is smaller there and may break inside a very long word instead of being cut off */
:is(:lang(ml),:lang(kn)) .panel-title{font-size:clamp(1.9rem,2.7vw,3.5rem);overflow-wrap:anywhere}
:is(:lang(hi),:lang(mr)) .panel-title{font-size:clamp(2.1rem,3.6vw,4.4rem)}
@media (max-width:820px){
  :is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .panel{min-height:36svh}
  :is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .panel-title{font-size:clamp(1.9rem,8.4vw,2.8rem);margin-top:2.2rem}
  :is(:lang(hi),:lang(mr),:lang(ml),:lang(kn)) .panel .credit{top:.8rem;bottom:auto}
}
@media (max-width:1560px){
  :is(:lang(ml),:lang(kn)) .bar-brand{font-size:0;gap:0}
  :is(:lang(ml),:lang(kn)) .bar-links .dd-gi{display:none}
}