/* Team member links pages (team-links.php). Same simple layout as the old site. */
.team-links{--accent:var(--brand);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;max-width:760px;margin:10px auto 10px;padding:36px clamp(16px,4vw,48px) 32px;text-align:center;
  border:1px solid var(--line);border-radius:10px;background:var(--panel)} /* same box as the contact page panel */
.tl-avatar{display:block;width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);background:#0b0d14}
.tl-avatar--blank{display:grid;place-items:center;font:800 72px var(--f-head);color:var(--muted)}
.tl-name{margin:26px 0 0;font:400 44px/1 var(--f-display);letter-spacing:.02em;text-transform:uppercase;color:#fff}
.tl-email{margin:22px 0 0;font:700 16px var(--f-head);letter-spacing:.02em;text-transform:uppercase}
.tl-email a{color:#fff}
.tl-email a:hover{color:var(--accent)}
.tl-intro{margin:20px 0 0;font-size:18px;line-height:1.5;color:#e6e8ef}
.tl-intro strong{color:#fff}
.tl-links{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;margin:40px 0 0;padding:0;list-style:none}
.tl-links li{width:min(100%,408px)}
.tl-btn{display:flex;align-items:center;justify-content:center;min-height:86px;padding:14px 26px;text-align:center;text-wrap:balance;border:2px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;font:700 18px/1.3 var(--f-head);letter-spacing:.02em;text-transform:uppercase;transition:background .15s,color .15s}
.tl-btn svg{display:inline-block;vertical-align:-3px;margin-right:12px}
.tl-btn:hover{background:transparent;color:#fff}
.tl-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tl-sep{display:flex;align-items:center;gap:14px;margin:8px 0 -6px;font:700 12px var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.tl-sep::before,.tl-sep::after{content:"";flex:1;border-top:1px solid var(--line)}
.tl-back{margin:44px 0 0;font:600 13px var(--f-head);letter-spacing:.08em;text-transform:uppercase}
.tl-back a{color:var(--muted)}
.tl-back a:hover{color:#fff}

@media (max-width:820px){
  .team-links{margin-top:0;padding:19px 0 12px;border:0;border-radius:0;background:none} /* like the contact page on phones: no box */
  .tl-avatar{width:150px;height:150px}
  .tl-name{font-size:34px;margin-top:20px}
  .tl-email{font-size:14px;overflow-wrap:anywhere}
  .tl-intro{font-size:16px}
  .tl-links{gap:16px;margin-top:28px}
  .tl-btn{min-height:60px;font-size:16px}
}