/* Compact member workspace. Density/lines derive from the provided Grillfloß
   DESIGN.md/tokens.json; the network's own DM Sans and warm palette remain. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.member-area{font-size:14px;line-height:1.5}.member-area .page{padding:28px 0 40px;min-height:460px}.member-area h1{font-size:25px;line-height:1.25;letter-spacing:-.6px}.member-area h2{font-size:18px;letter-spacing:-.3px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}.workspace-heading .text-link{font-size:13px;min-height:36px}.member-area .button{font-size:14px;min-height:38px;border-radius:8px;padding:8px 13px}.member-area .status{font-size:13px}.member-area .field-hint{font-size:12px;line-height:1.45}.member-area .text-link{font-size:13px}.member-area .compact-profile{max-width:760px;margin:0 auto}.profile-access-note{font-size:13px;padding:11px 13px;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.member-area .profile-form{margin:0}.member-area .form-section{margin:0 0 19px;padding:0;border:0}.member-area .form-section>legend{font-size:14px;letter-spacing:0;text-transform:none;line-height:1.5;font-weight:500;margin-bottom:9px;padding:0}.member-area .form-grid{gap:12px 16px}.member-area .field{gap:5px}.member-area .field>span,.member-area .field-label{font-size:13px;line-height:1.5}.member-area .field-label small{font-size:11px}.member-area .field input,.member-area .field textarea,.member-area .field select{font-size:14px;border-radius:8px;min-height:38px;padding:8px 10px;line-height:1.5}.member-area .field textarea{resize:vertical;min-height:90px}.member-area .field input[readonly]{color:var(--muted)}.member-area .photo-editor{gap:14px;margin-bottom:19px;padding-bottom:18px}.member-area .avatar.large{width:64px;height:64px;font-size:23px}.member-area .photo-actions{gap:5px 14px}.member-area .photo-actions .file-button,.member-area .photo-actions button{font-size:13px;min-height:36px;padding:5px 0}.member-area .photo-editor .field-hint{margin-top:2px}.description-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.category-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-area .optional-details{margin:0 0 18px}.member-area .optional-details summary{min-height:38px;padding:7px 0;font-size:13px}.member-area .optional-details .form-grid{padding-top:10px}.member-area .optional-details textarea{min-height:75px}.member-area .check{font-size:13px;line-height:1.6}.member-area .consent{padding-top:0;margin-top:2px}.member-area .consent>.text-link{font-size:12px;min-height:32px}.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px}.member-area .profile-actions .captcha{margin:0;max-width:100%}.member-area .profile-submit{margin:0}.member-area .danger-zone{margin-top:25px;padding-top:15px}.member-area .danger-zone summary{font-size:12px;min-height:36px}.member-area .danger-zone p{font-size:13px}.member-area .danger-zone form{max-width:420px}
.compact-picker{position:relative;min-width:0}.picker-chosen{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.picker-chosen:empty{display:none}.picker-add{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);font-size:14px;line-height:1.4;text-align:left}.picker-add:hover{background:var(--soft)}.picker-panel{position:absolute;top:calc(100% + 6px);left:0;width:min(360px,calc(100vw - 44px));min-width:100%;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;z-index:35}.member-area .picker-input{font-size:14px;min-height:38px;line-height:1.5;padding:8px 10px;border:1px solid var(--line);border-radius:6px;width:100%;background:var(--bg)}.member-area .picker-results{position:static;margin:6px 0 0;padding:0;max-height:230px;overflow-y:auto;border:0;border-radius:0;box-shadow:none;background:transparent}.member-area .picker-results>button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;min-height:40px;padding:8px 5px;font-size:14px;line-height:1.4;border:0;border-bottom:1px solid var(--line);background:transparent;overflow-wrap:anywhere}.member-area .picker-results>button:last-child{border-bottom:0}.member-area .picker-results>button:hover,.member-area .picker-results>button:focus-visible{background:var(--soft)}.member-area .picker-results>button small{font-size:11px;color:var(--muted);line-height:1.4}.picker-own{display:block;width:100%;font-size:13px;line-height:1.5;padding:10px 6px;margin-top:6px;border-top:1px solid var(--line);background:var(--soft);text-align:left;border-radius:0 0 6px 6px;overflow-wrap:anywhere}.member-area .picker-help{font-size:12px;line-height:1.45;margin:7px 0 0;color:var(--muted)}.member-area .picker-help:empty{display:none}.member-area .chip{font-size:12px;line-height:1.4;border-radius:6px;max-width:100%;gap:6px;min-height:27px;overflow-wrap:anywhere}.member-area .chip.selectable{padding:0 3px 0 8px}.member-area .chip.selectable button{display:grid;place-items:center;padding:0;min-width:30px;min-height:30px;font-size:17px;flex-shrink:0}.member-area .chip.self-reported{background:transparent;border:1px solid var(--line)}.chip-kind{color:var(--muted);font-size:10px;white-space:nowrap}.chip-kind::before{content:'·';margin-right:5px}
.member-area .directory-controls{display:flex;gap:9px;align-items:flex-start;padding:0;margin:0;border:0}.member-area .search-line{display:block;flex:1;margin:0;min-width:0}.directory-search-input{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 11px;min-height:40px}.directory-search-input>svg{flex-shrink:0;color:var(--muted)}.directory-search-input:focus-within{outline:2px solid var(--accent);outline-offset:2px}.member-area .directory-search-input input{border:0;background:transparent;color:var(--ink);font-size:14px;line-height:1.5;min-height:38px;padding:8px 0;min-width:0;width:100%;outline:none}.filter-shell{position:relative;flex-shrink:0}.member-area .filter-toggle{gap:6px;min-height:40px}.filter-count{display:inline-grid;place-items:center;min-width:18px;height:18px;font-size:11px;background:var(--soft);border-radius:6px}.filter-panel{position:absolute;top:calc(100% + 7px);right:0;width:340px;max-width:calc(100vw - 44px);max-height:75vh;overflow-y:auto;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:8px;z-index:30}.filter-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.member-area .filter-panel h2{font-size:14px;font-weight:500;letter-spacing:0}.filter-close{font-size:21px;min-height:34px;min-width:34px;padding:0;line-height:1}.member-area .filters{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding:0;border:0}.filter-picker>.field-label{display:block;margin-bottom:6px}.filter-picker .picker-panel{position:static;margin-top:7px;width:100%;min-width:0;padding:8px;border-radius:6px}.member-area .active-filters{gap:6px;margin-top:9px}.active-filters:empty{display:none}.active-filters .chip>span{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-area .results-topline{font-size:12px;min-height:36px;margin:5px 0 0}.member-area .member-row{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(150px,220px) auto;gap:14px;align-items:center;padding:14px 0}.member-area .member-row>.avatar{width:36px;height:36px;grid-row:auto;font-size:14px}.member-area .member-summary{min-width:0}.member-area .member-summary h2{font-size:15px;line-height:1.4;letter-spacing:-.2px;overflow-wrap:anywhere}.member-area .member-summary>.muted{font-size:13px;line-height:1.5;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}.member-area .member-row .chips{gap:5px;margin-top:7px}.member-area .member-contact{grid-column:auto;grid-row:auto;margin:0;min-width:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:2px}.member-open{grid-column:auto;grid-row:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-height:36px;font-size:13px;text-decoration:none;white-space:nowrap}.member-open:hover{text-decoration:underline}.member-area .empty-state{padding:30px 0}.member-area .empty-state h2{font-size:20px}.member-area .empty-state p{font-size:14px}.member-area .pagination{margin-top:18px}.member-area .pagination span{font-size:12px}.member-area .contact-layout{grid-template-columns:240px minmax(0,1fr);gap:35px;padding-top:15px}.member-area .contact-title h1{font-size:25px;margin-top:14px;overflow-wrap:anywhere}.member-area .contact-title>.muted{font-size:14px}.member-area .contact-copy p{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.member-area .contact-copy .chips{margin-top:20px;gap:6px}.contact-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.member-area .contact-section-heading h2{margin:0;font-size:16px}.member-area .contact-details h2,.member-area .contact-subsection h2{font-size:13px;letter-spacing:0;text-transform:none}.member-area .contact-details a{font-size:14px;min-height:32px;display:flex;align-items:center;overflow-wrap:anywhere}.member-area .contact-subsection{margin-top:21px;padding-top:19px}
@media(max-width:620px){.member-area .page{padding:23px 0 30px}.member-area h1,.member-area .contact-title h1{font-size:24px}.workspace-heading{margin-bottom:16px}.member-area .field input,.member-area .field textarea,.member-area .field select,.member-area .picker-input,.member-area .directory-search-input input,.member-area .form-grid{grid-template-columns:1fr;gap:11px}.member-area .form-section{margin-bottom:18px}.member-area .photo-editor{margin-bottom:17px}.category-sections{grid-template-columns:1fr;gap:0}.description-meta{align-items:flex-start;flex-direction:column;gap:8px}.member-area .picker-panel{width:100%;max-width:100%;min-width:0}.member-area .compact-picker .picker-add{min-height:44px}.member-area .profile-actions{align-items:stretch;flex-direction:column;gap:14px}.member-area .profile-submit .button{width:100%}.member-area .filter-toggle{font-size:13px;min-height:46px;padding:9px}.filter-panel{width:min(340px,calc(100vw - 44px));padding:11px}.member-area .filter-picker .picker-panel{width:100%}.member-area .directory-controls{gap:7px}.member-area .member-row{grid-template-columns:34px minmax(0,1fr);gap:8px 12px;padding:14px 0}.member-area .member-row>.avatar{width:34px;height:34px;grid-column:1;grid-row:1;align-self:start}.member-area .member-contact{grid-column:2;grid-row:auto;font-size:13px;line-height:1.6}.member-open{grid-column:2;grid-row:auto;justify-self:start;min-height:44px}.member-area .member-summary h2{font-size:15px}.member-area .member-summary>.muted{font-size:13px}.member-area .member-row .chips{margin-top:6px}.member-area .contact-layout{grid-template-columns:1fr;gap:25px;padding-top:12px}.member-area .contact-copy p{font-size:14px}.member-area .back-link{margin-bottom:8px}.member-area .contact-details{margin-top:17px}.member-area .contact-details a{min-height:44px}.member-area .danger-zone summary{min-height:44px}.member-area .danger-zone form .button{min-height:44px}}
@media(pointer:coarse){.member-area .button,.member-area .text-link,.member-area .picker-add,.member-area .picker-results>button,.member-area .picker-own,.member-area .photo-actions .file-button,.member-area .photo-actions button,.filter-close,.member-open{min-height:44px}.member-area .chip.selectable button{min-width:44px;min-height:44px}.member-area .picker-input,.member-area .field input,.filter-close{min-width:44px}}
/* Translation controls stay secondary to the original profile content. */
.member-area .translation-control{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:11px;line-height:1.5;color:var(--muted);margin:3px 0 0;overflow-wrap:anywhere}.member-area .translation-control[hidden]{display:none}.member-area .translation-control button{font:inherit;color:var(--ink);background:transparent;border:0;border-radius:6px;padding:4px 2px;min-height:30px;text-decoration:underline;text-underline-offset:3px}.member-area .translation-control button:hover{background:var(--soft)}.member-area .contact-copy .translation-control{font-size:12px;margin:6px 0 0}
@media(max-width:620px),(pointer:coarse){.member-area .translation-control button{min-height:44px}}