.community-contact-dialog{width:min(500px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #c7ded9;border-radius:24px;background:#fcfefd;color:#153d3c;padding:28px;font-family:'Noto Sans',system-ui,sans-serif;box-shadow:0 24px 90px #001a2944;max-height:85vh;overflow:auto}.community-contact-dialog::backdrop{background:#0b1e42b8;backdrop-filter:blur(4px)}.community-contact-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.community-forming-badge{background:#e2f2eb;color:#22594d;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:700}.community-close{display:grid;place-items:center;width:40px;height:40px;background:#eff5f2;color:#153d3c;border:1px solid #c7ded9;border-radius:50%;font-size:25px;cursor:pointer}.community-contact-person{display:flex;align-items:center;gap:20px;margin:28px 0 20px}.community-contact-person img{width:88px;height:88px;object-fit:cover;border-radius:22px;flex:none}.community-contact-dialog h2{font:700 27px Montserrat,system-ui,sans-serif;line-height:1.2;margin:0 0 8px}.community-contact-dialog h3{font-size:20px;margin-top:25px}.community-contact-dialog p{font-size:16px;line-height:1.65;color:#506662;margin:6px 0}.community-introduction{white-space:pre-wrap}.community-contact-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.community-contact-actions a{display:block;padding:14px 18px;background:#12544d;color:#fff!important;text-decoration:none;border-radius:12px;font-weight:600;overflow-wrap:anywhere}.community-contact-dialog :focus-visible{outline:3px solid #189a99;outline-offset:3px}@media(max-width:480px){.community-contact-dialog{padding:22px}.community-contact-person{gap:14px}.community-contact-person img{width:68px;height:68px}.community-contact-dialog h2{font-size:23px}}

.community-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.community-preview-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;box-sizing:border-box;padding:16px 12px;border:1px solid #2a4a82;border-radius:16px;background:#122c50;text-align:center;scroll-snap-align:start}
.community-preview-person{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0}
.community-preview-person>div{min-width:0;max-width:100%}
.community-preview-photo,.community-preview-initials{width:64px;height:64px;flex:0 0 64px;border-radius:14px;object-fit:cover}
.community-preview-initials{display:grid;place-items:center;background:#284d63;color:#b8e5d9;font:700 21px Montserrat,sans-serif}
.community-preview-card h3{margin:0;font:700 16px/1.35 Montserrat,sans-serif;overflow-wrap:anywhere}
.community-preview-name{margin:6px 0 0;font-size:13px;line-height:1.4;color:#e1e9f4;overflow-wrap:anywhere}
.community-preview-location{margin:5px 0 0;font-size:12px;line-height:1.4;color:#b6c4dc;overflow-wrap:anywhere}
.community-preview-status{margin:0;color:#a7e6d5;font-size:11px;line-height:1.4}
.community-preview-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;width:100%;box-sizing:border-box;margin-top:auto;padding:8px;border:1px solid #69bdb1;border-radius:10px;color:#c5f5e9;font-size:12px;line-height:1.4;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.community-preview-link:hover{background:#204853;color:#fff}
.community-preview-link span{flex:none}
.community-preview-grid:focus-visible{outline:2px solid #a5efdf;outline-offset:4px}
@media(max-width:999px){.community-preview-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:210px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:4px 4px 12px;scrollbar-color:#69bdb1 #122c50}}


.community-directory-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:20px}.community-directory-heading h2{margin:0;font:700 26px/1.3 Montserrat,sans-serif}.community-directory-all{display:inline-flex;align-items:center;gap:12px;min-height:44px;box-sizing:border-box;padding:10px 18px;border:1px solid #69bdb1;border-radius:999px;color:#c5f5e9;font:700 14px/1.4 'Noto Sans',sans-serif;text-decoration:none}.community-directory-all:hover{background:#204853;color:#fff}.community-directory-all:focus-visible,.community-preview-link:focus-visible{outline:3px solid #a5efdf;outline-offset:4px}