/* Jyotara type
 * Adopted 2026-10-03, after the Co-Star comparison: serif (Sorts Mill Goudy)
 * for headings and display numbers only, Instrument Sans for reading text,
 * tables and forms, IBM Plex Mono for labels. A short scale (h1 48, home 60,
 * h2 30, h3 22, body 16, labels 11, menu 12), soft charcoal text and light
 * rules. Loaded after every other stylesheet (header.php), so it settles every
 * size the page stylesheets set.
 */
:root{--ink:#3f3e42;--line:#cfccc6}

/* reading text is sans, smaller and a little more open */
body{font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--ink)}
p,li,td,th,label,select,input,textarea,summary,.note,.note-box,.card p,.cell p,.lede{letter-spacing:0}

/* headings stay serif, on a short fixed scale */
h1,h2,h3,h4,.logo,.answer,summary,.verdict,.gm-verdict,.km-say,.lc-read,#tithi-read,#nak-read{font-family:var(--serif);font-weight:400;letter-spacing:0}
.page-head h1,.app-hero h1,.hero h1{font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:0}
/* the home page carries the promise, one step larger */
.home-hero h1,.hero-sky .hero-copy h1{font-size:clamp(40px,6vw,60px);line-height:1.08;letter-spacing:0}
h2{font-size:clamp(26px,3vw,30px);line-height:1.15}
h3,.cell h3,.tab-row h3,.check h3,.steps h3{font-size:22px;line-height:1.2}
.app-cta h3{font-size:22px}
.logo{font-size:20px;letter-spacing:.3em}
.hero h1,.home-hero h1,.hero-sky .hero-copy h1,.page-head h1{margin-top:14px}

/* ledes and lead answers: one step above body, not a display size */
.hero p,.home-hero .lede,.hero-sky .hero-copy .lede,.page-head .lede,.app-hero .lede{font-size:18px;line-height:1.5}
.answer{font-size:clamp(20px,2.4vw,24px);line-height:1.35}
.verdict{font-size:clamp(24px,3vw,32px)}

/* body-size text everywhere it was set larger */
.note,.note-box,.card p,.cell p,.proof p,.check .what,.draft p,.free-paid ul,.vs td,.wl .opts,.wl .opts label,
.form-error,.plain li,.form .check,.reading p,.data.ph,.data.tithis td,.day p,.sky-read p,
.dr-read li,.gm-read li,.km-read li,.nd-read li,.ss-read li,.zs-read li,.dc-read li,.rt-read li,.fm-read li,
.dr-today,.dr-ml,.lc-pair,.lc-time,.fm-rowlab,.wo-read,#sky-houses li,.fgrid li,.k-ctl,select,input{font-size:15.5px}
.form .hint,.form .coords summary,.si>div,.data td.small,.gm-gloss,.ss-note,.nf .list .mute,.sign .hi,.location-prompt{font-size:14px}
summary{font-size:18px}
table{font-size:15px}

/* display numbers and readouts: serif, about three quarters of the old size */
.limb .v,.kv .v,.k-tithi,.dc-time,.nr-name,.wo-big,.ss-cdate,.sign .n{font-family:var(--serif);font-size:20px}
.lc-read,#tithi-read,.km-say{font-size:20px}
#nak-read,.gm-verdict,.gm-minlab,.syl,.data tr.mh th{font-size:18px}
.proof .big,.check .big{font-family:var(--serif);font-size:42px}
.gm-score{font-size:36px}
.km-big,.zs-big,.gm-read .gm-big,.steps>li::before{font-size:24px}
.phone .scr-t{font-size:17px}
.phases details summary{font-size:17px}

/* labels: small mono captions; the menu one step larger so it reads on a phone */
.mono,.btn,.ctl,th{font-size:11px;letter-spacing:.07em}
.nav-top,.menu summary{font-size:12px;letter-spacing:.07em}
p.mono,.hero p.mono,.home-hero p.mono,.hero-sky p.mono,.page-head p.mono,.hero-sky .hero-copy p.mono{font-size:11px;line-height:1.6}

/* times and numbers line up: lining figures where the serif has them */
body,h1,h2,h3,.limb .v,.kv .v,.dc-time,.lc-time,.proof .big,.check .big,.gm-score{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

/* softer rules */
hr{border-top-color:var(--line)}
th,td{border-color:var(--line)}

/* Hindi pages: Devanagari sans for reading text and labels */
html[lang=hi] body{font-family:"Noto Sans Devanagari",var(--sans)}
html[lang=hi] .mono,html[lang=hi] .btn,html[lang=hi] .ctl,html[lang=hi] .chip{font-family:"Noto Sans Devanagari","IBM Plex Mono",monospace}

/* phones: readouts in two-column grids must fit a half-width cell */
@media (max-width:560px){
 .limb .v,.kv .v{font-size:17px;line-height:1.25}
}