.groups-page{display:grid;gap:18px}.groups-page[hidden]{display:none}.group-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.group-search input[type=search]{flex:1;min-width:160px}.group-checkbox{display:flex;align-items:center;gap:8px;white-space:nowrap}.group-checkbox input{width:auto}.group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.group-card,.group-detail-card{background:#fff;border:1px solid #e9edf0;border-radius:16px;overflow:hidden}.group-cover{display:block;width:100%;height:170px;object-fit:cover;background:#eef3ef}.group-card-body,.group-detail-body{padding:18px}.group-card-body h3{font-size:1.15rem;margin:6px 0}.group-kind{color:#278e54;font-size:.875rem;font-weight:700;margin:0}.group-description{font-size:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.group-member-state{font-size:.875rem;color:#278e54}.group-detail-card{margin-top:14px}.group-detail-card .group-cover{height:230px}.group-detail-body h2{margin:8px 0}.group-members{background:#fff;border-radius:16px;padding:18px}.group-members:empty{display:none}.group-member{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #edf0f2}.group-member .muted{font-size:.875rem}.group-member button{min-height:44px}.groups-page .post-heading{flex-wrap:wrap}.groups-page .group-search button{min-height:44px}.groups-page h2,.group-card h3{overflow-wrap:anywhere}.groups-page>form.social-card{display:flex;flex-direction:column;gap:12px}.groups-page>form.social-card[hidden]{display:none}@media(max-width:600px){.group-list{grid-template-columns:1fr}.group-detail-card .group-cover{height:180px}.group-member{gap:8px}.group-search{align-items:stretch}.group-search input[type=search]{flex-basis:100%}.groups-page .social-toolbar{flex-wrap:wrap;gap:10px}}

.pack-symbol::before{content:"";display:block;width:26px;height:26px;background:currentColor;mask:url("/pack.svg") center/contain no-repeat;-webkit-mask:url("/pack.svg") center/contain no-repeat}

.group-member-actions{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%;padding-left:0}.group-member-actions button{font-size:.875rem;min-height:44px}
.group-people-hub{margin-top:18px;padding:18px;border:1px solid #e3ebe5;border-radius:16px;background:#fff;scroll-margin-top:90px}.group-people-hub>h3{margin:0 0 14px}.group-people-tabs{display:flex;gap:6px;border-bottom:1px solid #e3ebe5;padding-bottom:12px;flex-wrap:wrap}.group-people-tab{border:1px solid #dce6df;background:#f5f8f6;color:#334b3d;flex:1;min-height:44px;padding:10px 8px;border-radius:10px;font-size:14px;white-space:nowrap}.group-people-tab[aria-selected=true]{background:#278e54;color:#fff;border-color:#278e54}.group-people-panel{padding-top:14px}.group-people-panel[hidden]{display:none!important}.group-people-hub>.notice:empty{display:none}.group-people-panel.group-request-review{margin-top:12px}.group-member-search{display:flex;gap:8px;flex-wrap:wrap}.group-member-search input{flex:1;min-width:150px}.group-member-search select{width:auto;max-width:100%}.group-person-row{padding:12px 0;border-bottom:1px solid #edf0f2;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.group-person-identity{display:flex;gap:10px;align-items:center;min-width:0;flex:1 1 180px}.group-person-identity>div{min-width:0}.group-person-identity .person-link{display:block;text-align:left;overflow-wrap:anywhere;min-height:44px;padding:4px 0}.group-person-identity small{display:block;font-size:14px}.group-person-identity .person-avatar{flex-shrink:0}.group-person-dogs{display:flex;gap:5px;align-items:center;margin-left:auto;max-width:100%;flex-wrap:wrap}.group-person-dogs .friend-dog-thumb{flex-basis:44px;width:44px;height:44px;min-height:44px}.group-person-dogs img{width:100%;height:100%;object-fit:cover}.group-person-manage{flex-basis:100%;font-size:14px}.group-person-manage>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#506457}.group-person-manage>summary::after{content:'⌄';margin-left:8px}.group-person-manage[open]>summary::after{content:'⌃'}.group-people-hub button:focus-visible,.group-person-manage>summary:focus-visible{outline:3px solid #87bb98;outline-offset:3px}.group-roster+button{margin-top:14px}
@media(max-width:600px){.group-people-hub{padding:12px;scroll-margin-top:16px}.group-people-tab{padding:10px 5px}.group-member-search input{flex-basis:calc(100% - 90px);min-width:0}.group-member-search select{flex-basis:100%}.group-person-row{gap:8px}.group-person-identity{flex-basis:145px}.group-person-dogs{gap:3px}.group-person-dogs small{max-width:100px}.group-person-dogs .friend-dog-thumb{width:44px;height:44px}.group-person-dogs .friend-dog-more{min-width:44px}}
.group-request-review{margin-top:18px;padding:18px;border:1px solid #cce3d3;border-radius:16px;background:#f6fbf7;scroll-margin-top:90px}.group-request-review h3{margin:0}.group-request-tools{display:flex;flex-wrap:wrap;gap:8px}.group-request-tools button{min-height:44px}.group-request-row{display:flex;align-items:center;gap:10px;border-top:1px solid #deebe2;padding:10px 0}.group-request-row input[type=checkbox]{width:24px;height:24px;min-height:24px;flex:0 0 24px;margin:0}.group-request-row .person-link{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.group-request-row .avatar{flex-shrink:0}.group-approval-dialog{width:min(520px,calc(100vw - 32px));box-sizing:border-box;max-height:85vh;overflow:auto}.group-approval-dialog h2{font-size:22px;margin:0 0 12px}.group-approval-dialog p{line-height:1.5}.group-approval-dialog progress{width:100%}.group-approval-dialog .dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.group-approval-dialog button{min-height:44px}.group-approval-dialog .notice:empty{display:none}@media(max-width:600px){.group-request-review{padding:14px;scroll-margin-top:16px}.group-request-tools{display:grid;grid-template-columns:1fr}.group-request-row{flex-wrap:wrap}.group-request-row>.text-button{margin-left:34px}.group-approval-dialog .dialog-actions{position:static}.group-approval-dialog .dialog-actions button{flex:1}}

.group-invite-dialog{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto}.group-invite-dialog>input{width:100%;box-sizing:border-box}.group-invite-people{display:grid;gap:8px;max-height:280px;overflow:auto;margin:12px 0}.group-invite-person{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5ece7;border-radius:12px;cursor:pointer}.group-invite-person input{width:18px;flex:0 0 18px}.group-invite-person .avatar{width:36px;height:36px}.group-invite-person small{margin-left:auto}.group-invitation-card{padding:20px;border:1px solid #b9dfc5;background:#f0faf3;border-radius:16px;margin-bottom:16px}.group-invitation-card h3{margin-top:0}.group-invite-dialog .dialog-actions{flex-wrap:wrap}.group-invite-dialog a.secondary{text-decoration:none}

.group-invite-dialog label.group-invite-person{display:flex;flex-direction:row;margin:0;min-height:60px}.group-invite-dialog .group-invite-person input{height:18px;min-height:18px;padding:0;margin:0}.group-invite-dialog form.group-search{display:flex;gap:8px;flex-wrap:nowrap}.group-invite-dialog .group-search input{min-width:0}.group-invite-dialog p{margin:10px 0;font-size:14px;line-height:1.45}.group-invite-dialog h2{margin:0 0 6px}.group-invite-dialog h3{margin:16px 0 6px}.group-invite-dialog .notice:empty{display:none}.group-invite-dialog .group-invite-people{max-height:180px}.group-invite-dialog>input{font-size:12px}

.groups-page .social-actions>.primary{color:#fff}

.group-rules{border-top:1px solid #e3ebe5;margin:14px 0;padding:10px 0}.group-rules>summary{cursor:pointer;min-height:44px;font-weight:600;line-height:44px}.group-rules .post-content{line-height:1.6;font-size:16px;overflow-wrap:anywhere}.group-welcome{margin-top:16px;padding:20px;background:#eff8f2;border:1px solid #cee6d5;border-radius:16px}.group-welcome h3{margin:0 0 12px;font-size:20px;overflow-wrap:anywhere}.group-welcome p{font-size:16px;line-height:1.6}.group-welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.group-welcome-actions button{min-height:44px}.group-pinned-host:not(:empty){margin-top:16px}.group-pinned-host>.social-card{border:1px solid #9fcdae}.group-pin-label{color:#278e54;font-weight:700;font-size:14px;margin:0 0 12px}.group-guidance-dialog{width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow:auto}.group-guidance-dialog h2{font-size:24px;margin:0 0 8px}.group-guidance-dialog p{font-size:14px;line-height:1.5;margin:0}.group-guidance-dialog label,.group-guidance-dialog textarea{font-size:16px}.group-guidance-dialog textarea{resize:vertical;max-height:40dvh}.group-guidance-dialog .dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.group-guidance-dialog button{min-height:44px}.group-guidance-dialog .notice:empty{display:none}@media(max-width:600px){.group-welcome{padding:14px}.group-welcome-actions{display:grid;grid-template-columns:1fr}.group-guidance-dialog{padding:16px}.group-guidance-dialog .dialog-actions button{flex:1;min-width:100px}}