/* Bestenliste (Top 100 bestbewertete Restaurants). Ergaenzt restaurants.css (Hero) + base.css (Sterne). */
.bl-intro{max-width:46rem;color:#5c574a;font-size:1.02rem;line-height:1.6;margin:16px 0 4px}
.bl-intro b{color:#1f1e18;font-weight:700}
.bl-note{font-size:.82rem;color:#9a9280;margin:14px 0 40px}

.bl-list{margin:26px 0 8px;border-top:1px solid #e7e2d6}
.bl-row{display:grid;grid-template-columns:56px 76px 1fr auto;align-items:center;gap:16px;
  padding:14px 6px;border-bottom:1px solid #e7e2d6;color:inherit;text-decoration:none;transition:background .15s}
.bl-row:hover{background:#faf8f3}

.bl-rank{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:1.5rem;
  color:#c3bcaa;text-align:center;font-variant-numeric:tabular-nums;line-height:1}
.bl-row-top .bl-rank{color:#fff;width:44px;height:44px;margin:0 auto;border-radius:999px;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 4px 12px -4px rgba(0,0,0,.35)}
.bl-rank-1{background:linear-gradient(145deg,#e7c66b,#b8912f)}
.bl-rank-2{background:linear-gradient(145deg,#cbced6,#9299a3)}
.bl-rank-3{background:linear-gradient(145deg,#d8a06b,#a86a38)}

.bl-photo{width:76px;height:76px;border-radius:10px;overflow:hidden;background:#efece4;flex:none}
.bl-photo img{width:100%;height:100%;object-fit:cover;display:block}

.bl-body{min-width:0}
.bl-name{font-weight:700;color:#1f1e18;line-height:1.2;overflow-wrap:anywhere}
.bl-loc{font-size:.9rem;color:#8a8474;margin-top:3px}
.bl-row:hover .bl-name{text-decoration:underline}

.bl-rate{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;white-space:nowrap}
.bl-avg{font-weight:800;color:#1f1e18;font-variant-numeric:tabular-nums;font-size:1.05rem}
.bl-cnt{font-size:.8rem;color:#9a9280}

@media(max-width:560px){
  .bl-row{grid-template-columns:40px 60px 1fr;gap:12px;padding:12px 2px}
  .bl-rank{font-size:1.2rem}
  .bl-photo{width:60px;height:60px}
  .bl-row-top .bl-rank{width:36px;height:36px;font-size:1rem}
  .bl-rate{grid-column:2 / -1;flex-direction:row;align-items:center;justify-content:flex-start;
    gap:10px;text-align:left;margin-top:2px}
}