/* City-only composition; the Home remains unchanged. */
.bb51-community .bb51-community-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:.5rem;background:var(--bb51-surface-soft);border-radius:1.25rem;padding:1.25rem;margin:1rem 0 1.5rem;overflow:hidden}
.bb51-community .bb51-community-hero h1{font-size:clamp(1.7rem,5vw,2.75rem);line-height:1.15;letter-spacing:-.04em;margin:.3rem 0}
.bb51-community .bb51-community-hero .bb51-eyebrow{font-size:.7rem;font-weight:700;color:var(--bb51-success)}
.bb51-community .bb51-community-proof{font-size:.75rem;color:var(--bb51-text-secondary);margin:.5rem 0 1rem}
.bb51-community .bb51-community-hero .bb51-button{font-size:.75rem;padding:.65rem .75rem;white-space:normal;text-align:center}
.bb51-community .bb51-community-hero img{width:150%;max-width:none;height:auto;margin-left:-20%;mix-blend-mode:multiply;pointer-events:none}
.bb51-community .bb51-community-picker{margin:1rem 0;border:1px solid var(--bb51-border);border-radius:.75rem;padding:.7rem 1rem;font-size:.8rem}
.bb51-community .bb51-community-picker:not([open]){display:none}
.bb51-community .bb51-community-picker summary{cursor:pointer;font-weight:700}
.bb51-community .bb51-community-picker label{display:block;margin:.75rem 0 .4rem}
.bb51-community .bb51-community-picker form>div{display:flex;gap:.5rem;flex-wrap:wrap}
.bb51-community .bb51-community-picker input{font:inherit;min-width:0;max-width:100%;flex:1;padding:.65rem;border:1px solid var(--bb51-border);border-radius:.5rem}
.bb51-community [data-city-results]{padding:0;list-style:none}.bb51-community [data-city-results] a{display:block;padding:.7rem 0;color:var(--bb51-success)}
.bb51-community .bb51-community-interests{display:grid;grid-auto-flow:column;grid-auto-columns:6.4rem;gap:.5rem;margin-top:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:.25rem;padding:.25rem .25rem .8rem;scrollbar-width:thin}
.bb51-community .bb51-community-interests form{scroll-snap-align:start}
.bb51-community .bb51-community-interests:focus-visible{outline:3px solid var(--bb51-success);outline-offset:3px}
.bb51-community .bb51-community-interests form{min-width:0}
.bb51-community .bb51-community-interests button{display:block;width:100%;height:100%;padding:0;border:0;border-radius:.75rem;background:none;color:inherit;font:inherit;cursor:pointer}
.bb51-community .bb51-interest{height:100%;padding:.7rem .25rem;font-size:.75rem;background:#f4f6ff;gap:.25rem}
.bb51-community .bb51-interest--selected{background:#e7f8ef}
.bb51-community .bb51-community-interests form:nth-child(4n+1) .bb51-icon{color:#c77716}
.bb51-community .bb51-community-interests form:nth-child(4n+2) .bb51-icon{color:#d4418e}
.bb51-community .bb51-community-interests form:nth-child(4n+3) .bb51-icon{color:#9955df}
.bb51-community .bb51-community-interests form:nth-child(4n+4) .bb51-icon{color:#3978cf}
.bb51-community .bb51-community-local-grid>:nth-child(n+3){display:none}
.bb51-community .bb51-community-local-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bb51-community .bb51-section-heading{align-items:baseline;gap:.5rem}
.bb51-community .bb51-section-title{font-size:1rem}
.bb51-community .bb51-text-action{white-space:nowrap;font-size:.7rem}
.bb51-community .bb51-community-diary-link{margin:1rem 0;font-size:.8rem}.bb51-community .bb51-community-diary-link a{color:var(--bb51-success)}
.bb51-community [data-community-editorial]>.bb51-card{height:100%}
@media(max-width:63.999rem){.bb51-community .bb51-community-hero{margin:.25rem -.5rem 1rem;padding:1rem .875rem;border-radius:.75rem;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.bb51-community .bb51-main{padding-top:.5rem}.bb51-community .bb51-community-hero .bb51-button{font-size:.75rem}}
.bb51-community .community-button{display:inline-flex;align-items:center;background:var(--bb51-brand);color:white;border:0;border-radius:.6rem;padding:.8rem;text-decoration:none;font-weight:700}
@media(min-width:64rem){
 .bb51-community .bb51-community-interests{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));overflow:visible;scroll-snap-type:none}
 .bb51-community .bb51-community-hero{padding:2rem 3rem;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-height:19rem}
 .bb51-community .bb51-community-hero img{width:100%;margin:0;max-height:18rem}
 .bb51-community .bb51-community-proof,.bb51-community .bb51-community-hero .bb51-button{font-size:.9375rem}
 .bb51-community .bb51-community-local-grid>:nth-child(n+3){display:block}
 .bb51-community .bb51-community-local-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .bb51-community .bb51-interest{padding:1.2rem .65rem;font-size:.9rem}
 .bb51-community .bb51-section-title{font-size:1.2rem}
}
@media(max-width:359px){.bb51-community .bb51-city{font-size:.65rem}.bb51-community .bb51-section-title{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.bb51-community .bb51-community-interests{scroll-behavior:auto;scroll-snap-type:none}}
.bb51-community .bb51-community-hero-share{margin-top:.5rem}
.bb51-community .bb51-community-hero-share .cr-trigger{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:.5rem 0;background:transparent;border:0;color:var(--bb51-success);font:inherit;font-size:.75rem;font-weight:600;text-align:left;text-decoration:underline;cursor:pointer}

.bb51-community-diary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bb51-community-diary-item{padding:20px;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}.bb51-community-diary-item .publication-icon{width:24px;height:24px;color:var(--bb51-brand)}.bb51-community-diary-item a{align-self:flex-start;margin-top:auto;min-height:44px;display:inline-flex;align-items:center}.bb51-community-diary-heading{flex-wrap:wrap}@media(max-width:599px){.bb51-community-diary-grid{grid-template-columns:1fr}}

/* Decorative background; membership and referral actions remain foreground. */
.bb51-community .bb51-community-hero{display:block;padding:1.5rem 1.25rem 8rem;background:#edf9f5 url('../brand/community-city.png') no-repeat right bottom;background-size:auto 15rem}
.bb51-community .bb51-community-hero>div{position:relative;max-width:32rem}
@media(min-width:48rem){
 .bb51-community .bb51-community-hero{padding:2.5rem 3rem;min-height:24rem;background-size:cover;background-position:bottom}
 .bb51-community .bb51-community-hero>div{max-width:45%}
}