/* Hindi edition (samjhaya.co.uk): saffron, indigo and green accents (never as a flag), block-print paisley and rangoli motifs. Tokens, fonts and motifs only. */
:root[data-edition="hi"] {
  --linen: #FBF6EE; --surface: #FFFFFF; --ink: #1E2150; --muted: #5A5C7A; --line: #E6DCCB;
  --red: #B84E08; --red-soft: #FCE8D6; --ok: #1E6B4A; --band: #1E2150; --band-ink: #FBF6EE; --band-muted: #C5C7DE;
  --display: "Tiro Devanagari Hindi", "Noto Serif Devanagari", Georgia, serif;
  --body: "Noto Sans Devanagari", "Segoe UI", Mangal, Arial, sans-serif;
  --shadow: 0 1px 2px rgba(30,33,80,.08), 0 8px 24px rgba(30,33,80,.08);
}
@media (prefers-color-scheme: dark) { :root[data-edition="hi"]:not([data-theme="light"]) {
  --linen: #14163A; --surface: #1D2050; --ink: #F6EFE2; --muted: #BDBFD9; --line: #333774; --red: #F08A3E; --red-soft: #3B2616; --band: #0F1130; } }
:root[data-edition="hi"][data-theme="dark"] { --linen: #14163A; --surface: #1D2050; --ink: #F6EFE2; --muted: #BDBFD9; --line: #333774; --red: #F08A3E; --red-soft: #3B2616; --band: #0F1130 }

/* Devanagari: generous leading, no negative tracking (it breaks conjuncts), headings in the single-weight display face */
[data-edition="hi"] body { font-size: 19px; line-height: 1.8 }
[data-edition="hi"] h1, [data-edition="hi"] h2, [data-edition="hi"] h3 { line-height: 1.4; letter-spacing: 0; font-weight: 400 }
[data-edition="hi"] h1 { font-size: clamp(2rem, 5vw, 3rem) }
[data-edition="hi"] .eyebrow, [data-edition="hi"] .h-kicker { letter-spacing: 0; text-transform: none; font-size: .95rem }
[data-edition="hi"] .h-hero h1 { letter-spacing: 0; line-height: 1.35; font-weight: 400 }
[data-edition="hi"] .btn, [data-edition="hi"] .opt, [data-edition="hi"] input, [data-edition="hi"] textarea, [data-edition="hi"] select { font-family: var(--body) }
[data-edition="hi"] .h-points h3, [data-edition="hi"] .h-ladder b { font-family: var(--body); font-weight: 700 }
[data-edition="hi"] .h-steps .n, [data-edition="hi"] .h-ladder .pr, [data-edition="hi"] .jstep .p { font-family: var(--display); font-weight: 400 }
[data-edition="hi"] .h-home em, [data-edition="hi"] .home h1 em, [data-edition="hi"] .home h2 em { font-style: normal }

[data-edition="hi"] .edition-ribbon { height: 22px; margin-inline: calc(-1 * var(--gutter)); background: #FBF6EE url(/assets/hi/ribbon.svg) center / auto 22px repeat-x; border-bottom: 3px solid var(--red) }
[data-edition="hi"] .ie-hem { height: 32px; background: var(--red); opacity: .75; -webkit-mask: url(/assets/hi/hem.svg) left center / 32px 32px repeat-x; mask: url(/assets/hi/hem.svg) left center / 32px 32px repeat-x }
[data-edition="hi"] .h-kicker::before, [data-edition="hi"] .h-reassure li::before, [data-edition="hi"] .h-points li::before, [data-edition="hi"] .h-vs-col:not(.dim) li::before {
  -webkit-mask-image: url(/assets/hi/hem.svg); mask-image: url(/assets/hi/hem.svg) }
[data-edition="hi"] .h-stitch { -webkit-mask: url(/assets/hi/hem.svg) left center / 22px 22px repeat-x; mask: url(/assets/hi/hem.svg) left center / 22px 22px repeat-x; height: 22px }
[data-edition="hi"] .h-hero::before { background: linear-gradient(to bottom, rgba(251,246,238,.8), var(--linen) 80%), url(/assets/hi/hero.jpg) center 30% / cover no-repeat, linear-gradient(135deg, #FCE8D6, #FBF6EE); opacity: .7 }
[data-edition="hi"] .h-band { background: linear-gradient(rgba(30,33,80,.94), rgba(30,33,80,.97)), url(/assets/hi/ribbon.svg) center / 56px repeat, var(--band) }
[data-edition="hi"] .h-band::after { background: #F08A3E; opacity: .15; -webkit-mask-image: url(/assets/hi/hem.svg); mask-image: url(/assets/hi/hem.svg) }
[data-edition="hi"] .h-ladder .s1 .pr { color: #9FE0BF }
[data-edition="hi"] .h-ladder .s4 { color: #1E2150 } [data-edition="hi"] .h-ladder .s4 > span:last-child { color: #4A4D72 }
[data-edition="hi"] .h-final { background: linear-gradient(rgba(251,246,238,.88), rgba(252,232,214,.92)), url(/assets/hi/hero.jpg) center / cover no-repeat, #FCE8D6 }
