.groups-page{--gp:#5b2684;--gg:#b68a2b;max-width:1180px;margin:auto;padding:24px;color:#281f2d}.groups-page *{box-sizing:border-box}.groups-hero,.group-detail>header,.group-editor>header{border-bottom:3px solid var(--gp);padding:28px 0 20px}.groups-hero>span,.group-detail>header>span,.group-editor>header>span{color:var(--gg);font-size:.75rem;font-weight:800;letter-spacing:.13em}.groups-hero h1,.group-detail h1,.group-editor h1{margin:.3rem 0;font-size:clamp(1.8rem,4vw,3.4rem)}.groups-hero a,.group-detail nav a{display:inline-block;margin:12px 8px 0 0;padding:8px 12px;color:var(--gp);text-decoration:none;border-bottom:2px solid transparent}.groups-hero a.is-active,.group-detail nav a.is-active{border-color:var(--gg);font-weight:800}.group-primary,.groups-page button{background:var(--gp);color:#fff;border:0;border-radius:3px;padding:10px 14px;font-weight:700}.group-filter,.group-editor form,.group-detail form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:18px 0;padding:16px;background:#f7f3f8}.groups-page label{display:grid;gap:5px;font-size:.8rem;font-weight:700}.groups-page input,.groups-page select,.groups-page textarea{min-height:38px;border:1px solid #c9bdce;border-radius:3px;padding:8px;background:#fff}.groups-page textarea{min-height:100px}.group-editor form,.group-settings-form{display:grid}.group-editor form>label,.group-detail [data-group-settings-form]>label{width:100%}.group-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:28px}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.group-card{border:1px solid #ddd2e1;background:#fff}.group-card>a{display:block;color:inherit;text-decoration:none}.group-cover{height:150px;background:linear-gradient(135deg,var(--gp),#8d5baa 65%,var(--gg));background-size:cover;background-position:center}.group-cover.crop-politics-a,.group-cover.crop-culture-a,.group-cover.crop-social-a{background-size:200% 300%;background-position:0 var(--crop-y,0)}.group-cover.crop-politics-b,.group-cover.crop-culture-b,.group-cover.crop-social-b{background-size:200% 300%;background-position:100% var(--crop-y,0)}.group-cover.crop-culture-a,.group-cover.crop-culture-b{--crop-y:50%}.group-cover.crop-social-a,.group-cover.crop-social-b{--crop-y:100%}.group-card-copy{padding:15px}.group-card h3{margin:.35rem 0}.group-card span,.group-card small{color:#685d6d}.group-unread,.group-example-banner{display:inline-block;margin:8px;padding:4px 8px;background:#f5e6b9;color:#532477}.group-examples{margin-top:40px;padding-top:8px;border-top:1px solid #d8cddd}.group-detail>.group-cover{height:min(340px,38vw)}.group-detail nav{border-bottom:1px solid #ddd}.group-post,.group-event,.group-members article{padding:18px 0;border-bottom:1px solid #ddd}.group-post img{max-width:320px;height:auto}.group-comment{margin-left:16px;padding:9px;background:#f8f5f9}.group-state,.group-locked{text-align:center;padding:64px 20px}.group-action{display:inline-flex!important;padding:7px!important;margin:6px!important}.group-consent{grid-template-columns:auto 1fr!important;align-items:center}.group-consent input{min-height:auto}@media(max-width:760px){.groups-page{padding:14px}.group-grid{grid-template-columns:1fr}.group-section-head{display:block}.group-filter,.group-detail form{display:grid}.group-cover{height:180px}}

.group-cover-image{display:block;width:100%;height:100%;object-fit:cover}.group-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.group-gallery figure{margin:0}.group-gallery img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.group-gallery figcaption{padding:7px;font-size:.8rem}@media(max-width:760px){.group-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.group-cover-image.crop-politics-a{object-position:0 0}.group-cover-image.crop-politics-b{object-position:100% 0}.group-cover-image.crop-culture-a{object-position:0 50%}.group-cover-image.crop-culture-b{object-position:100% 50%}.group-cover-image.crop-social-a{object-position:0 100%}.group-cover-image.crop-social-b{object-position:100% 100%}
.group-media{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:3/2;background:#eee}.group-media>img{display:block;width:100%;height:100%;object-fit:cover}.group-media.group-atlas>img{position:absolute;width:200%;height:300%;max-width:none;object-fit:fill}.group-atlas>img.crop-politics-a{left:0;top:0}.group-atlas>img.crop-politics-b{left:-100%;top:0}.group-atlas>img.crop-culture-a{left:0;top:-100%}.group-atlas>img.crop-culture-b{left:-100%;top:-100%}.group-atlas>img.crop-social-a{left:0;top:-200%}.group-atlas>img.crop-social-b{left:-100%;top:-200%}.group-cover>.group-media{height:100%;aspect-ratio:auto}

/* Preserve the single photo aspect when a wide cover crops the atlas tile. */
.group-atlas>svg{display:block;width:100%;height:100%}.group-grid>*{min-width:0}.group-card-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}.group-card>.group-action{margin:0 12px 12px!important}.group-review-reason,.group-rules{padding:12px;background:#f7f3f8;border-radius:6px}.groups-page input,.groups-page select,.groups-page textarea{max-width:100%;color:#281f2d}.groups-page button:disabled{opacity:.6;cursor:wait}.group-post .group-media{max-width:480px}.group-detail [data-group-state]{width:100%;white-space:pre-wrap;overflow-wrap:anywhere}

/* Keep the create label white above the hero navigation link rule. */
.groups-hero a.group-primary{color:#fff}

/* Detail navigation and progressive disclosure */
.group-back-link{display:inline-block;margin:0 0 14px;color:var(--gp);font-weight:800;text-decoration:none}.group-back-link::before{content:'←';margin-right:7px}.group-composer{margin:20px 0;border:1px solid #d7cadc;border-radius:8px;background:#fff}.group-composer>summary{cursor:pointer;padding:13px 16px;color:var(--gp);font-weight:800;list-style-position:inside}.group-composer[open]>summary{border-bottom:1px solid #e4dbe7}.group-detail [data-group-post-form],.group-detail [data-group-event-form]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.group-composer>[data-group-post-form],.group-composer>[data-group-event-form]{margin:0;border-radius:0}.group-detail [data-group-post-form]>label,.group-detail [data-group-event-form]>label,.group-detail [data-group-post-form]>[data-activity-hint],.group-detail [data-group-event-form]>[data-activity-hint],.group-detail [data-group-post-form]>[data-group-state],.group-detail [data-group-event-form]>[data-group-state]{grid-column:1/-1}.group-detail [data-group-post-form] textarea,.group-detail [data-group-event-form] textarea{min-height:240px}.group-post-row{padding:0;border-bottom:1px solid #ded5e1}.group-post-row>details>summary{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 8px;cursor:pointer;list-style:none}.group-post-row>details>summary::-webkit-details-marker{display:none}.group-post-row.is-notice{border-left:3px solid var(--gg);background:#fffdf7}.group-post-kind{color:var(--gg);font-size:.78rem;font-weight:800}.group-post-meta{color:#746a79;font-size:.82rem}.group-post-detail{padding:2px 20px 20px}.group-post-detail>.group-media{max-width:560px}.group-gallery-card{display:block;margin:0;border:1px solid #dfd5e2;background:#fff}.group-gallery>figure:has(.group-gallery-card[open]){grid-column:1/-1}.group-gallery-card>summary{cursor:pointer;list-style:none}.group-gallery-card>summary::-webkit-details-marker{display:none}.group-gallery-card>summary>span:last-child{display:block;padding:9px;font-size:.84rem;font-weight:700}.group-gallery-card[open]>summary .group-gallery-image{max-width:240px}.group-gallery-detail{padding:14px}.group-gallery-detail .group-gallery-full{width:min(100%,820px);aspect-ratio:auto;background:#241d28}.group-gallery .group-gallery-detail .group-gallery-full>img{height:auto;aspect-ratio:auto;max-height:70vh;object-fit:contain}.group-gallery-detail .group-gallery-full>svg{max-height:70vh;object-fit:contain}.group-event-list{margin-top:18px;border-top:2px solid var(--gp)}.group-event{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:24px;padding:20px 8px}.group-event-date{display:grid;align-content:start;color:var(--gp);font-weight:800}.group-event-date span{color:#756b79;font-size:.85rem}.group-event-copy h3{margin-top:0}.group-event-place{color:#6b5e70;font-weight:700}.group-event-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:12px;width:100%}.group-event-times label{width:100%}.group-empty{padding:36px 20px}
@media(max-width:760px){.group-post-row>details>summary{grid-template-columns:58px minmax(0,1fr)}.group-post-meta{grid-column:2}.group-event{grid-template-columns:1fr;gap:7px}.group-detail [data-group-post-form],.group-detail [data-group-event-form],.group-event-times{grid-template-columns:1fr}.group-gallery-detail .group-gallery-full{min-height:180px}.group-back-link{margin-top:4px}}

/* Group announcements: readable, bounded notification controls. */
.group-push-panel{display:grid;gap:24px;color:#30243f}.group-push-compose,.group-push-history,.group-push-policy{padding:28px;background:#fff;border:1px solid #e5deed;border-radius:20px}.group-push-eyebrow{font-size:12px;letter-spacing:.14em;color:#765393;font-weight:800}.group-push-compose h2,.group-push-history h2{font-size:24px;line-height:1.4;margin:10px 0}.group-push-compose>p,.group-push-history>p{font-size:16px;line-height:1.7;color:#62576e}.group-push-quota{display:flex;gap:16px;margin:22px 0}.group-push-quota>span{flex:1;padding:18px;background:#f3edf8;border-radius:14px;font-size:15px}.group-push-quota b{display:block;font-size:30px;color:#5b317d;margin-top:6px}.group-push-quota small{font-size:16px;color:#655573}.group-push-help{font-size:15px!important;line-height:1.7;color:#62576e!important}.group-push-panel form{display:grid;gap:16px}.group-push-panel label{display:grid;gap:8px;font-size:16px;font-weight:700}.group-push-panel input:not([type=hidden]):not([type=checkbox]),.group-push-panel textarea{box-sizing:border-box;width:100%;border:1px solid #c8bcd5;border-radius:10px;padding:13px;font:inherit;color:#30243f;background:#fff}.group-push-panel textarea{min-height:130px;resize:vertical}.group-push-panel button{background:#66398b;color:#fff;border:0;border-radius:10px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer}.group-push-panel button:disabled{opacity:.5;cursor:not-allowed}.group-push-history header{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-push-history header a{color:#633689;font-weight:700}.group-push-history article{padding:22px 0;border-top:1px solid #e7dfed}.group-push-history time{color:#706078;font-size:14px}.group-push-history h3{font-size:20px;margin:10px 0;overflow-wrap:anywhere}.group-push-history article>p{font-size:17px;line-height:1.75;overflow-wrap:anywhere}.group-push-delivery{display:grid;gap:8px;padding:16px;background:#f5f1f8;border-radius:12px;font-size:15px;line-height:1.6}.group-push-delivery small{font-size:14px;color:#675971}.group-push-policy summary{font-size:16px;font-weight:700;cursor:pointer}.group-push-policy form{margin-top:20px}@media(max-width:600px){.group-push-compose,.group-push-history,.group-push-policy{padding:18px}.group-push-quota{gap:10px}.group-push-quota>span{padding:12px}.group-push-compose h2,.group-push-history h2{font-size:21px}}