.ww-community-section {padding:0;background:linear-gradient(to bottom,#fff 50%,var(--surface,#f6f8fa) 50%);scroll-margin-top:100px}
.ww-community-section + .city-guide-teaser {border-top:0}
.ww-community-section * {box-sizing:border-box}
.ww-community-panel {display:grid;grid-template-columns:minmax(0,1fr) 486px;align-items:center;gap:24px;padding:10px 26px;border:1px solid #dce5f4;border-radius:20px;background:radial-gradient(ellipse at 0 100%,#d9f1f9 0,transparent 60%),#f3f6fd}
.ww-community-eyebrow {color:#3159a8;font:700 11px/1.5 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.ww-community-copy h2 {color:#111b28;font-size:clamp(23px,2.2vw,30px);line-height:1.12;letter-spacing:-.035em;margin:5px 0 7px}
.ww-community-copy p {color:#58677d;line-height:1.5;font-size:14px;margin:0;max-width:650px}
.ww-community-carousel {min-width:0}
.ww-community-track {position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#bac9e2 transparent;padding:4px}
.ww-community-card {position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;aspect-ratio:1;min-width:0;padding:12px 9px;border:1px solid #dbe4f2;border-radius:14px;background:#fff;color:#17243b;text-decoration:none;scroll-snap-align:start;box-shadow:0 3px 10px #18376205;transition:border-color .18s,background .18s}
.ww-community-icon {display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#365de0;background:#eef3ff}
.ww-community-icon svg {width:21px;height:21px}
.ww-community-card-title {font-size:12px;font-weight:650;line-height:1.35;color:#17243b;margin-top:6px;overflow-wrap:anywhere}
.ww-community-card-arrow {position:absolute;right:10px;top:12px;color:#7489ac;font-size:16px;line-height:1}
.ww-community-card:hover {background:#f9fbff;border-color:#597ae0}
.ww-community-card:hover .ww-community-card-arrow {color:#365de0}
.ww-community-card:focus-visible,.ww-community-track:focus-visible {outline:3px solid #496fed;outline-offset:1px}
.ww-community-controls {display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:4px}
.ww-community-controls .home-catalog-arrow {width:44px;height:44px}
.ww-community-hint {margin-right:auto;color:#61718a;font-size:12px}
.ww-community-section.is-static .ww-community-controls {display:none}
@media(min-width:641px) {.ww-community-controls{display:none}}
@media(max-width:1100px) {
    .ww-community-panel{grid-template-columns:1fr;gap:12px;padding:16px 24px}
    .ww-community-eyebrow,.ww-community-copy p{display:none}
    .ww-community-copy h2{font-size:26px;margin:0}
    .ww-community-track{grid-auto-columns:112px;justify-content:space-between}
}
@media(max-width:640px) {
    .ww-community-section{scroll-margin-top:85px}
    .ww-community-panel{padding:14px 16px;gap:8px}
    .ww-community-copy{padding:0 4px}
    .ww-community-copy h2{font-size:23px;max-width:320px}
    .ww-community-track{grid-auto-columns:100px;justify-content:start;gap:8px}
    .ww-community-card{padding:8px 6px}
    .ww-community-card-title{font-size:11px;margin-top:4px}
    .ww-community-icon{width:27px;height:27px;border-radius:8px}
    .ww-community-icon svg{width:19px;height:19px}
    .ww-community-card-arrow{top:8px;right:7px;font-size:14px}
}
@media(prefers-reduced-motion:reduce) {.ww-community-track{scroll-behavior:auto}.ww-community-card{transition:none}}
