/* go-cancer.drjoshis.in: additions to brand.css (kidney.drjoshis.in v3) for the 18-language menu and other scripts. */
.lang ul { width: min(300px, calc(100vw - 32px)); max-height: min(70vh, 520px); overflow: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.lang a { justify-content: space-between; }
@media (max-width: 640px) { .lang summary span { display: none; } .lang ul { position: fixed; inset-inline: 16px; width: auto; top: 76px; } }
/* Every script gets a font after the Latin one (loaded from Google Fonts only on that language's pages). */
html[lang="gu"] { --font: "Source Sans 3", "Noto Sans Gujarati", system-ui, sans-serif; }
html[lang="ta"] { --font: "Source Sans 3", "Noto Sans Tamil", system-ui, sans-serif; }
html[lang="te"] { --font: "Source Sans 3", "Noto Sans Telugu", system-ui, sans-serif; }
html[lang="kn"] { --font: "Source Sans 3", "Noto Sans Kannada", system-ui, sans-serif; }
html[lang="ml"] { --font: "Source Sans 3", "Noto Sans Malayalam", system-ui, sans-serif; }
html[lang="ar"] { --font: "Source Sans 3", "Noto Sans Arabic", system-ui, sans-serif; }
html[lang="th"] { --font: "Source Sans 3", "Noto Sans Thai", system-ui, sans-serif; }
html[lang="zh"] { --font: "Source Sans 3", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
html[lang="ja"] { --font: "Source Sans 3", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif; }
html:not([lang="en"]) :is(h1, h2, h3, p, li, .btn, summary) { overflow-wrap: break-word; hyphens: auto; }
html:is([lang="ta"], [lang="ml"], [lang="te"], [lang="kn"], [lang="mr"], [lang="hi"], [lang="gu"], [lang="th"], [lang="ar"]) :is(h1, h2, h3) { line-height: 1.3; letter-spacing: 0; }
html:is([lang="ta"], [lang="ml"], [lang="te"], [lang="kn"], [lang="de"], [lang="ru"], [lang="fr"]) h1 { font-size: clamp(26px, 6.4vw, 44px); }
/* Right to left (Arabic): numbers and phone numbers keep left-to-right order. */
[dir="rtl"] .phone-group, [dir="rtl"] [data-phone-text] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .hp { left: auto !important; right: -10000px; }
@media (max-width: 640px) { html:is([lang="ta"], [lang="ml"]) :is(h2, .section-head h2) { font-size: 21px !important; } }