/* ColumbusLocalIndex red, white, and blue visual identity. */
:root {
  --clindex-ink: #0b1f3a;
  --clindex-muted: #405c7d;
  --clindex-copper: #ce2029;
  --clindex-river: #5d93c8;
  --clindex-paper: #ffffff;
  --clindex-mist: #eef5fb;
}

.clindex-site { background: #f7f9fc; color: var(--clindex-ink); font-family: "Manrope", Arial, sans-serif; }
.clindex-site h1, .clindex-site h2, .clindex-site h3, .clindex-site .clindex-brand-word { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; letter-spacing: -0.025em; }
.clindex-site .clindex-site-header, .clindex-site .clindex-footer, .clindex-site .clindex-add-button, .clindex-site .clindex-featured-promo { background-color: var(--clindex-ink); }
.clindex-site .clindex-add-button, .clindex-site .clindex-kicker, .clindex-site .clindex-eyebrow, .clindex-site .clindex-topic-label, .clindex-site .clindex-category-button.is-active { color: var(--clindex-copper); }
.clindex-site .clindex-category-button.is-active, .clindex-site .clindex-cta-button, .clindex-site .clindex-directory-card--featured::before { background-color: var(--clindex-copper); }
.clindex-site .clindex-logo-image { background: #fff; border-color: rgba(179,25,66,.3); }
.clindex-site .clindex-patriotic-hero { background-position: center; background-size: cover; }
.clindex-site .clindex-patriotic-hero .clindex-hero-wash { background: linear-gradient(90deg, rgba(7,31,67,.97), rgba(7,31,67,.91) 36%, rgba(7,31,67,.54) 60%, rgba(7,31,67,.16)); }
.clindex-site .clindex-patriotic-hero h1, .clindex-site .clindex-patriotic-hero .clindex-current-hero-lead, .clindex-site .clindex-patriotic-hero .clindex-search-help { color: #fff; }
.clindex-site .clindex-patriotic-hero h1 em, .clindex-site .clindex-patriotic-hero .clindex-label, .clindex-site .clindex-patriotic-hero .clindex-current-hero-note a { color: #ce2029; }
.clindex-site .clindex-patriotic-hero .clindex-label { border-color: rgba(255,255,255,.35); background: rgba(7,31,67,.58); }
.clindex-site .clindex-patriotic-hero .clindex-current-hero-note { background: rgba(7,31,67,.92); box-shadow: 0 16px 44px rgba(7,31,67,.28); }
.clindex-site .clindex-patriotic-hero .clindex-current-hero-note > div { color: #ce2029; }
.clindex-site .clindex-patriotic-hero .clindex-current-search button { background: #0b1f3a; }
.clindex-site .clindex-site-header { border-top: 4px solid #ce2029; border-bottom: 1px solid #c7d8e9; background: rgba(255,255,255,.96); box-shadow: 0 6px 18px rgba(7,31,67,.06); }
.clindex-site .clindex-site-header .clindex-nav-links a { color: #314c6b; }
.clindex-site .clindex-site-header .clindex-nav-links a:hover { color: #ce2029; }
.clindex-site .clindex-footer { border-top: 4px solid #ce2029; background: #fff; color: #0b1f3a; }
.clindex-site .clindex-footer p, .clindex-site .clindex-footer a { color: #405c7d; }
.clindex-site .clindex-footer .clindex-eyebrow, .clindex-site .clindex-footer a:hover { color: #ce2029; }
.clindex-site .clindex-preview-main { background: linear-gradient(180deg, #f7f9fc 0%, #fff 32%, #eef5fb 70%, #fff 100%); }
.clindex-site .clindex-history { border-block: 1px solid #183f6d; background: #0b1f3a; color: #fff; }
.clindex-site .clindex-history-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 4rem; align-items: end; padding-block: 5rem; }
.clindex-site .clindex-history .clindex-eyebrow { color: #ce2029; }
.clindex-site .clindex-history h2 { margin: 1rem 0 0; color: #fff; font-size: clamp(3rem, 4vw, 4.1rem); line-height: .92; }
.clindex-site .clindex-history p { margin: 0; color: #e7f0f9; font-size: 1rem; line-height: 1.8; }
.clindex-site .clindex-history p + p { margin-top: 1.25rem; color: #d9e7f7; }
.clindex-site .clindex-history a { color: #fff; font-weight: 700; text-decoration-color: #ce2029; text-underline-offset: 4px; }
@media (max-width: 900px) { .clindex-site .clindex-history-grid { grid-template-columns: 1fr; gap: 2rem; padding-block: 4rem; } }