/* merge layer v3 (Oct 14): the real engine renders the panel content;
   the shell's mock pieces stay out of the way and the engine card wears
   the design's focused-search treatment (maroon). */
.so .so-default, .so .so-results, .so .res-empty { display: none !important; }
.so-panel { overflow: visible !important; max-height: none !important; }
#soEngine { position: relative; z-index: 2; }
.so [cmdk-root] {
  border: 1.5px solid var(--brand);
  border-radius: 28px;
  box-shadow: 0 24px 48px -24px rgba(0, 0, 0, .35);
}
.so [cmdk-input]:focus-visible { outline: none !important; }
.so :focus-visible { outline-color: var(--brand) !important; }
/* fallback slot rule (Oct 16 12:35 IST): every result row keeps its leading image slot; rows with no thumbnail get a neutral zinc tile so the gutter never reads as a broken asset */
div[role="listbox"] [role="option"]:not(:has(img))::before{content:"";position:absolute;left:8px;top:10px;width:54px;height:36px;border-radius:6px;background:#f4f4f5;border:1px solid rgba(0,0,0,0.05);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px 18px}
/* language segmented control (EN/hindi): selected segment reads ink on the zinc track for clear selected-state contrast (13:00 pass) */
span[role="radiogroup"] button[role="radio"].bg-white{background:#18181b !important;color:#ffffff !important;box-shadow:0 1px 2px rgba(0,0,0,.16) !important}
/* imageless rows reserve the same leading gutter as image rows so the fallback tile never overlaps the title (13:50 pass; image rows: option x+74 title, tile 8..62, gap 12) */
div[role="listbox"] [role="option"]:not(:has(img)):not(:has(> span[class*="w-[54px]"])){padding-left:74px}

/* footer (Oct 18 06:00 pass): the footer markup had no stylesheet of its own; it now wears the design system (neutral base, zinc hierarchy, top rule) */
.foot{max-width:72rem;margin:0 auto;padding:64px 24px 40px;border-top:1px solid #e4e4e7;color:#3f3f46}
.foot-top{display:flex;gap:56px;align-items:flex-start;flex-wrap:wrap;margin-bottom:36px}
.foot .brand-logo{height:30px;width:auto}
.foot-cols{display:flex;gap:56px;flex-wrap:wrap}
.foot-cols h6{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#71717a;margin:0 0 12px}
.foot-cols a{display:block;font-size:13px;color:#52525b;padding:4px 0;text-decoration:none}
.foot-cols a:hover{color:#18181b;text-decoration:underline;text-underline-offset:2px}
.foot-fine{font-size:11px;line-height:1.6;color:#71717a;max-width:62ch;margin:0}
.foot .linkish{background:none;border:0;padding:0;font:inherit;font-size:11px;color:#52525b;text-decoration:underline;text-underline-offset:2px;cursor:pointer}

@media (max-width:767px){
  /* 179:00 footer was three cramped columns at 390; two-up grid with real tap targets */
  .foot{padding:48px 24px 32px}
  .foot-top{gap:32px;margin-bottom:24px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;flex-wrap:nowrap}
  .foot-cols a{padding:12px 0;font-size:14px}
  .foot-cols h6{margin:0 0 4px}
  .foot-fine{font-size:12px}
}
.foot .linkish:hover{color:#18181b}