.groups-page{max-width:1200px;margin:0 auto;padding-top:42px;padding-bottom:64px}.groups-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.groups-heading h1{display:flex;align-items:center;gap:12px;font-size:clamp(26px,4vw,40px);margin:12px 0}.groups-heading h1 svg{color:var(--gold)}.groups-heading p:last-child{color:var(--muted);line-height:1.8}.groups-heading>a{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--gold)}.groups-search{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:14px;margin:24px 0}.groups-search input{max-width:440px;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--paper);padding:12px 14px;font:inherit}.groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.group-card{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#8080800a;transition:border-color .2s,background .2s}.group-card:hover{border-color:var(--gold);background:#b4914b14}.group-card:focus-visible,.groups-search input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.group-icon{color:var(--gold);flex-shrink:0}.group-copy{flex:1;min-width:0;overflow-wrap:anywhere}.group-copy h2{font-size:18px;margin:0 0 10px}.group-copy p{font-size:13px;color:var(--muted);margin:0}.group-copy .group-parent{font-size:12px;margin-bottom:8px}.group-card>svg:last-child{flex-shrink:0;color:var(--muted)}@media(max-width:900px){.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.groups-page{padding-top:24px}.groups-heading{align-items:flex-start;flex-direction:column;gap:8px}.groups-grid{grid-template-columns:1fr}.group-card{padding:20px}}