:root { color: #fff3de; background: #25110f; }
body { color: #fff3de; background: radial-gradient(circle at 86% 2%, #512118 0, transparent 32%), radial-gradient(circle at 5% 52%, #381812 0, transparent 38%), #25110f; }
a, .text-link, .reference-link, .content-links a, footer a { color: #f3bd68; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid #f5c46b; outline-offset: 3px; }
.site-header, footer { border-color: #75442b; }
.discovery-nav { background: #bd6a22; border-block: 1px solid #e3a344; }
.discovery-nav .shell { display: flex; gap: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
.discovery-nav a { flex: 0 0 auto; display: inline-block; padding: 14px 19px; color: #fff7e8; text-decoration: none; font-size: 14px; font-weight: 700; border-right: 1px solid #e0a167; }
.discovery-nav a:first-child { border-left: 1px solid #e0a167; }
.discovery-nav a:hover, .discovery-nav a:focus-visible { background: #9c4a17; color: #fff; }
.brand { color: #fff5e6; }
.mark { display: inline-block; flex: 0 0 40px; width: 40px; height: 40px; border: 0; border-radius: 0; background: url('/images/kalika-mark.svg') center / contain no-repeat; font-size: 0; }
.site-header nav a, .breadcrumb a, .breadcrumbs a { color: #f0d3aa; }
.site-header nav a:hover, .breadcrumbs a:hover { color: #ffcf7b; }
.eyebrow, .explore-grid span, .card span, .learn-grid article span { color: #f0b74e; }
h1 em, .result-value { color: #f6be62; }
.lead, .dek, .prose-section p, .method p, .editorial-note { color: #e8d1bd; }
.pill-row span, .status { border-color: #976237; color: #f6c57b; }
.panel, .card, .explore-grid a, .search-result, .daily-facts div, .fact-grid div { background: #3c2019; border-color: #795037; }
.info-box, .beta-note, .beta-alert { background: #4b271b; border-color: #d48037; color: #f0dac4; }
.info-box strong, .card b, .fact-grid strong { color: #f7ca82; }
.card:hover, .explore-grid a:hover, .search-result:hover { border-color: #edab4a; }
.card p, .explore-grid small, .panel p, .search-result span, .bottom-cta p { color: #dfc6b2; }
.button, .intro-primary, .primary-button, form button, .search-form button { background: #efaf48; color: #2e140e; }
.button:hover, .intro-primary:hover, .primary-button:hover, form button:hover, .search-form button:hover { background: #ffc468; }
.secondary-button { border-color: #a5663a; color: #f2c27c; }
form input, form select, .search-form input { background: #301813; border-color: #86543a; color: #fff4e3; }
form label { color: #fff0da; }
.calendar-wrap, .calendar-wrap th, .calendar-wrap td, .table-wrap th, .table-wrap td { border-color: #74472f; }
.calendar-wrap thead { background: #52291b; color: #ffd082; }
.calendar-wrap tbody tr:nth-child(even) { background: #331a15; }
.source-note, .context, footer, form small { color: #cfae96; }
.hero-art { position: absolute; right: 0; top: 4px; width: min(30vw, 320px); height: auto; opacity: .43; filter: saturate(.85); pointer-events: none; }
.intro { position: relative; max-width: none; padding-right: min(30vw, 300px); }
.intro > :not(.hero-art) { position: relative; z-index: 1; }
@media (max-width: 760px) { .hero-art { width: 190px; right: 0; top: 2px; opacity: .18; } .intro { padding-right: 0; } }
.varga-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 30px 0 48px; }
.varga-grid div { display: grid; gap: 7px; padding: 19px; border: 1px solid #795037; border-radius: 12px; background: #3c2019; }
.varga-grid b { color: #f0b74e; font-size: 12px; letter-spacing: .12em; }
.varga-grid strong { color: #fff1d9; font: normal 20px Georgia, serif; }
.varga-grid span { color: #dfc6b2; font-size: 12px; line-height: 1.5; }
@media (max-width: 800px) { .varga-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .varga-grid { grid-template-columns: 1fr; } }
.editorial-visual { display: flex; align-items: center; gap: 30px; max-width: 750px; padding: 18px; margin: 0 0 34px; border: 1px solid #795037; border-radius: 14px; background: #3c2019; }
.editorial-visual img { width: min(42%, 220px); height: auto; border-radius: 10px; }
.editorial-visual figcaption { max-width: 350px; color: #e8d1bd; font: normal clamp(19px, 2vw, 26px)/1.4 Georgia, serif; }
@media (max-width: 520px) { .editorial-visual { gap: 15px; padding: 12px; } .editorial-visual img { width: 42%; } .editorial-visual figcaption { font-size: 16px; } }