/* Deenpedia খোঁজা: হেডারের বোতাম ও Ctrl/⌘ K প্যানেল (Nur Emerald, দিন ও রাতের মোড) */
:root {
  --dps-bg: #FFFFFF; --dps-ink: #13241F; --dps-muted: #4A5C56; --dps-line: #E1E8E4; --dps-soft: #F3F7F5;
  --dps-acc: #0F5C4A; --dps-acc-soft: #E3EFEA; --dps-gold: #C8973A; --dps-gold-ink: #8A6420; --dps-gold-soft: #F6EEDC;
  --dps-on: #EAF3EF; --dps-shadow: 0 24px 64px rgba(10, 63, 51, .28), 0 2px 8px rgba(10, 63, 51, .12); --dps-scrim: rgba(7, 26, 21, .55);
}
:root[data-theme="dark"] {
  --dps-bg: #12211C; --dps-ink: #E8EFEC; --dps-muted: #9DB3AA; --dps-line: #233630; --dps-soft: #0E1B17;
  --dps-acc: #6CC4A1; --dps-acc-soft: #15302A; --dps-gold: #E2C07A; --dps-gold-ink: #E2C07A; --dps-gold-soft: #2A2414;
  --dps-on: #1A3129; --dps-shadow: 0 24px 64px rgba(0, 0, 0, .6); --dps-scrim: rgba(0, 0, 0, .65);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --dps-bg: #12211C; --dps-ink: #E8EFEC; --dps-muted: #9DB3AA; --dps-line: #233630; --dps-soft: #0E1B17;
    --dps-acc: #6CC4A1; --dps-acc-soft: #15302A; --dps-gold: #E2C07A; --dps-gold-ink: #E2C07A; --dps-gold-soft: #2A2414;
    --dps-on: #1A3129; --dps-shadow: 0 24px 64px rgba(0, 0, 0, .6); --dps-scrim: rgba(0, 0, 0, .65);
  }
}

/* হেডারের বোতাম */
.dps-btn { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 32px; padding: 0 5px 0 9px; border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .08); color: inherit; font: inherit; font-size: .82rem; cursor: pointer;
  transition: background .15s, border-color .15s; }
.dps-btn:hover { background: rgba(255, 255, 255, .16); border-color: rgba(200, 151, 58, .7); }
.dps-btn:focus-visible { outline: 2px solid #C8973A; outline-offset: 2px; }
.dps-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; flex: none; }
.dps-btn-t { opacity: .85; }
.dps-btn kbd { font: 600 .62rem/1 "Plus Jakarta Sans", system-ui, sans-serif; padding: 3px 4px; border-radius: 5px; background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .2); color: inherit; white-space: nowrap; }
/* বোতামের জায়গা করতে মেনুর ফাঁক একটু কমানো, যাতে বড় পর্দায় হেডার এক সারিতেই থাকে */
@media (min-width: 900px) { header.top nav.main a { padding-left: 8px; padding-right: 8px; } }
@media (min-width: 900px) and (max-width: 1179px) { .dps-btn { width: 36px; padding: 0; justify-content: center; } .dps-btn-t, .dps-btn kbd { display: none; } }
@media (max-width: 899px) {
  .dps-btn { width: 36px; height: 32px; padding: 0; justify-content: center; }
  .dps-btn-t, .dps-btn kbd { display: none; }
  .dps-btn svg { width: 20px; height: 20px; }
}
@media print { .dps-btn, .dps { display: none !important; } }

/* প্যানেল */
html.dps-lock, html.dps-lock body { overflow: hidden; }
.dps { position: fixed; inset: 0; z-index: 1000; font-family: "Noto Sans Bengali", "Hind Siliguri", system-ui, sans-serif; color: var(--dps-ink); }
.dps[hidden] { display: none; }
.dps-back { position: absolute; inset: 0; background: var(--dps-scrim); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); opacity: 0; transition: opacity .16s; }
.dps.on .dps-back { opacity: 1; }
.dps-panel { position: relative; margin: min(10vh, 96px) auto 0; width: min(680px, calc(100% - 32px)); max-height: min(78vh, 720px);
  display: flex; flex-direction: column; background: var(--dps-bg); border: 1px solid var(--dps-line); border-radius: 18px; box-shadow: var(--dps-shadow);
  overflow: hidden; opacity: 0; transform: translateY(-8px) scale(.985); transition: opacity .16s, transform .16s; }
