body.page-members .entry-header{display:none}
body.page-members #main-content.site-main{width:min(calc(100% - 2rem),1320px);max-width:none}
body.page-members #main-content .entry-content{max-width:none}
/* UT member discovery and private connection workspace: shared theme tokens. */
.utc-members,.utc-connections{color:var(--ut-text,#f3f3ed);font-family:var(--ut-font-body,Arial,sans-serif)}
.utc-members{max-width:1320px;margin:0 auto;padding:28px 0 60px}
.utc-members *,.utc-connections *{box-sizing:border-box}
.utc-members-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;border-block:1px solid var(--ut-border,#30332e);padding:20px 0}
.utc-members-filters label{display:grid;gap:7px;flex:1 1 160px;font:700 11px/1.4 var(--ut-font-label,monospace)}
.utc-members-filters input,.utc-members-filters select{width:100%;min-height:42px;border:1px solid var(--ut-border,#30332e);border-radius:0;background:var(--ut-surface,#181a18);color:var(--ut-text,#f3f3ed);padding:10px;font:400 13px/1.4 var(--ut-font-body,Arial,sans-serif)}
.utc-members-filters>a{font-size:12px;padding:12px;color:var(--ut-muted,#aeafa7)}
.utc-members-count{font:700 11px/1.5 var(--ut-font-label,monospace);color:var(--ut-muted,#aeafa7);margin:20px 0}
.utc-members-empty{border:1px solid var(--ut-border,#30332e);padding:24px;font-size:14px;color:var(--ut-muted,#aeafa7)}
.utc-members-empty a{color:var(--ut-accent,#f0ff00)}
.utc-members-notice{font-size:12px;color:var(--ut-muted,#aeafa7)}
.utc-member-pages{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.utc-member-pages a,.utc-member-pages span{padding:8px 12px;border:1px solid var(--ut-border,#30332e);color:var(--ut-text,#f3f3ed)}
.utc-member-pages .current{border-color:var(--ut-accent,#f0ff00);color:var(--ut-accent,#f0ff00)}
@media(max-width:600px){.utc-members-filters label{flex-basis:calc(50% - 12px)}.utc-members-filters label:first-child{flex-basis:100%}.utc-members{padding-top:16px}}

/* ---- Shared member presentation: My Connections, requests, Overview, public profile, notifications ----
   Every avatar sits in a fixed-size box and is cropped to it, so no image can change a row's height or reach the text. */
.utc-people{display:grid;border-top:1px solid var(--ut-border,#30332e)}
.utc-people--compact{border-top:0}
.utc-person{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ut-border,#30332e)}
.utc-person__avatar{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;background:var(--ut-surface,#171919);border:1px solid var(--ut-border,#30332e);color:var(--ut-muted,#b2b5af);text-decoration:none}
.utc-person__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.utc-person__avatar span{font:700 24px/1 var(--ut-font-display,Impact,sans-serif)}
.utc-person__body{min-width:0}
.utc-person__name{margin:0;font:700 20px/1.15 var(--ut-font-display,Impact,sans-serif);text-transform:uppercase;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.utc-person__name a{color:var(--ut-text,#f3f3ed);text-decoration:none}
.utc-person__name a:hover{color:var(--ut-accent,#f0ff00)}
.utc-person__role,.utc-person__meta,.utc-person__when{margin:3px 0 0;overflow-wrap:anywhere}
.utc-person__role{font-size:13px;line-height:1.4;color:var(--ut-text,#f3f3ed)}
.utc-person__meta{font-size:12px;line-height:1.4;color:var(--ut-muted,#b2b5af)}
.utc-person__when{font:600 11px/1.4 var(--ut-font-label,monospace);letter-spacing:.04em;color:var(--ut-muted,#b2b5af)}
.utc-person__actions,.utc-notif__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.utc-person__view{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font:700 11px/1.4 var(--ut-font-label,monospace);letter-spacing:.04em;color:var(--ut-muted,#b2b5af);text-decoration:none}
.utc-person__view:hover{color:var(--ut-accent,#f0ff00)}
.utc-people--compact .utc-person{grid-template-columns:44px minmax(0,1fr);padding:12px 0}
.utc-people--compact .utc-person__avatar{width:44px;height:44px}
.utc-people--compact .utc-person__avatar span{font-size:20px}
.utc-people--compact .utc-person__name{font-size:17px}
.utc-people__more{margin:12px 0 0;font-size:12px;color:var(--ut-muted,#b2b5af)}
.utc-people-section{margin:0 0 40px}
.utc-people-section>h2,.utc-public-connections>h2{display:flex;align-items:baseline;gap:8px}
.utc-people-section>h2{margin:0 0 14px;font:700 12px/1.4 var(--ut-font-label,monospace);letter-spacing:.08em;color:var(--ut-text,#f3f3ed)}
.utc-count{color:var(--ut-accent,#f0ff00);font:700 12px/1 var(--ut-font-label,monospace)}
.utc-connections .utc-people,.utc-notif-list{max-width:900px}

/* Connection actions: one clear primary action, quieter secondary ones, a separate step for anything destructive. */
.utc-connect-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.utc-connect-form{display:inline-flex;margin:0}
.utc-connect-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.utc-connect-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--ut-border,#30332e);background:transparent;color:var(--ut-text,#f3f3ed);font:700 11px/1.4 var(--ut-font-label,monospace);letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:color var(--ut-transition,.2s),border-color var(--ut-transition,.2s),background var(--ut-transition,.2s)}
.utc-connect-btn:hover{border-color:var(--ut-accent,#f0ff00);color:var(--ut-accent,#f0ff00)}
.utc-connect-btn--primary{background:var(--ut-accent,#f0ff00);border-color:var(--ut-accent,#f0ff00);color:var(--ut-bg,#0b0c0c)}
.utc-connect-btn--primary:hover{background:var(--ut-text,#f3f3ed);border-color:var(--ut-text,#f3f3ed);color:var(--ut-bg,#0b0c0c)}
.utc-connect-btn--quiet{border-color:transparent;color:var(--ut-muted,#b2b5af)}
.utc-connect-btn--danger{border-color:#ff9a8a;color:#ff9a8a}
.utc-connect-btn--danger:hover{background:#ff9a8a;border-color:#ff9a8a;color:var(--ut-bg,#0b0c0c)}
.utc-connect-btn[disabled],.utc-connect-btn[aria-busy="true"]{opacity:.55;cursor:progress}
.utc-connect-state{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--ut-border,#30332e);color:var(--ut-text,#f3f3ed);font:700 11px/1.4 var(--ut-font-label,monospace);letter-spacing:.03em}
.utc-confirm>summary{list-style:none}
.utc-confirm>summary::-webkit-details-marker{display:none}
.utc-confirm[open]{flex-basis:100%}
.utc-confirm__panel{display:grid;gap:10px;justify-items:start;max-width:320px;margin-top:8px;padding:14px;border:1px solid var(--ut-border,#30332e);background:var(--ut-surface,#171919)}
.utc-confirm__panel p{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.utc-connect-notice{margin:0 0 16px;padding:12px 14px;border-left:3px solid var(--ut-accent,#f0ff00);background:var(--ut-surface,#171919);font-size:13px;line-height:1.5}

/* Notifications */
.utc-notif-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ut-border,#30332e)}
.utc-notif{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:16px 0 16px 16px;border-bottom:1px solid var(--ut-border,#30332e)}
.utc-notif.is-unread::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--ut-accent,#f0ff00)}
.utc-notif__body{min-width:0}
.utc-notif__text{margin:0 0 4px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.utc-notif.is-read .utc-notif__text{color:var(--ut-muted,#b2b5af)}
.utc-notif__text a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.utc-notif__text a:hover{color:var(--ut-accent,#f0ff00)}
.utc-notif__time{font:600 11px/1.4 var(--ut-font-label,monospace);letter-spacing:.04em;color:var(--ut-muted,#b2b5af)}
.utc-notif__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.utc-notif__meta .utc-connect-btn{min-height:44px;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}

:is(.utc-people,.utc-notif-list,.utc-connect-actions,.utc-member__actions,.utc-notifications,.utc-overview-requests) :is(a,button,summary):focus-visible,.utc-bell:focus-visible{outline:2px solid var(--ut-accent,#f0ff00);outline-offset:3px}

@media(max-width:640px){
  .utc-person,.utc-notif{grid-template-columns:48px minmax(0,1fr)}
  .utc-person__avatar{width:48px;height:48px}
  .utc-person__actions,.utc-notif__actions{grid-column:1/-1;justify-content:flex-start}
  .utc-person__name{font-size:18px}
  .utc-notif{padding-left:14px;align-items:start}
}
@media(prefers-reduced-motion:reduce){.utc-connect-btn{transition:none}}

/* The name is the link for the whole row (a large, easy target); buttons stay above it and keep working. */
.utc-person,.utc-notif{position:relative}
.utc-person__name a::after,.utc-notif__text a::after{content:"";position:absolute;inset:0}
.utc-person__actions,.utc-notif__actions,.utc-notif__meta{position:relative;z-index:1}

/* Shared small controls: icon buttons with tooltips, connection status, toasts and busy buttons. */
.utc-icon-btn {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  border:1px solid var(--ut-border,#30332e);
  background:color-mix(in srgb,var(--ut-bg,#0b0c0c) 80%,transparent);
  color:var(--ut-text,#f3f3ed);
  list-style:none;
  cursor:pointer;
}
.utc-icon-btn::-webkit-details-marker {
  display:none;
}
.utc-icon-btn:hover,.utc-confirm[open]>.utc-icon-btn {
  border-color:var(--ut-text,#f3f3ed);
}
.utc-icon-btn:focus-visible,.utc-icon-btn:focus-within {
  outline:2px solid var(--ut-accent,#f0ff00);
  outline-offset:2px;
}
.utc-icon-btn.is-done {
  border-color:var(--ut-accent,#f0ff00);
  color:var(--ut-accent,#f0ff00);
}
.utc-icon-btn[data-utc-tip]::after {
  content:attr(data-utc-tip);
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:20;
  display:none;
  padding:6px 8px;
  background:var(--ut-text,#f3f3ed);
  color:var(--ut-bg,#0b0c0c);
  font:700 11px/1.3 var(--ut-font-label,monospace);
  letter-spacing:.02em;
  white-space:nowrap;
  pointer-events:none;
}
.utc-icon-btn[data-utc-tip]:is(:hover,:focus-visible,:focus-within)::after {
  display:block;
}
.utc-confirm[open]>.utc-icon-btn::after {
  display:none!important;
}
.utc-connect-status {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:44px;
  padding:0 4px;
  color:var(--ut-text,#f3f3ed);
  font:700 11px/1.4 var(--ut-font-label,monospace);
  letter-spacing:.04em;
  white-space:nowrap;
}
.utc-connect-status svg {
  flex:none;
  color:var(--ut-accent,#f0ff00);
}
.utc-connect-status--pending {
  color:var(--ut-muted,#b2b5af);
}
.utc-connect-btn--link {
  padding:0 6px;
  border-color:transparent;
  color:var(--ut-muted,#b2b5af);
  text-decoration:underline;
  text-decoration-color:var(--ut-border,#30332e);
  text-underline-offset:5px;
}
.utc-connect-btn--link:hover {
  border-color:transparent;
  color:var(--ut-text,#f3f3ed);
  text-decoration-color:currentColor;
}
.utc-toasts {
  position:fixed;
  right:16px;
  bottom:calc(16px + env(safe-area-inset-bottom,0px));
  z-index:10000;
  display:grid;
  gap:8px;
  width:min(380px,calc(100vw - 32px));
  pointer-events:none;
}
.utc-toast {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0;
  padding:12px 14px;
  border:1px solid var(--ut-border,#30332e);
  border-left:3px solid var(--ut-accent,#f0ff00);
  background:var(--ut-surface,#171919);
  color:var(--ut-text,#f3f3ed);
  font-size:13px;
  line-height:1.5;
  pointer-events:auto;
}
.utc-toast::before {
  content:"✓";
  flex:none;
  color:var(--ut-accent,#f0ff00);
  font-weight:700;
}
.utc-toast--error {
  border-left-color:#ff9a8a;
}
.utc-toast--error::before {
  content:"!";
  color:#ff9a8a;
}
.utc-toast.is-leaving {
  opacity:0;
}
.is-busy {
  cursor:progress;
}
.is-busy::after {
  content:"";
  flex:none;
  width:10px;
  height:10px;
  margin-left:10px;
  border:2px solid currentColor;
  border-right-color:transparent;
}
@media(prefers-reduced-motion:no-preference) {
  .utc-toast {
    animation:utc-toast-in .2s ease-out;
    transition:opacity .2s ease;
  }
  .is-busy::after {
    animation:utc-busy .8s linear infinite;
  }
}
@keyframes utc-toast-in {
  from { opacity:0;transform:translateY(6px) }
  to { opacity:1;transform:none }
}
@keyframes utc-busy {
  to { transform:rotate(360deg) }
}