.community-strip { position: relative; margin-bottom: 24px; padding: 17px 20px; background: #111318; border: 1px solid #25272d; border-radius: 14px; color: #edf0fb; font-family: 'Google Sans',Helvetica,Arial,sans-serif; }
.community-links { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; padding-right: 105px; min-height: 30px; }
.community-links a { display: inline-flex; align-items: center; gap: 9px; color: #c5cce2; font-size: .83rem; text-decoration: none; }
.community-links a:hover { color: white; text-decoration: underline; }
.community-links img { display: block; flex-shrink: 0; }
.community-strip a:focus-visible, .community-strip summary:focus-visible, .community-strip button:focus-visible { outline: 2px solid #b9c4ff; outline-offset: 4px; }
.community-contact > summary { position: absolute; right: 18px; top: 17px; padding: 7px 12px; border: 1px solid #39415d; border-radius: 999px; color: #c6d0ff; font-size: .8rem; cursor: pointer; list-style: none; }
.community-contact > summary::-webkit-details-marker { display: none; }
.community-contact > summary:hover, .community-contact[open] > summary { background: #252c46; }
.contact-panel { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 36px; border-top: 1px solid #2b3040; margin-top: 20px; padding-top: 26px; padding-bottom: 8px; }
.contact-intro h2 { margin: 0 0 12px; color: white; font-size: 2rem; font-weight: 500; letter-spacing: -.04em; }
.contact-intro p { color: #a2a7b5; font-size: .9rem; line-height: 1.6; }
.contact-intro a { color: #b9c4ff; font-size: .95rem; overflow-wrap: anywhere; }
.contact-intro .contact-note { font-size: .8rem; margin-top: 24px; max-width: 32ch; }
.community-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.contact-field { display: flex; flex-direction: column; gap: 7px; }
.contact-field label { font-size: .78rem; color: #c5cce2; }
.contact-field input, .contact-field textarea { width: 100%; min-width: 0; box-sizing: border-box; background: #0b0e15; border: 1px solid #363d51; border-radius: 9px; padding: 11px 12px; color: #f2f4ff; font: inherit; font-size: 1rem; }
.contact-field textarea { resize: vertical; min-height: 110px; }
.contact-field input:focus, .contact-field textarea:focus { outline: 2px solid #91a2ee; outline-offset: 1px; }
.contact-wide { grid-column: 1/-1; }
.contact-actions button { border: 0; border-radius: 999px; padding: 12px 18px; background: #e3e8ff; color: #111931; font: inherit; font-size: .84rem; cursor: pointer; }
.contact-actions p { color: #a2a7b5; font-size: .78rem; line-height: 1.5; margin: 12px 0 0; }
.contact-actions p:empty { display: none; }
@media(max-width:640px) {
    .community-strip { padding: 16px; }
    .community-links { gap: 14px 18px; padding-right: 85px; }
    .community-links a { font-size: .78rem; gap: 7px; }
    .community-contact > summary { right: 14px; top: 16px; }
    .contact-panel { grid-template-columns: 1fr; gap: 22px; }
    .contact-intro .contact-note { max-width: none; margin: 16px 0 0; }
    .community-form { grid-template-columns: 1fr; }
}