/* Shared search panel (homepage + /search): box on top, options below */
.s-page{max-width:900px}
.s-title{font-size:26px;margin:24px 0 14px}
.sp{max-width:760px;margin:0 auto;text-align:left}
.s-page .sp{max-width:none}
.sp [hidden]{display:none!important}
.sp-box .sp-one,.sp-box .sp-parts{display:flex;align-items:center;gap:6px;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:6px 6px 6px 16px;box-shadow:0 6px 22px -14px rgba(0,0,0,.35);transition:border-color .15s,box-shadow .15s}
.sp-box .sp-one:focus-within,.sp-box .sp-parts:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}
.sp-box .ic{width:22px;height:22px;color:var(--muted);flex:none}
.sp-one .sp-in{flex:1;min-width:0;border:0;background:none;outline:none;font:20px/1.4 "Tiro Bangla",serif;color:var(--ink);padding:8px 4px}
.sp-x{border:0;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:6px 8px;border-radius:8px}
.sp-x:hover{background:var(--chip)}
.sp-go{flex:none;border:0;background:var(--primary);color:var(--on-primary);border-radius:11px;padding:0 20px;height:44px;font:600 16px "Tiro Bangla",serif;cursor:pointer}
.sp-go:hover{filter:brightness(1.08)}
.sp-parts{display:none!important}
.sp[data-mode="parts"] .sp-one{display:none!important}
.sp[data-mode="parts"] .sp-parts{display:flex!important}
.sp-parts label{flex:1;min-width:0;display:flex;flex-direction:column;padding:2px 10px;border-left:1px solid var(--line)}
.sp-parts label:first-of-type{border-left:0;padding-left:2px}
.sp-parts label span{font-size:12.5px;color:var(--muted);line-height:1.2}
.sp-parts .sp-in{border:0;background:none;outline:none;font:18px/1.4 "Tiro Bangla",serif;color:var(--ink);padding:2px 0;width:100%}
.sp-modes{display:flex;justify-content:center;margin-bottom:10px}
.s-page .sp-modes{justify-content:flex-start}
.sp-opts{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:14.5px}
.sp-seg{display:inline-flex;background:var(--chip);border-radius:999px;padding:3px;gap:2px}
.sp-seg button{border:0;background:none;color:var(--muted);border-radius:999px;padding:5px 14px;font:15px "Tiro Bangla",serif;cursor:pointer;white-space:nowrap}
.sp-seg button:hover{color:var(--ink)}
.sp-seg button[aria-checked="true"],.sp-seg button[aria-pressed="true"]{background:var(--surface);color:var(--primary);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.sp-head{font-size:16px;margin:18px 2px 6px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.dent.wk .n{color:var(--muted);font-size:13px}
.sp-hint{margin:12px 4px 6px;font-size:14.5px}
.sp-hint:empty{display:none}
.sp-empty{padding:22px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:12px}
.sp-empty .btn{margin-left:8px}
@media (max-width:640px){
  .sp-modes .sp-seg{width:100%}
  .sp-seg{overflow-x:auto}
  .sp-seg button{flex:1;padding:5px 10px;font-size:14px}
  .sp[data-mode="parts"] .sp-parts{flex-wrap:wrap;padding:8px}
  .sp-parts .ic{display:none}
  .sp-parts label{flex:1 1 100%;border-left:0;border-bottom:1px solid var(--line);padding:4px 6px}
  .sp-parts .sp-go{flex:1 1 100%;margin-top:4px}
  .sp-go{padding:0 14px}
  .s-title{font-size:22px;margin:16px 0 10px}
}