/* LIVE-14 design round (14 Oct, "For Tech" §2): reading type for the free tools and the learn pages ONLY.
   Scoped to the page wrappers (.kt-page = /kundli, its result, the calculators, /kundli-milan; .learn-article / .learn-hub =
   /learn/**), so the nav, the footer and every legacy page keep dawn-site.css as it is. Loaded after dawn-site.css and
   kundli-tools.css (site.partials.tool-type). Base 17 px, line-height 1.65, Devanagari in Mukta with a Latin fallback,
   about 1.5x the spacing between cards and sections. A stop-gap until the round-2 redesign. */

.kt-page, .learn-article, .learn-hub {
  /* Latin first on English pages; Mukta catches the Devanagari (syllables, sources) Segoe/Roboto do not have */
  --font-body: "Segoe UI", -apple-system, Roboto, "Helvetica Neue", Arial, "Mukta", "Nirmala UI", sans-serif;
  --font-display: var(--font-body);
  --font-hi: "Mukta", "Nirmala UI", "Mangal", "Kohinoor Devanagari", "Segoe UI", system-ui, sans-serif;
  font-family: var(--font-body);
  font-size: 1.0625rem; /* 17px */
  line-height: 1.65;
}
html[lang="hi"] .kt-page, html[lang="hi"] .learn-article, html[lang="hi"] .learn-hub {
  --font-body: var(--font-hi);
  --font-display: var(--font-hi);
  font-family: var(--font-hi);
}

/* body text that dawn-site.css pins to 1rem / 0.9375rem: up to the 17px base */
.learn-article .learn-prose p, .learn-article .learn-prose li, .learn-article .learn-answer-text,
.learn-article .learn-faq-answer, .learn-article .learn-faq-answer p, .learn-hub p,
.kt-page .kt-text, .kt-page .kt-lede, .kt-page .kt-dl, .kt-page .learn-facts-list, .learn-article .learn-facts-list {
  font-size: 1.0625rem;
  line-height: 1.65;
}
.kt-page .kt-table { font-size: 1.0625rem; }
.kt-page input, .kt-page select, .kt-page button, .kt-page textarea { font-family: inherit; }

/* spacing: sections and cards ~1.5x */
.learn-article, .learn-hub { gap: var(--space-xxl, 48px); }
.learn-article .learn-prose { gap: 24px; }
.learn-article .learn-facts-list { row-gap: 10px; }
.kt-page .kt-form { margin: 36px 0; padding: 20px; }
.kt-page .kt-grid { gap: 24px; }
.kt-page .kt-panel { margin: 36px 0; }
.kt-page .kt-tabs.js .kt-panel { margin-top: 0; }
.kt-page .kt-cards { gap: 18px; }
.kt-page .kt-card { padding: 16px 18px; }
.kt-page .kt-text { margin: 24px 0; }
.kt-page .kt-text p { margin: 0 0 10px; }
.kt-page .kt-chart-row { gap: 24px; }
.kt-page .kt-pdf, .kt-page .kt-alert { margin: 24px 0; }
.kt-page .calm-offer, .learn-article .calm-offer, .learn-hub .calm-offer { margin-top: var(--space-xxl, 48px); padding: 28px; }

/* 360 px: nothing may push the page sideways (tables scroll inside their own wrapper) */
.kt-page, .learn-article, .learn-hub { overflow-wrap: anywhere; }
@media (max-width: 420px) {
  .kt-page .kt-form { padding: 16px; }
  .kt-page .calm-offer, .learn-article .calm-offer, .learn-hub .calm-offer { padding: 20px; }
  .learn-article .learn-facts-list { grid-template-columns: 1fr; row-gap: 2px; }
  .learn-article .learn-facts-list dd { margin-bottom: 10px; }
}