/* Pinned public group rhythms and unobtrusive moderator controls */
.group-official-header{display:flex;align-items:center;gap:.6rem;margin:.5rem 0 .35rem;flex-wrap:wrap}
.group-official-header strong{font-size:.9rem;letter-spacing:.02em}
.group-official-hint{font-size:.78rem;opacity:.77;margin:0 0 .65rem}
.group-official-list{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.55rem}
.group-official-list>li{display:flex;align-items:center;justify-content:space-between;gap:.7rem;
 border:1px solid color-mix(in srgb,currentColor 17%,transparent);border-radius:12px;
 padding:.75rem .85rem;background:color-mix(in srgb,currentColor 3%,transparent)}
.group-official-list strong{font-size:.94rem}
.group-official-list p{margin:.22rem 0 0;font-size:.8rem;opacity:.85}
.group-official-list button{flex-shrink:0;border-radius:8px;min-height:38px;padding:.45rem .8rem}
.group-moderation-kick,.group-moderation-delete{border:1px solid currentColor;border-radius:6px;
 background:transparent;color:inherit;font-size:.78rem;cursor:pointer;padding:.25rem .5rem;margin-inline-start:.5rem}
.group-moderation-delete{align-self:flex-start}
.group-chat-entry:has(.group-moderation-delete){position:relative}
@media(max-width:520px){.group-official-list>li{align-items:flex-start;gap:.4rem}
.group-official-list>li button{font-size:.8rem}}

/* Searchable landing pages remain visible without client-side scripts. */
.group-official-search-links{margin:-.35rem 0 1rem;font-size:.81rem;line-height:1.55;opacity:.88}
.group-official-search-links a{color:inherit;text-underline-offset:3px}
.group-official-search-links a:focus-visible{outline:2px solid currentColor;outline-offset:3px}