/* Reading layout for individual /insights/ posts. Loaded alongside home.css,
   which already provides the palette, type tokens, and nav/footer rules. */

.article { max-width: 680px; padding: 64px 24px 96px; font-family: var(--serif); }
.article .eyebrow a { color: var(--dim); }
@media (hover: hover) and (pointer: fine) { .article .eyebrow a:hover { color: var(--ink); } }
.article h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.9rem, 4.2vw, 2.6rem); margin-top: 8px; }
.article .dek { font: 400 1.2rem/1.5 var(--serif); color: var(--dim); margin-bottom: 40px; }
.article p { font-size: 1.05rem; }
.article a:not(.brand) { color: color-mix(in srgb, var(--teal) 70%, white 30%); font-weight: 500; }
@media (hover: hover) and (pointer: fine) { .article a:not(.brand):hover { color: var(--ink); } }