/* BSB MECCA — CSS extracted from page-hall-of-fame.php (Session 4) */

/* block 0 */
html, body { background: #F5F3EE !important; }

.mr-hof-wrap { max-width: 1100px; margin: 0 auto; padding: 32px 20px 80px; color: #1A1A1A; font-family: 'DM Sans', sans-serif; }
.mr-hof-hero { margin-bottom: 28px; padding-bottom: 20px; border-bottom: 2px solid #1A1A1A; }
.mr-hof-hero h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 54px; font-weight: 400; line-height: 1; margin: 0 0 10px; letter-spacing: -1px; color: #1A1A1A; }
.mr-hof-hero p { color: #444444; font-size: 16px; margin: 0; max-width: 720px; }

.mr-hof-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.mr-hof-card { display: block; background: #F5F3EE; border: 1px solid #CCCCCC; border-radius: 0; padding: 18px; text-decoration: none; color: #1A1A1A; position: relative; overflow: hidden; transition: all .12s; }
.mr-hof-card:hover { background: #eae7e0; border-color: #C8102E; transform: translateY(-2px); }
.mr-hof-rank { position: absolute; top: 10px; right: 12px; font-family: 'Barlow Condensed', system-ui, sans-serif; font-size: 38px; font-weight: 800; line-height: 1; color: rgba(0,0,0,0.08); }
.mr-hof-card.top-1 .mr-hof-rank { color: rgba(217,80,10,0.3); }
.mr-hof-card.top-2 .mr-hof-rank { color: rgba(0,0,0,0.15); }
.mr-hof-card.top-3 .mr-hof-rank { color: rgba(0,0,0,0.12); }
.mr-hof-card.top-1 { border-color: #C8102E; }
.mr-hof-photo { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; background: #CCCCCC; margin-bottom: 12px; border: 2px solid #CCCCCC; }
.mr-hof-photo-empty { display: flex; align-items: center; justify-content: center; font-size: 28px; color: #888888; }
.mr-hof-card.top-1 .mr-hof-photo { border-color: #C8102E; }
.mr-hof-name { font-family: 'Barlow Condensed', system-ui, sans-serif; font-size: 22px; font-weight: 800; line-height: 1.15; margin-bottom: 4px; color: #1A1A1A; padding-right: 30px; }
.mr-hof-nat { font-size: 11px; color: #888888; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; margin-bottom: 10px; }
.mr-hof-stats { display: flex; gap: 10px; font-size: 11px; color: #444444; flex-wrap: wrap; }
.mr-hof-stat { display: flex; flex-direction: column; }
.mr-hof-stat strong { font-size: 16px; color: #C8102E; font-weight: 800; }
.mr-hof-card.top-1 .mr-hof-stat strong { color: #C8102E; }

@media(max-width:600px){
    .mr-hof-hero h1 { font-size: 36px; }
    .mr-hof-grid { grid-template-columns: 1fr 1fr; }
}