/*
 * Shared styles for trust pages (about, methodology).
 * Inherits palette + fonts from /style.css. Single-mode light, ink-on-paper.
 * No own --bg / --text declarations — those come from /style.css :root tokens.
 */

body {
  font-family: 'Inter', 'Noto Sans Devanagari', system-ui, sans-serif;
  background: #ffffff;
  color: #1A1A1A;
  margin: 0;
  line-height: 1.65;
}

a { color: #B01220; text-decoration: none; border-bottom: 1px solid #B01220; }
a:hover { color: #8E0F1A; border-color: #8E0F1A; }

/* Masthead — flat newsroom bar, 2px ink rule beneath */
header {
  padding: 16px 26px;
  border-bottom: 2px solid #1A1A1A;
  display: flex; align-items: center; gap: 12px;
  background: #ffffff;
}
header a { color: inherit; text-decoration: none; border: 0; display: flex; align-items: center; gap: 8px; }
header strong {
  font-family: 'Playfair Display', 'Tiro Devanagari Hindi', Georgia, serif;
  font-size: 26px; font-weight: 900; letter-spacing: -0.015em;
}
header .lamp { font-size: 24px; line-height: 1; }
header .motto {
  font-family: 'Merriweather', 'Noto Serif Devanagari', Georgia, serif;
  font-size: 12px; color: #6B6B6B; border-left: 1px solid #DEDEDE; padding-left: 12px; font-style: italic;
}

main {
  max-width: 760px;
  margin: 0 auto;
  padding: 36px 24px 70px;
}

.breadcrumb {
  font-family: 'Inter', sans-serif; font-size: 11px; color: #6B6B6B;
  margin-bottom: 22px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700;
}
.breadcrumb a { color: inherit; border: 0; }
.breadcrumb a:hover { color: #B01220; }

/* Editorial headlines — Playfair Display, ink */
h1 {
  font-family: 'Playfair Display', 'Tiro Devanagari Hindi', Georgia, serif;
  font-size: 44px; line-height: 1.12; font-weight: 900;
  margin: 0 0 16px; letter-spacing: -0.018em; color: #1A1A1A;
}
h2 {
  font-family: 'Playfair Display', 'Tiro Devanagari Hindi', Georgia, serif;
  font-size: 22px; line-height: 1.25; font-weight: 700;
  margin: 36px 0 12px; color: #1A1A1A;
  padding-bottom: 6px; border-bottom: 1px solid #DEDEDE;
}

/* Lede — pulled-out intro paragraph, serif, slightly larger */
.lede {
  font-family: 'Merriweather', 'Noto Serif Devanagari', Georgia, serif;
  font-size: 18px; color: #1A1A1A;
  margin: 8px 0 32px; line-height: 1.65; max-width: 64ch;
}

/* Body — Merriweather, Indian-newspaper body-size convention */
p {
  font-family: 'Merriweather', 'Noto Serif Devanagari', Georgia, serif;
  color: #1A1A1A; margin: 0 0 16px; font-size: 16px; line-height: 1.75; max-width: 66ch;
}
strong { color: #1A1A1A; font-weight: 700; }
em { color: #1A1A1A; }
ul {
  color: #1A1A1A; padding-left: 22px; margin: 0 0 20px; max-width: 66ch;
  font-family: 'Merriweather', 'Noto Serif Devanagari', Georgia, serif;
  font-size: 16px; line-height: 1.75;
}
li { margin-bottom: 10px; }
li strong { color: #1A1A1A; }

code {
  background: #FAFAF7; border: 1px solid #DEDEDE; border-radius: 0;
  padding: 1px 6px; font-family: ui-monospace, 'SF Mono', Menlo, monospace;
  font-size: 13px; color: #1A1A1A;
}

/* Signoff — flat editorial closer with maroon rule */
.signoff {
  margin-top: 44px; padding-top: 22px;
  border-top: 3px solid #B01220;
  color: #6B6B6B; font-size: 14px;
  font-family: 'Merriweather', Georgia, serif; font-style: italic;
}

footer {
  text-align: center; padding: 30px 20px;
  font-family: 'Inter', sans-serif; font-size: 11px; color: #6B6B6B;
  border-top: 1px solid #DEDEDE;
  text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600;
}
footer a { color: #6B6B6B; margin: 0 10px; border: 0; }
footer a:hover { color: #B01220; }

@media (max-width: 700px) {
  header { padding: 12px 16px; }
  header strong { font-size: 22px; }
  main { padding: 24px 18px 50px; }
  h1 { font-size: 32px; }
  h2 { font-size: 20px; margin: 28px 0 10px; }
  .lede { font-size: 16.5px; }
  p, ul { font-size: 15.5px; }
}