/* Generated by KYP Site Builder — reads the --color-*/--text-*/--radius-* custom
   properties site.html.erb sets from theme_config, so a token change here never
   needs a second edit in the generator. */
.eyebrow { display: block; font-family: var(--font-body); font-size: var(--text-eyebrow-size); font-weight: var(--text-eyebrow-weight); letter-spacing: var(--text-eyebrow-tracking); text-transform: uppercase; color: var(--color-gold); }
.gold-rule { width: 96px; height: 1px; margin: 0.85em auto; border: 0; background: linear-gradient(to right, transparent, var(--color-gold-line), transparent); }
.gold-rule--left { margin-left: 0; }
.card { background-color: var(--color-paper-alt); border: 1px solid var(--color-line); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.social-link:hover { color: var(--color-gold); }
.nav-link:hover { color: var(--color-gold); }
.nav-dropdown-item:hover { background-color: var(--color-paper-alt); }

.prose { max-width: var(--max-width-content); font-size: var(--text-body-size); line-height: var(--text-body-line); color: var(--color-ink); }
.prose p { margin-bottom: 1.25em; }
.prose h2 { font-size: var(--text-h2-size); line-height: var(--text-h2-line); font-weight: 700; margin: 1.5em 0 0.5em; font-family: var(--font-heading); color: var(--color-ink); }
.prose h3 { font-size: var(--text-h3-size); font-weight: 600; margin: 1.25em 0 0.5em; font-family: var(--font-heading); color: var(--color-ink); }
.prose ul, .prose ol { padding-left: 1.5em; margin-bottom: 1em; }
.prose li { margin-bottom: 0.35em; }
.prose a { color: var(--color-gold); text-decoration: underline; text-underline-offset: 2px; }
.prose img { border-radius: var(--radius-lg); margin: 1.5em 0; box-shadow: var(--shadow-card); }
.prose blockquote { border-left: 3px solid var(--color-gold-line); padding-left: 1em; color: var(--color-ink-soft); font-style: italic; }