/* Public staff directory: confirmed role groups, compact member profiles. */
body[data-page=community] .team-hero {padding: 34px 0 30px; border-bottom: 1px solid #29292d; background: #050505;}
body[data-page=community] .team-hero > .wrap {display: grid; grid-template-columns: minmax(0, 1fr) 154px; align-items: center; gap: 32px;}
body[data-page=community] .team-hero-copy {min-width: 0;}
body[data-page=community] .team-hero h1 {max-width: 22ch; margin-top: 14px; color: #fff; font: 800 clamp(32px, 3.7vw, 48px)/1.08 'Segoe UI', Arial, sans-serif; letter-spacing: -.045em; overflow-wrap: anywhere;}
body[data-page=community] .team-hero .lead {max-width: 580px; margin-top: 16px; color: #aaa; font-size: 14px; line-height: 1.8;}
body[data-page=community] .team-hero .button-row {margin-top: 21px; gap: 10px;}
body[data-page=community] .team-hero-mark {display: grid; place-items: center; min-width: 0;}
body[data-page=community] .team-hero-mark img {display: block; width: 100%; max-width: 148px; max-height: 170px; object-fit: contain;}
body[data-page=community] .team-page-jump {display: flex; align-items: center; flex-wrap: wrap; gap: 5px 28px; padding-block: 10px; border-bottom: 1px solid #29292d;}
body[data-page=community] .team-page-jump a {display: inline-flex; align-items: center; min-height: 38px; padding-block: 8px; color: #bbb; font-size: 12px; text-decoration: none;}
body[data-page=community] .team-page-jump a:hover {color: #ff6480; text-decoration: underline; text-underline-offset: 5px;}
body[data-page=community] .team-section {padding: 35px 0 0; scroll-margin-top: 28px;}
body[data-page=community] .team-section .section-head {flex-direction: row; align-items: end; gap: 23px; margin-bottom: 21px;}
body[data-page=community] .team-section .section-head h2 {font-size: clamp(24px, 2.5vw, 31px); line-height: 1.2; letter-spacing: -.035em;}
body[data-page=community] .team-section .section-head p {max-width: 420px; color: #aaa; font-size: 13px; line-height: 1.8;}

/* Each member appears once, under their highest current staff role. */
body[data-page=community] .team-role-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 21px;}
body[data-page=community] .team-role-panel {
  --team-accent: #df2846;
  --team-highlight: #ff8096;
  --team-soft: #271218;
  --team-edge: #713342;
  --team-glow: #df284610;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #333036;
  border-top: 2px solid var(--team-accent);
  border-radius: 7px;
  background: #0c0c0e;
  box-shadow: 0 7px 25px var(--team-glow);
  scroll-margin-top: 28px;
}
body[data-page=community] .team-role-panel[data-accent=cyan] {
  --team-accent: #32c6d1;
  --team-highlight: #83e5ec;
  --team-soft: #102528;
  --team-edge: #2a656b;
  --team-glow: #32c6d10c;
}
body[data-page=community] .team-role-panel[data-accent=violet] {--team-accent: #9b7ada; --team-highlight: #c9b5f0; --team-soft: #211a2d; --team-edge: #594570; --team-glow: #9b7ada0b;}
body[data-page=community] .team-role-panel[data-accent=green] {--team-accent: #56ac89; --team-highlight: #9cd6ba; --team-soft: #15251f; --team-edge: #365b4b; --team-glow: #56ac890a;}
body[data-page=community] .team-role-panel[data-accent=amber] {--team-accent: #c79b55; --team-highlight: #e7c68f; --team-soft: #292218; --team-edge: #675134; --team-glow: #c79b550a;}
body[data-page=community] .team-directory-toolbar {display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 21px; padding: 15px 18px; border: 1px solid #29292d; border-radius: 4px; background: #0c0c0e;}
body[data-page=community] .team-directory-status {min-width: 0;}
body[data-page=community] .team-directory-status > p {margin: 0; color: #ccc; font-size: 12px; line-height: 1.7;}
body[data-page=community] .team-directory-status time {display: block; margin-top: 3px; color: #999; font-size: 11px; line-height: 1.6;}
body[data-page=community] .team-directory-status .team-directory-note {margin-top: 5px; color: #999; font-size: 11px;}
body[data-page=community] [data-directory-state=error] [data-team-directory-status] {color: #eab0bc;}
body[data-page=community] .team-directory-toolbar > .button {flex-shrink: 0;}
body[data-page=community] .team-state {margin: 0; padding: 6px 2px; color: #aaa; font-size: 13px; line-height: 1.8;}
body[data-page=community] .team-role-header {display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: start; gap: 14px; padding: 22px; border-bottom: 1px solid #2b292e; background: linear-gradient(110deg, var(--team-glow), transparent 75%);}
body[data-page=community] .team-role-icon {display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--team-edge); border-radius: 8px; background: var(--team-soft); color: var(--team-highlight);}
body[data-page=community] .team-role-icon .icon {width: 23px; height: 23px; stroke-width: 1.6;}
body[data-page=community] .team-role-copy {min-width: 0;}
body[data-page=community] .team-role-copy h3 {margin: 0; color: #f3f3f5; font-size: 19px; font-weight: 700; line-height: 1.35; letter-spacing: -.025em;}
body[data-page=community] .team-role-copy p {max-width: 32ch; margin: 6px 0 0; color: #a5a5ad; font-size: 12px; line-height: 1.7;}
body[data-page=community] .team-member-count {min-width: 44px; padding-top: 1px; text-align: center;}
body[data-page=community] .team-member-count strong {display: block; color: var(--team-highlight); font-size: 24px; font-weight: 650; line-height: 1.15; font-variant-numeric: tabular-nums;}
body[data-page=community] .team-member-count span {display: block; margin-top: 4px; color: #aaa; font-size: 11px; line-height: 1.5;}
body[data-page=community] .team-member-list {display: grid; gap: 13px; padding: 18px;}
body[data-page=community] .team-member-card {display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: start; gap: 17px; min-width: 0; padding: 20px 18px; border: 1px solid #302d33; border-radius: 5px; background: #131315;}
body[data-page=community] .team-profile-frame {
  display: grid;
  place-items: center;
  width: 82px;
  height: 92px;
  padding: 3px;
  overflow: hidden;
  clip-path: polygon(50% 0, 95% 24%, 95% 76%, 50% 100%, 5% 76%, 5% 24%);
  background: var(--team-accent);
}
body[data-page=community] .team-profile-mark {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0, 95% 24%, 95% 76%, 50% 100%, 5% 76%, 5% 24%);
  background: #201d22;
  color: #f4f4f4;
  font: 750 37px/1 'Segoe UI', Arial, sans-serif;
  letter-spacing: -.06em;
}
body[data-page=community] .team-profile-photo {display: block; width: 100%; height: 100%; object-fit: cover; clip-path: polygon(50% 0, 95% 24%, 95% 76%, 50% 100%, 5% 76%, 5% 24%);}
body[data-page=community] .team-profile-frame [hidden] {display: none !important;}
body[data-page=community] .team-card-body {min-width: 0; overflow-wrap: anywhere;}
body[data-page=community] .team-member-heading {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0;}
body[data-page=community] .team-member-badges {display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; min-width: 0;}
body[data-page=community] .team-member-badges[hidden] {display: none;}
body[data-page=community] .team-member-heading h4 {margin: 0; color: #f6f6f7; font: 700 22px/1.25 'Segoe UI', Arial, sans-serif; letter-spacing: -.03em;}
body[data-page=community] .team-role {display: inline-flex; align-items: center; max-width: 100%; padding: 4px 9px; border: 1px solid var(--team-edge); border-radius: 4px; background: var(--team-soft); color: var(--team-highlight); font-size: 11px; font-weight: 550; letter-spacing: 0; line-height: 1.45;}
body[data-page=community] .team-bio {margin: 12px 0 0; color: #aaa; font-size: 13px; line-height: 1.75;}
body[data-page=community] .team-member-links {display: flex; flex-wrap: wrap; gap: 6px 15px; margin-top: 13px;}
body[data-page=community] .team-member-link {display: inline-flex; align-items: center; gap: 8px; min-height: 30px; color: #d2d2d8; font-size: 11px; line-height: 1.5; text-decoration: none;}
body[data-page=community] .team-member-link:hover {color: var(--team-highlight); text-decoration: underline; text-underline-offset: 4px;}
body[data-page=community] .team-member-link .icon {width: 14px; height: 14px;}

/* An honest unfilled section and useful contact routes, without placeholder people. */
body[data-page=community] .team-unannounced {display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: 5px 16px; padding: 22px 24px; border: 1px solid #29292d; border-radius: 5px; background: #0b0b0d;}
body[data-page=community] .team-unannounced > .icon {grid-column: 1; grid-row: 1 / span 2; width: 25px; height: 25px; margin-top: 2px; color: #aaa;}
body[data-page=community] .team-unannounced > div {grid-column: 2; grid-row: 1 / span 2; min-width: 0;}
body[data-page=community] .team-unannounced strong {grid-column: 2; color: #ddd; font-size: 15px; font-weight: 600; line-height: 1.5;}
body[data-page=community] .team-unannounced h2 {margin: 0; color: #ddd; font: 600 16px/1.5 'Segoe UI', Arial, sans-serif; letter-spacing: -.015em;}
body[data-page=community] .team-unannounced p {grid-column: 2; max-width: 75ch; margin: 0; color: #aaa; font-size: 13px; line-height: 1.8;}
body[data-page=community] .team-unannounced > div p {margin-top: 5px;}
body[data-page=community] .team-help-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
body[data-page=community] .team-help {min-width: 0; padding: 25px; border: 1px solid #303034; border-radius: 5px; background: #101012;}
body[data-page=community] .team-help h3 {margin: 0; color: #f1f1f3; font-size: 20px; line-height: 1.35; letter-spacing: -.03em;}
body[data-page=community] .team-help p {margin-top: 12px; color: #aaa; font-size: 13px; line-height: 1.8;}
body[data-page=community] .team-help .button {margin-top: 21px; max-width: 100%;}
body[data-page=community] .team-contact-note {padding: 22px 0 38px; color: #999; font-size: 12px; line-height: 1.8;}
body[data-page=community] .team-contact-note a {color: #d5d5d5; text-decoration: underline; text-underline-offset: 4px;}

@media (max-width: 1200px) {
  body[data-page=community] .team-role-grid {gap: 17px;}
  body[data-page=community] .team-role-header {grid-template-columns: 36px minmax(0, 1fr) auto; gap: 11px; padding: 19px;}
  body[data-page=community] .team-role-icon {width: 36px; height: 36px;}
  body[data-page=community] .team-role-icon .icon {width: 21px; height: 21px;}
  body[data-page=community] .team-role-copy h3 {font-size: 18px;}
  body[data-page=community] .team-member-list {padding: 14px;}
  body[data-page=community] .team-member-card {grid-template-columns: 74px minmax(0, 1fr); gap: 14px; padding: 18px 15px;}
  body[data-page=community] .team-profile-frame {width: 74px; height: 83px;}
}
@media (max-width: 1000px) {
  body[data-page=community] .team-role-grid {grid-template-columns: 1fr; gap: 20px;}
  body[data-page=community] .team-role-header {grid-template-columns: 42px minmax(0, 1fr) auto; gap: 14px; padding: 22px;}
  body[data-page=community] .team-role-icon {width: 42px; height: 42px;}
  body[data-page=community] .team-role-copy h3 {font-size: 20px;}
  body[data-page=community] .team-role-copy p {max-width: 55ch;}
  body[data-page=community] .team-member-list {padding: 18px;}
  body[data-page=community] .team-member-card {grid-template-columns: 82px minmax(0, 1fr); gap: 19px; padding: 21px;}
  body[data-page=community] .team-profile-frame {width: 82px; height: 92px;}
  body[data-page=community] .team-section .section-head {align-items: start; flex-direction: column; gap: 13px;}
  body[data-page=community] .team-section .section-head p {max-width: 66ch; margin-top: 0;}
}
@media (max-width: 900px) {
  body[data-page=community] .team-hero {padding-block: 29px;}
  body[data-page=community] .team-hero > .wrap {grid-template-columns: minmax(0, 1fr) 126px; gap: 24px;}
  body[data-page=community] .team-hero h1 {font-size: 39px;}
  body[data-page=community] .team-hero-mark img {max-width: 124px; max-height: 145px;}
  body[data-page=community] .team-section, body[data-page=community] .team-role-panel {scroll-margin-top: 110px;}
  body[data-page=community] .team-page-jump a {min-height: 44px;}
}
@media (max-width: 620px) {
  body[data-page=community] .team-hero > .wrap {grid-template-columns: minmax(0, 1fr) 73px; gap: 15px; align-items: start;}
  body[data-page=community] .team-hero-copy {grid-row: 1; grid-column: 1 / -1;}
  body[data-page=community] .team-hero .eyebrow {max-width: calc(100% - 90px); min-height: 61px; font-size: 11px; line-height: 1.6; letter-spacing: 1px;}
  body[data-page=community] .team-hero-mark {grid-row: 1; grid-column: 2; align-self: start;}
  body[data-page=community] .team-hero-mark img {width: 69px; max-height: 76px;}
  body[data-page=community] .team-hero h1 {max-width: 19ch; margin-top: 15px; font-size: clamp(31px, 7vw, 39px);}
  body[data-page=community] .team-hero .lead {margin-top: 14px;}
  body[data-page=community] .team-hero .button-row {margin-top: 21px;}
  body[data-page=community] .team-page-jump {gap: 3px 21px;}
  body[data-page=community] .team-section {padding-top: 28px;}
  body[data-page=community] .team-directory-toolbar {align-items: start; padding: 14px; gap: 13px;}
  body[data-page=community] .team-role-header {grid-template-columns: 34px minmax(0, 1fr) 40px; gap: 11px; padding: 18px 16px;}
  body[data-page=community] .team-role-icon {width: 34px; height: 36px; border-radius: 6px;}
  body[data-page=community] .team-role-icon .icon {width: 20px; height: 20px;}
  body[data-page=community] .team-role-copy h3 {font-size: 18px;}
  body[data-page=community] .team-role-copy p {font-size: 12px; line-height: 1.65;}
  body[data-page=community] .team-member-count {min-width: 0;}
  body[data-page=community] .team-member-count strong {font-size: 22px;}
  body[data-page=community] .team-member-list {padding: 13px;}
  body[data-page=community] .team-member-card {grid-template-columns: 72px minmax(0, 1fr); gap: 14px; padding: 18px 15px;}
  body[data-page=community] .team-profile-frame {width: 72px; height: 81px;}
  body[data-page=community] .team-profile-mark {font-size: 33px;}
  body[data-page=community] .team-member-heading {align-items: start; flex-direction: column; gap: 8px;}
  body[data-page=community] .team-member-heading h4 {font-size: 21px;}
  body[data-page=community] .team-bio {font-size: 12px;}
  body[data-page=community] .team-help-grid {grid-template-columns: 1fr; gap: 16px;}
  body[data-page=community] .team-help {padding: 23px;}
  body[data-page=community] .team-contact-note {padding-bottom: 32px;}
}
@media (max-width: 360px) {
  body[data-page=community] .team-hero .button-row {align-items: stretch; flex-direction: column;}
  body[data-page=community] .team-hero .button-row .button {justify-content: space-between;}
  body[data-page=community] .team-member-card {grid-template-columns: 1fr; gap: 16px; padding: 20px;}
  body[data-page=community] .team-member-heading {align-items: center; flex-direction: row; flex-wrap: wrap;}
  body[data-page=community] .team-member-list {padding: 12px;}
  body[data-page=community] .team-role-header {grid-template-columns: 32px minmax(0, 1fr) 35px; gap: 9px; padding: 17px 14px;}
  body[data-page=community] .team-role-icon {width: 32px; height: 34px;}
  body[data-page=community] .team-directory-toolbar {flex-direction: column;}
  body[data-page=community] .team-role-copy h3 {font-size: 17px;}
  body[data-page=community] .team-unannounced {grid-template-columns: 24px minmax(0, 1fr); gap: 6px 12px; padding: 20px;}
  body[data-page=community] .team-unannounced > .icon {width: 22px; height: 22px;}
}
@media (pointer: coarse) {
  body[data-page=community] .team-member-link {min-height: 44px;}
}
@media (prefers-reduced-motion: reduce) {
  body[data-page=community] .team-page-jump a,
  body[data-page=community] .team-member-link,
  body[data-page=community] .team-hero .button,
  body[data-page=community] .team-help .button {transition: none;}
  body[data-page=community] .team-hero .button:hover,
  body[data-page=community] .team-help .button:hover {transform: none;}
}
@media print {
  body[data-page=community] .team-hero,
  body[data-page=community] .team-role-panel,
  body[data-page=community] .team-role-header,
  body[data-page=community] .team-member-card,
  body[data-page=community] .team-help,
  body[data-page=community] .team-unannounced {background: #fff; color: #111; border-color: #aaa; box-shadow: none; break-inside: avoid;}
  body[data-page=community] .team-hero-mark,
  body[data-page=community] .team-directory-toolbar,
  body[data-page=community] .team-page-jump {display: none;}
  body[data-page=community] .team-hero > .wrap,
  body[data-page=community] .team-role-grid {display: block;}
  body[data-page=community] .team-role-panel {margin-bottom: 20px;}
  body[data-page=community] .team-hero h1,
  body[data-page=community] .team-role-copy h3,
  body[data-page=community] .team-member-heading h4,
  body[data-page=community] .team-unannounced h2,
  body[data-page=community] .team-help h3 {color: #111;}
  body[data-page=community] .team-hero .lead,
  body[data-page=community] .team-role-copy p,
  body[data-page=community] .team-member-count strong,
  body[data-page=community] .team-member-count span,
  body[data-page=community] .team-bio,
  body[data-page=community] .team-help p,
  body[data-page=community] .team-contact-note {color: #333;}
}