.radio-ratings{color:#35313e;background:#fff;border:1px solid #e5deea;border-radius:16px;margin:1.1rem 0;padding:1.4rem 1.6rem}.rating-heading{flex-wrap:wrap;align-items:baseline;gap:.8rem;margin-bottom:.6rem;display:flex}.rating-heading>span,.rating-hint{color:#776e80;font-size:.78rem}.rating-row{border-top:1px solid #eee8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.rating-row>div:first-child{min-width:0}.rating-row strong,.rating-row small,.rating-row>div>span{overflow-wrap:anywhere;display:block}.rating-row small{letter-spacing:.12em;color:#87718f;margin-bottom:.3rem;font-size:.6rem}.rating-row strong{font-size:.92rem}.rating-row>div>span{color:#776e80;margin-top:.2rem;font-size:.8rem}.rating-actions{flex-shrink:0;gap:.5rem;display:flex}.rating-actions button{font-size:.76rem}.rating-actions button[aria-pressed=true]{color:#533e65;background:#ece5f2;border-color:#9374a7}.rating-actions button:last-child[aria-pressed=true]{color:#7e4638;background:#f7e7e1;border-color:#bc8c7c}.rating-notice{color:#507064;min-height:1.3em;margin-top:.4rem;font-size:.8rem}.rating-hint{line-height:1.6;display:block}.popularity{margin-top:1.5rem}.popularity .section-heading p{color:#777;font-size:.85rem}.popularity-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;font-size:.85rem;display:flex}.popularity-filter select{border:1px solid #ddd;border-radius:6px;margin-left:.5rem;padding:.4rem}.popularity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.8rem 0 1.7rem;display:grid}.popularity-grid .panel{padding:1.2rem}.popularity-grid h4{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.popularity-grid td small{color:#777;font-size:.75rem;display:block}.popularity-grid td:first-child{overflow-wrap:anywhere;min-width:130px;max-width:290px}.popularity-grid td:not(:first-child){white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:1050px){.popularity-grid{grid-template-columns:1fr}}@media (max-width:640px){.radio-ratings{padding:1.1rem}.rating-row{flex-direction:column;align-items:flex-start}.rating-actions{width:100%}.rating-actions button{flex:1}.rating-heading{gap:.3rem}}
