.radio-sort{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.radio-sort button{border:1px solid #ccd3c8;background:#fff;color:#354033;border-radius:6px;padding:12px 16px;min-height:44px;font-size:14px;font-weight:600}.radio-sort button[aria-pressed=true]{background:#263c52;border-color:#263c52;color:#fff}.radio-sort button:focus-visible{outline:3px solid #459ddd;outline-offset:3px}.radio-sort-note{margin:-8px 0 20px;font-size:13px;color:#646c63;line-height:1.5}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:0}.station,.station.active{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:12px 4px;border:0;border-bottom:1px solid #dce1e6;border-radius:0;background:transparent;box-shadow:none}.station.active{background:#eaf3fc;box-shadow:inset 3px 0 #2572b8}.station:hover{transform:none;background:#edf3f8}.station .station-logo{width:52px;height:44px;min-width:0;margin:0;border-radius:3px;font-size:21px}.station .station-logo img{width:52px;height:44px;max-height:44px;object-fit:contain;padding:2px}.station .station-name{padding:0;font-size:14px;font-weight:500;line-height:1.4;color:#294e71;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station .station-genre,.station .card-play{display:none}.radio-sort{gap:6px}.radio-sort button{padding:11px 12px;flex:1}.section-top{padding-bottom:18px}.radio-sort-note{font-size:12px}}
@media(max-width:380px){.grid{column-gap:10px}.station,.station.active{grid-template-columns:42px minmax(0,1fr);gap:7px}.station .station-logo,.station .station-logo img{width:42px}.radio-sort button{font-size:13px;padding-inline:8px}}