.dps-panel::before { content: ""; display: block; height: 3px; background: linear-gradient(90deg, #0F5C4A, #C8973A 50%, #0F5C4A); flex: none; }
.dps.on .dps-panel { opacity: 1; transform: none; }
.dps-head { display: flex; align-items: center; gap: 10px; padding: 10px 12px 10px 18px; border-bottom: 1px solid var(--dps-line); flex: none; }
.dps-head > svg { width: 22px; height: 22px; fill: none; stroke: var(--dps-acc); stroke-width: 2.2; stroke-linecap: round; flex: none; }
.dps-in { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--dps-ink); font: inherit; font-size: 1.15rem; padding: 10px 0; }
.dps-in::placeholder { color: var(--dps-muted); opacity: .8; }
.dps-in::-webkit-search-cancel-button { display: none; }
.dps-clear { border: 0; background: var(--dps-soft); color: var(--dps-muted); width: 28px; height: 28px; border-radius: 50%; font-size: 1.1rem; line-height: 1; cursor: pointer; flex: none; }
.dps-clear[hidden] { display: none; }
.dps-x { border: 1px solid var(--dps-line); background: var(--dps-soft); color: var(--dps-muted); border-radius: 8px; padding: 4px 8px; font: 600 .72rem/1.2 "Plus Jakarta Sans", system-ui, sans-serif; cursor: pointer; flex: none; }
.dps-cancel { display: none; }
.dps-body { overflow-y: auto; overscroll-behavior: contain; padding: 6px 8px 10px; flex: 1; -webkit-overflow-scrolling: touch; }
.dps-g { padding: 4px 0; }
.dps-g h3 { margin: 10px 10px 4px; font-size: .78rem; font-weight: 600; color: var(--dps-gold-ink); letter-spacing: .02em; display: flex; align-items: center; gap: 6px; }
.dps-g h3 span { font-weight: 500; color: var(--dps-muted); background: var(--dps-soft); border-radius: 999px; padding: 0 7px; font-size: .72rem; }
.dps-opt { display: flex; align-items: flex-start; gap: 12px; padding: 9px 10px; border-radius: 12px; color: inherit; text-decoration: none; scroll-margin: 8px; }
.dps-opt.on { background: var(--dps-on); box-shadow: inset 3px 0 0 var(--dps-gold); }
.dps-ic { width: 34px; height: 34px; border-radius: 10px; flex: none; display: grid; place-items: center; background: var(--dps-acc-soft); color: var(--dps-acc);
  font: 700 1.1rem/1 Amiri, serif; }
.dps-ic.sm { background: transparent; width: 24px; height: 24px; color: var(--dps-muted); }
.dps-ic svg, .dps-chip svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dps-opt.go .dps-ic { background: var(--dps-acc); color: #fff; }
:root[data-theme="dark"] .dps-opt.go .dps-ic { color: #07120F; }
.dps-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.dps-tx small { font-size: .74rem; color: var(--dps-muted); line-height: 1.4; }
.dps-tx b { font-weight: 600; font-size: .98rem; line-height: 1.45; }
.dps-p { font-size: .84rem; color: var(--dps-muted); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dps-ar { font-family: Amiri, serif; font-size: 1.08rem; line-height: 1.8; color: var(--dps-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dps mark { background: var(--dps-gold-soft); color: inherit; border-radius: 3px; padding: 0 1px; box-shadow: inset 0 -2px 0 var(--dps-gold); }
.dps-go { color: var(--dps-muted); font-size: .78rem; align-self: center; white-space: nowrap; opacity: 0; }
.dps-opt.on .dps-go, .dps-opt.go .dps-go { opacity: 1; }
.dps-more { justify-content: center; font-size: .86rem; color: var(--dps-acc); font-weight: 600; padding: 7px; }
.dps-rc { display: flex; align-items: center; }
.dps-rc .dps-opt { flex: 1; align-items: center; padding: 6px 10px; }
.dps-rc button { border: 0; background: none; color: var(--dps-muted); font-size: 1.15rem; width: 32px; height: 32px; border-radius: 8px; cursor: pointer; }
.dps-rc button:hover { background: var(--dps-soft); }
.dps-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 10px 6px; }
.dps-chip { align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--dps-line); border-radius: 999px; font-size: .88rem; background: var(--dps-bg); }
.dps-chip svg { width: 15px; height: 15px; color: var(--dps-gold-ink); }
.dps-chip.on { box-shadow: none; border-color: var(--dps-acc); }
.dps-hint { margin: 10px 10px 4px; padding: 10px 12px; font-size: .84rem; line-height: 1.6; color: var(--dps-muted); background: var(--dps-soft); border-radius: 12px; }
.dps-hint b { color: var(--dps-ink); font-weight: 600; }
.dps-status { margin: 0; padding: 0 10px; font-size: .75rem; color: var(--dps-muted); min-height: 1em; }
.dps-none { text-align: center; padding: 28px 16px; }
.dps-none b { display: block; font-size: 1rem; margin-bottom: 4px; }
.dps-none p { margin: 0; color: var(--dps-muted); font-size: .88rem; }
.dps-foot { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; padding: 9px 16px; border-top: 1px solid var(--dps-line); background: var(--dps-soft);
  font-size: .76rem; color: var(--dps-muted); flex: none; }
.dps-foot kbd { font: 600 .68rem/1 "Plus Jakarta Sans", system-ui, sans-serif; border: 1px solid var(--dps-line); border-bottom-width: 2px; background: var(--dps-bg);
  border-radius: 5px; padding: 2px 5px; margin-right: 3px; color: var(--dps-ink); }
.dps-tip { margin-left: auto; }

/* ফোন: পুরো পর্দা */
@media (max-width: 640px) {
  .dps-panel { margin: 0; width: 100%; height: 100%; max-height: none; border-radius: 0; border: 0;
    padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); transform: translateY(12px); }
  .dps-head { padding: 8px 8px 8px 14px; }
  .dps-in { font-size: 1.05rem; }
  .dps-x { border: 0; background: none; color: var(--dps-acc); font: 600 .95rem/1 "Noto Sans Bengali", "Hind Siliguri", sans-serif; padding: 8px 6px; }
  .dps-esc { display: none; } .dps-cancel { display: inline; }
  .dps-foot { display: none; }
  .dps-body { padding: 4px 4px 24px; }
  .dps-go { display: none; }
  .dps-opt.on { box-shadow: none; background: transparent; }
}
@media (prefers-reduced-motion: reduce) { .dps-back, .dps-panel { transition: none; } }