.profile-clubs{min-height:245px;padding:clamp(22px,3.5vw,38px);background:#e4edf4}
.profile-clubs .profile-section-title h2{margin-bottom:14px}
.profile-club-list{display:grid}
.profile-club-row{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #cbd8e3;color:#1b2d42;text-decoration:none}
.profile-club-row>img,.profile-club-placeholder{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#d2dfeb}
.profile-club-placeholder{display:grid;place-items:center;color:#527895;font:500 20px var(--serif)}
.profile-club-copy{display:grid;gap:4px;min-width:0}
.profile-club-copy b{font:600 12px var(--sans);overflow-wrap:anywhere}
.profile-club-copy small{color:#6d8192;font:8px var(--mono)}
.profile-club-copy>span{color:#64798a;font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.profile-club-arrow{color:#4f86a8;font-size:15px}
.profile-club-row:hover .profile-club-copy b{color:#214bd1}
.profile-activity-copy{min-width:0}
.profile-activity-item blockquote{margin:5px 0 0;border-left:2px solid #b7ccdc;padding-left:9px;color:#708293;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.profile-activity-status{min-height:1em;margin:4px 0;color:#708293;font-size:10px}
.profile-activity-more{padding:9px 12px;border:1px solid #b8cce0;background:#fff;color:#214bd1;font:600 10px var(--sans);cursor:pointer}
.profile-activity-more:hover{background:#e4edf4}
.profile-activity-more:focus-visible{outline:2px solid #214bd1;outline-offset:2px}
.profile-activity-more[hidden]{display:none}
@media(max-width:620px){.profile-clubs{min-height:0;padding:22px}.profile-club-row{grid-template-columns:40px minmax(0,1fr) 16px;gap:10px}.profile-club-row>img,.profile-club-placeholder{width:40px;height:40px}.profile-activity-item{grid-template-columns:22px minmax(0,1fr);gap:7px}}
@media(prefers-reduced-motion:reduce){.profile-club-row,.profile-activity-more{scroll-behavior:auto}}
.profile-review-more,.profile-rating-more{color:#214bd1;font:600 11px var(--sans);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.profile-rating-more{display:inline-block;margin-left:6px}
.profile-review-more:focus-visible,.profile-rating-card:focus-visible{outline:2px solid #214bd1;outline-offset:3px}

.profile-followers-panel{display:grid;grid-template-columns:minmax(105px,.85fr) minmax(0,2fr);align-items:center;gap:22px;padding:24px 28px;margin:24px 0;background:#e3ecf4;color:#172c46}
.profile-followers-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#527fa1;white-space:nowrap}
.profile-followers-heading strong{display:block;font:500 58px/1.1 var(--sans);margin:10px 0 3px;letter-spacing:-2px}
.profile-followers-heading h2{font:400 18px/1.4 var(--sans);margin:0}
.profile-followers-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(30px,1fr));gap:8px;align-items:center}
.profile-follower-avatar,.profile-follower-more{display:grid;place-items:center;width:100%;max-width:40px;aspect-ratio:1;border:0;border-radius:50%;overflow:hidden;text-decoration:none;background:#3c6c52;color:white;font:600 12px var(--sans);padding:0;cursor:pointer}

.profile-follower-avatar img{width:100%;height:100%;object-fit:cover}.profile-follower-more{background:#1b2f4b}
.profile-follower-avatar:focus-visible,.profile-follower-more:focus-visible{outline:2px solid #275b95;outline-offset:3px}
.profile-followers-people [role=status]{font-size:12px;line-height:1.5}.profile-followers-people [role=status]:empty{display:none}
@media(min-width:851px){
 .profile-clubs.is-compact{min-height:0;padding:10px 16px}
 .profile-clubs.is-compact .profile-section-title .eyebrow{font-size:7px}
 .profile-clubs.is-compact .profile-section-title h2{margin:2px 0 3px;font-size:20px;line-height:1.1}
 .profile-clubs.is-compact>.profile-empty{margin:0;font-size:10px;line-height:1.3}
 .profile-clubs.is-compact .profile-club-row{grid-template-columns:40px minmax(0,1fr) 16px;gap:10px;padding:8px 0}
 .profile-clubs.is-compact .profile-club-row>img,.profile-clubs.is-compact .profile-club-placeholder{width:40px;height:40px}
 .profile-followers-panel.is-compact{grid-template-columns:minmax(68px,.45fr) minmax(0,2fr);gap:10px;padding:8px 14px;margin:8px 0}
 .profile-followers-panel.is-compact .profile-followers-heading .eyebrow{font-size:7px}
 .profile-followers-panel.is-compact .profile-followers-heading strong{font-size:30px;line-height:1;margin:3px 0 1px;letter-spacing:-1px}
 .profile-followers-panel.is-compact .profile-followers-heading h2{font-size:12px;line-height:1.2}
 .profile-followers-panel.is-compact .profile-followers-people{display:flex;align-items:center;gap:10px;min-width:0}
 .profile-followers-panel.is-compact .profile-followers-people [role=status]{margin:0;font-size:10px}
}
@media(max-width:400px){.profile-followers-panel{padding:20px 16px;gap:16px;grid-template-columns:100px minmax(0,1fr)}.profile-followers-heading strong{font-size:48px}}

/* Compact follower strip below the profile diary reviews. */
#publicView .profile-dashboard-primary .profile-followers-panel{display:block;min-width:0;margin:0;padding:15px 18px;background:#e4edf4;border-radius:10px;color:#172c46}
.profile-followers-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.profile-followers-header .eyebrow{display:block;color:#6383a0;font-size:8px;letter-spacing:1.4px}
.profile-followers-header h2{display:flex;align-items:baseline;gap:7px;margin:4px 0 0;font:600 17px/1.2 var(--sans);letter-spacing:-.02em}
.profile-followers-header h2 small{color:#6d8192;font:500 10px var(--mono)}
.profile-followers-controls{display:none;gap:6px}
.profile-followers-panel.has-overflow .profile-followers-controls{display:flex}
.profile-followers-controls button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #b9cddd;border-radius:7px;background:#f7fafc;color:#214bd1;font:600 14px/1 var(--sans);cursor:pointer}
.profile-followers-controls button:hover:not(:disabled){background:#dce9f2;border-color:#83a7c1}
.profile-followers-controls button:disabled{opacity:.4;cursor:default}
.profile-followers-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity}
.profile-followers-viewport::-webkit-scrollbar{display:none}
.profile-followers-viewport:focus-visible{outline:2px solid #214bd1;outline-offset:2px;border-radius:5px}
.profile-followers-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start;min-width:0}
.profile-follower-avatar{display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;max-width:none;aspect-ratio:auto;overflow:visible;background:transparent;color:#536a7d;text-decoration:none;scroll-snap-align:start}
.profile-follower-avatar>img,.profile-follower-avatar>span{display:grid;place-items:center;width:42px;height:42px;max-width:100%;border-radius:50%;object-fit:cover;background:#3c6c52;color:#fff;font:600 13px var(--sans)}
.profile-follower-avatar:nth-child(5n+2)>span{background:#8b4b36}
.profile-follower-avatar:nth-child(5n+3)>span{background:#41548a}
.profile-follower-avatar:nth-child(5n+4)>span{background:#31727d}
.profile-follower-avatar:nth-child(5n+5)>span{background:#71446e}
.profile-follower-avatar small{display:block;width:100%;overflow:hidden;color:#536a7d;font:9px/1.2 var(--sans);text-align:center;text-overflow:ellipsis;white-space:nowrap}
.profile-follower-avatar:hover small{color:#214bd1;text-decoration:underline;text-underline-offset:2px}
.profile-follower-avatar:focus-visible{outline:2px solid #214bd1;outline-offset:3px;border-radius:6px}
.profile-followers-status{margin:0;color:#536a7d;font-size:11px;line-height:1.4}
.profile-followers-status:empty{display:none}
@media(max-width:620px){#publicView .profile-dashboard-primary .profile-followers-panel{padding:13px 15px}.profile-followers-grid{grid-auto-columns:calc((100% - 32px)/5);gap:8px}.profile-follower-avatar>img,.profile-follower-avatar>span{width:36px;height:36px}.profile-followers-controls button{width:25px;height:25px}}

/* Uploaded avatars keep their transparency; color is only an initials fallback. */
.profile-follower-avatar>img{background:transparent}
