.community-panel{padding:clamp(16px,3vw,32px);margin-block:20px;min-width:0}.community-notification{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #8793a433;overflow-wrap:anywhere}.community-notification.is-read{opacity:.75}.community-notification h2{font-size:1.1rem}.community-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin:20px 0}.community-stat-grid article{padding:20px;border:1px solid #8793a433;border-radius:12px;display:flex;flex-direction:column;gap:8px}.community-stat-grid strong{font-size:1.7rem}.community-table-scroll{overflow-x:auto}.community-table-scroll table{width:100%;border-collapse:collapse}.community-table-scroll td,.community-table-scroll th{padding:12px;text-align:left;border-bottom:1px solid #8793a433}.community-pagination{display:flex;gap:20px;padding:20px 0}.community-profile-cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.profile-hero-cover{position:relative}.profile-portrait img{max-width:100%;height:auto}.profile-layout>*{min-width:0}.community-native-ads{margin-block:20px;max-width:100%;overflow:hidden}@media(max-width:650px){.community-notification{align-items:stretch;flex-direction:column}.profile-showcase-layout{display:block}.profile-tabs{overflow-x:auto}.profile-hero-main{flex-wrap:wrap}.profile-stat-strip{flex-wrap:wrap}}
.profile-showcase .profile-activity-card{display:block}.profile-showcase .profile-activity-card>div{width:100%;min-width:0}.profile-showcase .profile-activity-card h3,.profile-showcase .profile-activity-card p{overflow-wrap:anywhere}.community-panel .community-table-scroll{scrollbar-width:thin}

/* Reuse the package profile layout with the sections and counters available in phpBB. */
.community-profile .community-profile-cover{z-index:0}
.community-profile .profile-hero-cover::after{z-index:1;background:linear-gradient(90deg,rgba(1,10,8,.95),rgba(2,23,16,.48) 46%,rgba(1,9,7,.16)),linear-gradient(180deg,transparent 52%,rgba(1,10,8,.82))}
.community-profile .profile-cover-badges{position:relative;z-index:2}
.community-profile .profile-hero-main{grid-template-columns:148px minmax(0,1fr) auto}
.community-profile .profile-hero-actions{min-width:0;max-width:100%}
.community-profile .profile-hero-links{flex-wrap:wrap}
.community-profile .profile-hero-identity h1,.community-profile .profile-about-box p,.community-profile .profile-link-showcase a{overflow-wrap:anywhere}
.community-profile .profile-stat-strip-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.community-profile .profile-stat-strip-wide article:last-child{border-right:0}
.community-profile .community-profile-stat-link{display:grid;gap:2px;text-decoration:none;color:inherit}
.community-profile .community-profile-stat-link:hover span{text-decoration:underline}
.community-profile .profile-stat-strip-wide small{color:var(--community-muted,var(--muted));font-size:11px}
.community-profile .profile-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.community-profile .profile-section-summary-group h2{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--community-ink,#10131a);font-size:17px;line-height:1.25}
.community-profile .profile-section-summary-group h2 i{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:rgba(var(--design-accent-rgb,217,170,69),.1);color:var(--community-gold-light,var(--red));font-size:15px}
.community-profile .community-profile-biography,.community-profile .profile-about-box p{white-space:pre-line}
.community-profile .community-profile-event-label{display:block;margin-bottom:3px;font-size:12px}
.community-profile .profile-section-summary-group li{flex-wrap:wrap;gap:10px}
.community-profile .profile-activity-card{display:grid}
.community-profile .community-profile-filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 8px}
.community-profile .community-profile-filters a{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--community-line,var(--line));border-radius:8px;color:var(--community-muted,var(--muted));text-decoration:none}
.community-profile .community-profile-filters a.is-active{background:rgba(var(--design-accent-rgb,217,170,69),.12);border-color:var(--community-gold-light,var(--red));color:var(--community-gold-light,var(--red))}
.community-profile .community-pagination{align-items:center;flex-wrap:wrap;padding:16px}
.community-profile a:focus-visible{outline:2px solid var(--community-gold-light,var(--red));outline-offset:4px}
@media(max-width:900px){
 .community-profile .profile-hero-main{grid-template-columns:120px minmax(0,1fr)}
 .community-profile .profile-hero-actions{grid-column:1/-1;justify-self:start}
 .community-profile .profile-showcase-layout{grid-template-columns:minmax(200px,250px) minmax(0,1fr)}
}
@media(max-width:650px){
 .community-profile .profile-hero-main{grid-template-columns:96px minmax(0,1fr);gap:14px}
 .community-profile .profile-portrait-large{width:90px;height:90px;margin-top:-45px}
 .community-profile .profile-hero-identity h1{font-size:clamp(20px,5vw,28px)}
 .community-profile .profile-showcase-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .community-profile .profile-stat-strip-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
 .community-profile .profile-stat-strip-wide article{padding:12px;gap:8px}
 .community-profile .profile-stat-strip-wide article:nth-child(2){border-right:0}
 .community-profile .profile-stat-strip-wide article:last-child{grid-column:1/-1;border-top:1px solid var(--community-line,var(--line));border-right:0}
 .community-profile .profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .community-profile .profile-tabs a{min-height:48px}
 .community-profile .profile-tabs a:nth-child(2){border-right:0}
 .community-profile .profile-tabs a:nth-child(n+3){border-top:1px solid var(--community-line,var(--line))}
 .community-profile .profile-activity-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px}
 .community-profile .profile-feed-avatar{width:34px;height:34px;font-size:12px}
 .community-profile .profile-activity-card h3{font-size:16px}
 .community-profile .profile-section-summary-group{padding:16px}
}