.group-main-column { min-width:0; }
.group-account-panel { margin:22px 0 16px; padding:22px; border:1px solid var(--line); border-left:4px solid var(--sun); background:#f8f6f1; }
.group-account-panel h3,.group-post h3,.other-groups h3 { margin:7px 0 9px; font:400 1.4rem/1.3 var(--serif); }
.group-account-panel>p:not(.eyebrow) { margin:0; color:#536168; line-height:1.55; }
.group-account-panel .button { margin-top:14px; }
.group-post[hidden] { display:none; }
.group-post { margin:16px 0 22px; }
.group-composer-heading { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:18px; }
.group-composer-heading .eyebrow { margin:0; }
.group-signed-in-name { flex:0 0 auto; margin:3px 0 0; color:#536168; font-size:.78rem; }
.group-post textarea,.group-inline-editor textarea { box-sizing:border-box; width:100%; min-height:110px; margin:7px 0 16px; padding:11px; border:1px solid #b9c4c4; background:#fff; color:var(--ink); font:400 .92rem/1.55 var(--sans); resize:vertical; }
.group-post input[type="file"],.group-inline-editor input[type="file"] { box-sizing:border-box; width:100%; margin:7px 0 10px; padding:9px; border:1px solid #b9c4c4; background:#fff; color:var(--ink); font:400 .88rem var(--sans); }
.group-image-preview { display:grid; justify-items:start; gap:10px; margin:14px 0 18px; padding:12px; border:1px solid var(--line); background:#f4f1e9; }
.group-image-preview[hidden] { display:none; }
.group-image-preview img { display:block; width:auto; max-width:100%; max-height:260px; object-fit:contain; }
.group-form-status[data-tone="success"] { border-left-color:#477a52; background:#e8f2e9; color:#245635; }
.group-form-status[data-tone="error"] { border-left-color:#a14232; background:#f5e7e2; color:#712b20; }
.group-form-status:empty { display:none; }
.group-feed-post { overflow-wrap:anywhere; }
.group-post-actions,.group-comment-actions,.group-editor-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.group-comment-heading { display:flex; align-items:start; justify-content:space-between; gap:16px; }
.group-comment-actions { flex:0 0 auto; }
.group-inline-editor { margin-top:16px; padding:18px; border:1px solid #cbd2d0; background:#f8f6f1; }
.group-inline-editor label { display:block; color:var(--ink); font-size:.82rem; font-weight:700; }
.group-inline-editor .group-upload-note { margin-bottom:8px; }
.group-remove-current-choice { display:flex !important; align-items:flex-start; gap:8px; margin:12px 0 16px; color:#40545b !important; line-height:1.45; }
.group-remove-current-choice input { flex:0 0 auto; width:16px; height:16px; margin:2px 0 0; accent-color:var(--blue); }
.group-editor-actions .button { margin:0; }
.group-comment-form .button-outline { min-height:0; color:var(--blue) !important; border:1px solid var(--blue) !important; background:#fff !important; }
.group-comment-form .button-outline:hover { color:#fff !important; background:var(--blue) !important; }
.group-comment-sign-in { margin:16px 0 0; color:#536168; font-size:.84rem; }
.group-comment-sign-in .text-link { margin-left:4px; }
.group-post button:disabled,.group-feed button:disabled { cursor:wait; opacity:.62; transform:none; }
.other-groups h3 { font-size:1.45rem; }
.other-group-links [hidden] { display:none; }

@media (max-width:720px) {
  .group-composer-heading,.group-comment-heading { display:block; }
  .group-signed-in-name,.group-comment-actions { margin-top:9px; }
  .group-account-panel,.group-post,.group-inline-editor { padding:19px; }
  .group-post-actions { justify-content:flex-start; margin-top:10px; }
}

.group-directory { padding:20px 0 0; }
.group-switcher > summary { width:fit-content; min-height:44px; padding:12px 0; cursor:pointer; color:var(--blue); font:600 .88rem var(--sans); }
.group-directory-grid { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:8px; margin:8px 0; }
.group-directory-grid article { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; }
.group-directory-grid article > p { display:none; }
.group-directory-grid h3 { margin:0; font:600 .88rem/1.4 var(--sans); }
.group-directory-grid .button { flex-shrink:0; margin:0; padding:10px 12px; min-height:44px; font-size:.78rem; }
@media (max-width:540px) { .group-directory-grid { grid-template-columns:1fr; } }

@media (max-width:420px) {
  .group-account-panel,.group-post,.group-inline-editor,.group-feed-post,.other-groups { padding:17px; }
  .group-editor-actions { align-items:stretch; flex-direction:column; }
  .group-editor-actions .button,.group-editor-actions .text-button { width:100%; justify-content:center; }
  .group-comment-form { padding:14px; }
}