/* site.css — ganeshbabu.me deltas on the kit (lead accent: studio red, the kit default).
   A plain index list and long-form prose; logged in docs/decisions.md as a kit candidate. */
.index__head { font-family: var(--font-display); font-weight: 700; font-size: var(--step-3); margin: var(--space-2xl) 0 var(--space-s); }
.index { list-style: none; margin: 0; padding: 0; border-top: var(--hair) solid var(--rule-strong); }
.index li { display: grid; grid-template-columns: 3.5rem 1fr; gap: var(--space-s); padding: var(--space-2xs) 0; border-bottom: var(--hair) solid var(--rule); }
.index--plain li { grid-template-columns: 1fr; }
.index__year, .note, .facts dt { color: var(--ink-faint); }
.page--entry .chapter__title { font-size: clamp(2rem, 4.5vw, 3.6rem); }
.prose { max-width: var(--measure); }
.prose h2, .prose h3, .prose h4 { font-family: var(--font-display); font-weight: 700; line-height: 1.15; margin: var(--space-xl) 0 var(--space-xs); }
.prose h2 { font-size: var(--step-2); }
.prose h3, .prose h4 { font-size: var(--step-1); }
.prose img, .prose iframe { display: block; margin: var(--space-l) 0; }
.prose img { height: auto; }
.prose blockquote { margin: var(--space-m) 0; padding-left: var(--space-m); border-left: 2px solid var(--accent); }
.facts { display: grid; grid-template-columns: minmax(8rem, auto) 1fr; gap: var(--space-2xs) var(--space-m); margin: 0 0 var(--space-xl); padding: var(--space-s) 0; border-block: var(--hair) solid var(--rule); font-size: var(--step--1); }
.facts dd, .facts ul { margin: 0; }
@media (max-width: 760px) { .facts { grid-template-columns: 1fr; } }