.community-site-header { max-width:1280px; margin:0 auto; padding:24px 28px; display:flex; align-items:center; gap:24px; border-bottom:1px solid #2b3545; }
.community-site-header nav { display:flex; flex:1; gap:12px; flex-wrap:wrap; font-size:11px; }
.community-site-header nav a { color:#a3b1c3; text-decoration:none; }
.community-site-header nav a[aria-current=page] { color:#65d9df; }
.community-site-account { max-width:1280px; padding:15px 28px 0; margin:auto; display:flex; gap:15px; justify-content:flex-end; align-items:center; color:#a3b1c3; font-size:13px; }
.community-site-account button { background:transparent; border:1px solid #2b3545; padding:6px 12px; border-radius:6px; color:#edf3fa; cursor:pointer; }
.community-site-message { max-width:1224px; padding:15px; margin:15px auto; border:1px solid #407d77; border-radius:8px; }
@media(max-width:700px) { .community-site-header { padding:20px 16px; flex-wrap:wrap; } .community-site-header nav { order:3; flex-basis:100%; } .community-site-header>.button { margin-left:auto; } }