/* filter toolbar */
.toolbar{position:sticky;top:68px;z-index:40;background:rgba(245,242,235,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.toolbar-inner{padding-block:16px;display:flex;flex-direction:column;gap:14px}
.search-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-2);border-radius:12px;padding:12px 16px}
.search-row:focus-within{border-color:var(--ink)}
.search-row svg{width:19px;height:19px;color:var(--muted);flex:none}
.search-row input{flex:1;border:0;background:none;font-family:var(--body);font-size:16px;color:var(--ink)}
.search-row input:focus{outline:none}
.filter-rows{display:flex;flex-direction:column;gap:9px}
.filter-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.filter-line .glabel{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);min-width:74px}
.fbtn{font-family:var(--display);font-weight:600;font-size:13.5px;padding:7px 14px;border-radius:100px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);cursor:pointer;transition:all .2s var(--ease)}
.fbtn:hover{border-color:var(--ink);color:var(--ink)}
.fbtn.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.fbtn.on.y{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow)}
.result-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:30px 0 18px;flex-wrap:wrap}
.result-line .n{font-family:var(--display);font-weight:800;font-size:20px}
.result-line .n b{color:var(--yellow-deep)}
.sort{font-family:var(--mono);font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px}

/* radar list */
.radar-list{display:flex;flex-direction:column;gap:14px}
.rrow{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
.rrow:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}
.rrow .lead{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:96px}
.rrow .routes{display:flex;gap:6px;flex-wrap:wrap}
.rrow .mid{min-width:0}
.rrow .mtop{display:flex;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap}
.rrow h3{font-size:19px;letter-spacing:-.02em;line-height:1.2}
.rrow:hover h3{text-decoration:underline;text-decoration-color:var(--yellow-deep);text-underline-offset:3px;text-decoration-thickness:2px}
.rrow p{margin:6px 0 0;color:var(--ink-2);font-size:14.5px;line-height:1.5;max-width:70ch}
.rrow .rmeta{display:flex;gap:16px;flex-wrap:wrap;margin-top:11px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.rrow .rmeta span{display:flex;align-items:center;gap:6px}
.rrow .rmeta svg{width:13px;height:13px}
.rrow .end{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.rrow .arrow{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.rrow:hover .arrow{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow)}
@media (max-width:760px){
  .rrow{grid-template-columns:1fr;gap:14px}
  .rrow .end{flex-direction:row;align-items:center;justify-content:space-between}
}
.empty{display:none;text-align:center;padding:60px 20px;color:var(--muted)}
.empty svg{width:40px;height:40px;color:var(--faint);margin-bottom:14px}