/* /search/ — always-dark panel; fixed results min-height avoids CLS when results paint */
.sp{max-width:720px;margin:0 auto}
.sp h1{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}
.sp .lede{color:var(--mute);margin:0 0 20px;font-size:15px}
.spbox{background:#0b1f17;color:#e8f0ec;border-radius:18px;padding:20px 18px 22px;box-shadow:0 12px 40px rgba(11,31,23,.25)}
.spbox #sf{display:flex;gap:10px;align-items:stretch}
.spbox #sq{flex:1;min-width:0;height:48px;box-sizing:border-box;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#06291e;color:#fff;font:500 16px/1.3 Inter,system-ui,sans-serif}
.spbox #sq::placeholder{color:rgba(232,240,236,.55)}
.spbox #sf button{height:48px;padding:0 18px;border:0;border-radius:12px;background:#c9a24a;color:#1b1404;font:800 15px Inter,system-ui,sans-serif;cursor:pointer;flex:none}
.spbox #sf button:hover{filter:brightness(1.05)}
.spbox #ss{min-height:1.25em;margin:10px 0 0;font-size:13px;color:rgba(232,240,236,.7)}
.spbox #sr{min-height:280px;margin-top:12px}
.spbox .sn{margin:12px 0 0;color:rgba(232,240,236,.75)}
.spbox .slist{list-style:none;margin:0;padding:0}
.spbox .slist li{border-top:1px solid rgba(255,255,255,.1)}
.spbox .shit{display:block;padding:14px 4px;text-decoration:none;color:#e8f0ec}
.spbox .shit:hover{background:rgba(255,255,255,.04)}
.spbox .st{display:block;font-weight:700;color:#f0d78c;margin-bottom:4px}
.spbox .sx{display:block;font-size:14px;color:rgba(232,240,236,.78);line-height:1.45}
.spbox .sx mark{background:#c9a24a;color:#1b1404;padding:0 2px;border-radius:3px}
.spbox #sq:focus-visible,.spbox #sf button:focus-visible,.spbox .shit:focus-visible{outline:3px solid #d4a73c;outline-offset:2px}
.sp .hint{margin:14px 0 0;font-size:13px;color:var(--mute)}
@media(max-width:600px){.spbox{padding:16px 14px 18px}.spbox #sr{min-height:220px}}