.group-space{padding:28px 0 60px;max-width:1280px;margin:auto}.group-heading,.group-overview,.group-panel{min-width:0}.group-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.group-heading h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;margin:8px 0}.group-kicker{font-size:11px;letter-spacing:2px;color:var(--accent)}.group-tabs,.group-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.group-space button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.group-space button svg{width:18px;height:18px;flex-shrink:0}.group-panel,.group-case-card{border:1px solid var(--line);border-radius:16px;background:var(--paper,var(--panel,var(--ui-surface)));margin-bottom:20px}.group-panel{padding:24px}.group-panel h2{font-size:20px;margin:0 0 16px}.group-intro{padding:32px;background:var(--soft,var(--ui-soft))}.group-intro h2{font-size:clamp(23px,3vw,32px);max-width:680px}.group-panel p{line-height:1.75}.group-space [data-i18n-skip]{overflow-wrap:anywhere}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.group-grid .group-panel{margin:0}.group-case-card{overflow:hidden}.group-case-card>div{padding:20px}.group-case-card h3{margin:0 0 12px}.group-case-card p{font-size:13px;color:var(--muted)}.group-case-card button{margin:8px 8px 0 0}.group-space .group-picture{display:block;position:relative;padding:0;margin:0;width:100%;aspect-ratio:4/3;overflow:hidden;border:0;border-radius:8px;background:var(--soft,var(--ui-soft))}.group-picture img{width:100%;height:100%;object-fit:cover}.group-picture img:not([src]){visibility:hidden}.group-picture span{position:absolute;bottom:10px;right:10px;padding:6px 10px;border-radius:8px;background:#08121bd9;color:#fff;font-size:12px}.group-case-placeholder{aspect-ratio:4/3;display:grid;place-items:center;color:var(--muted);background:var(--soft,var(--ui-soft))}.group-empty{padding:40px 24px;text-align:center;border:1px dashed var(--line);border-radius:16px;grid-column:1/-1;line-height:1.8}.group-inline-form,.group-form{display:grid;gap:18px}.group-inline-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin:20px 0}.group-form label,.group-inline-form label{display:grid;gap:8px;font-size:14px;min-width:0}.group-space input:not([type=checkbox]),.group-space select,.group-space textarea{width:100%;max-width:100%;min-height:44px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--bg,var(--ui-surface));color:var(--ink,var(--ui-text));padding:12px;font:inherit}.group-space input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.group-space input[type=file]{white-space:normal}.group-space progress{width:100%;height:10px;accent-color:var(--accent)}.group-status,.group-callout{padding:14px 18px;border-left:3px solid var(--accent);background:var(--soft,var(--ui-soft));line-height:1.7;overflow-wrap:anywhere}.group-case-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.group-text-block{padding:12px 0;border-bottom:1px solid var(--line)}.group-text-block p{white-space:pre-wrap}.group-space pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.group-member,.group-comment{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.group-comment{display:block}.group-comment time{color:var(--muted);font-size:12px}.group-dialog{width:min(840px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;padding:26px}.group-dialog>header{margin-bottom:24px;align-items:flex-start}.group-dialog>header h2{font-size:23px}.group-full-image{display:block;width:100%;max-height:65dvh;object-fit:contain}.group-space :focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:1000px){.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-case-layout{grid-template-columns:1fr}}@media(max-width:600px){.group-grid,.group-inline-form{grid-template-columns:1fr}.group-heading{align-items:flex-start}.group-heading>button{font-size:0;min-width:44px}.group-heading>button span{display:none}.group-panel,.group-intro,.group-dialog{padding:18px}.group-tabs>button{flex:1}.group-actions button{flex:1}.group-case-card>div{padding:16px}}@media(prefers-reduced-motion:reduce){.group-space *{scroll-behavior:auto}}

.group-form .group-field,.group-inline-form .group-field{display:grid;gap:8px;min-width:0}
