/* Dvar brand: Chalk ground, Neel structure, one Diya moment per view. */
:root {
  color-scheme: light;
  --neel-900: #0F1233; --neel-700: #1F2766; --neel-500: #3D4AA0; --neel-400: #5A66B8; --neel-200: #9AA3E0; --neel-50: #ECEEF8;
  --diya-500: #F2A93B; --diya-700: #9A5F0E; --diya-50: #FBF3E4;
  --chalk: #F1F2EE; --card: #FFFFFF; --ink: #14161B; --kota-700: #4F5E5A; --line: #D9DBD3; --line-soft: #E8EAE3;
  --sindoor: #B3372B; --neem: #2E7650;
  --font: "Anek Latin", "Anek Devanagari", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--chalk); color: var(--ink); font-family: var(--font); font-variant-numeric: tabular-nums; }
a { color: var(--neel-500); }
:focus-visible { outline: 2px solid var(--neel-500); outline-offset: 2px; }

.top { display: flex; align-items: center; gap: 18px; padding: 0 22px; height: 56px; background: var(--card); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 10; }
.top .logo { display: flex; align-items: center; flex: none; }
.top .logo img { height: 22px; display: block; }
.top .for { color: var(--kota-700); font-size: 14px; padding-left: 16px; border-left: 1px solid var(--line); white-space: nowrap; }
.top nav { display: flex; gap: 2px; margin-left: auto; height: 100%; overflow-x: auto; scrollbar-width: none; }
.top nav a { display: flex; align-items: center; padding: 0 12px; height: 100%; color: var(--kota-700); text-decoration: none; font-size: 15px; font-weight: 500; white-space: nowrap; border-bottom: 2px solid transparent; transition: color .15s ease, border-color .15s ease; }
.top nav a:hover { color: var(--neel-700); }
.top nav a[aria-current="page"] { color: var(--neel-700); border-bottom-color: var(--neel-700); }
@media (max-width: 760px) {
  .top { height: auto; flex-wrap: wrap; padding: 10px 16px 0; gap: 8px 14px; }
  .top .for { font-size: 13px; padding-left: 12px; }
  .top nav { margin-left: 0; width: 100%; height: 42px; }
  .top nav a { padding: 0 10px; font-size: 14px; }
}

.threshold { display: block; width: 48px; height: 4px; background: var(--diya-500); margin: 0 0 18px; border: 0; }
.eyebrow { font-size: 12px; line-height: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; color: var(--kota-700); }