.srch { max-width: 760px; margin-inline: auto; padding-top: 18px; }
.sbox { position: sticky; top: 0; z-index: 20; padding: 8px 0 12px; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); }
.sbox .search-i { position: absolute; left: 20px; top: 50%; translate: 0 -50%; width: 20px; height: 20px; fill: none; stroke: var(--ink-2); stroke-width: 2.4; stroke-linecap: round; pointer-events: none; }
.sbox input { width: 100%; height: 54px; padding: 0 20px 0 52px; border: 2px solid transparent; border-radius: 28px; background: var(--soft); outline: none; font: 600 16px var(--ml), var(--en); }
.sbox input:focus { background: #fff; border-color: #ff9d00; box-shadow: 0 0 0 4px rgba(255,157,0,.18); }
.sbox input::placeholder { color: var(--ink-2); font-weight: 500; }
.rgroup { margin: 6px 0 18px; }
.rgroup h2 { margin: 0 0 6px; padding: 0 4px; font: 800 12px var(--en); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.rrow { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 16px; text-decoration: none; }
.rrow:hover, .rrow:focus-visible { background: var(--soft); outline: 0; }
.rico { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #ffe38a, #ffb340); color: #1a0b4a; }
.rico svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.rtxt { flex: 1; min-width: 0; display: grid; }
.rtxt b { font: 800 15.5px var(--ml), var(--en); }
.rtxt small { font: 500 12.5px var(--ml), var(--en); color: var(--ink-2); }
.rtag { flex: none; padding: 3px 10px; border-radius: 12px; background: #e7f7ee; color: #12805c; font: 800 11.5px var(--en); }
.rnone { padding: 40px 0; text-align: center; color: var(--ink-2); font-weight: 600; }
@media (max-width: 767px) { .srch { padding-top: calc(8px + env(safe-area-inset-top)); } .sbox input { height: 50px; } }