/* 검색 화면. **전부 `#dp-app` 안으로 범위를 좁힌다** — 테마 안에 얹혀 들어가므로
   맨몸 선택자를 쓰면 테마의 머리말·사이드바까지 물든다.
   색은 테마 강조색(#de7b85)에 맞춘다. 우리가 새 색을 들이지 않는다. */
#dp-app .hero{padding:22px 0 6px}
#dp-app .hero h1{font-size:26px;margin:0 0 8px}
#dp-app .hero p{color:#767676;margin:0 0 18px;font-size:15px}
#dp-app .sbox{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
#dp-app .sbox input[type=search]{flex:1 1 320px;font-size:17px;padding:11px 14px;
  border:1px solid #cfcfcf;border-radius:6px;font-family:inherit}
#dp-app .sbox input[type=search]:focus{outline:2px solid #de7b85;outline-offset:1px;
  border-color:#de7b85}
#dp-app .sbox button{font-size:16px;padding:11px 20px;border:0;border-radius:6px;
  background:#16181a;color:#fff;cursor:pointer;font-family:inherit;font-weight:600}
#dp-app .sbox button:hover{background:#de7b85}
#dp-app .filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
#dp-app .filters select{font-size:14px;padding:7px 10px;border:1px solid #cfcfcf;
  border-radius:5px;background:#fff;font-family:inherit;max-width:230px}
#dp-app .filters button{font-size:14px;padding:7px 12px;border:1px solid #cfcfcf;
  border-radius:5px;background:#fff;cursor:pointer;font-family:inherit}
#dp-app .status{color:#767676;font-size:14px;margin:0 0 8px;min-height:22px}
#dp-app .hit{display:inline-block;background:#f6eef0;color:#a85560;border-radius:3px;
  padding:1px 7px;font-size:12.5px;margin-left:6px;vertical-align:2px}
#dp-app mark{background:#fff3a3;padding:0 1px}
#dp-app .more{display:block;width:100%;margin:16px 0 0;padding:12px;font-size:15px;
  border:1px solid #cfcfcf;border-radius:6px;background:#fff;cursor:pointer;font-family:inherit}
#dp-app .tips{color:#767676;font-size:13.5px;margin:18px 0 0;line-height:1.8}
#dp-app .tips code{background:#f4f6f8;padding:1px 6px;border-radius:3px}