/* Shared colours and surfaces from the homepage welcome and board cards. */
.gwe-team-page {
  --team-green: #acdc75;
  --team-text: #f6f8f3;
  --team-muted: #c4ccc0;
  --team-border: rgba(225, 239, 214, .14);
  color: var(--team-text);
  padding: clamp(24px, 3vw, 38px);
  margin: 0 0 28px;
  border: 1px solid #426439;
  border-radius: 16px;
  background: radial-gradient(ellipse at top right, rgb(126 187 62 / 12%), transparent 65%), rgb(42 48 40 / 94%);
  box-shadow: 0 10px 32px rgb(0 0 0 / 12%);
  overflow: hidden;
}
.gwe-team-page *, .gwe-team-page *::before, .gwe-team-page *::after { box-sizing: border-box; }
.gwe-team-page__header { border-bottom: 1px solid var(--team-border); padding-bottom: 26px; margin-bottom: 30px; }
.gwe-team-page .gwe-team-page__eyebrow { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--team-green); margin: 0 0 14px; }
.gwe-team-page h1 { font-size: clamp(28px, 3.7vw, 42px); line-height: 1.15; color: var(--team-text); margin: 0 0 14px; letter-spacing: -.025em; }
.gwe-team-page__header > p:last-child { color: var(--team-muted); line-height: 1.65; margin: 0; }
.gwe-team-section + .gwe-team-section { margin-top: 36px; }
.gwe-team-page .gwe-team-section h2 { font-size: 25px; font-weight: 750; line-height: 1.25; color: var(--team-text); margin: 0 0 12px; }
.gwe-team-page .gwe-team-section__intro { color: var(--team-muted); margin: -4px 0 18px; }
.gwe-team-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.gwe-team-card { min-width: 0; padding: 23px 22px; border: 1px solid var(--team-border); border-radius: 16px; background: linear-gradient(135deg, rgba(172, 220, 117, .045), transparent 70%), rgb(59 63 57 / 96%); }
.gwe-team-page .gwe-team-card h3 { font-size: 20px; color: var(--team-text); line-height: 1.3; font-weight: 750; margin: 0 0 9px; overflow-wrap: anywhere; }
.gwe-team-page .gwe-team-card__role { color: var(--team-green); font-size: 15px; font-weight: 650; line-height: 1.4; margin: 0 0 5px; }
.gwe-team-page .gwe-team-card__team { font-size: 14px; color: var(--team-muted); line-height: 1.5; margin: 0 0 20px; }
.gwe-team-page .gwe-team-card__link { display: flex; flex-direction: column; gap: 3px; color: #e3e9df; line-height: 1.4; border-top: 1px solid var(--team-border); padding-top: 12px; margin-top: 12px; text-decoration: none; overflow-wrap: anywhere; font-size: 15px; }
.gwe-team-page .gwe-team-card__link:hover { text-decoration: underline; color: var(--team-green); }
.gwe-team-page .gwe-team-card__link-label { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--team-muted); font-weight: 650; }
.gwe-team-page .gwe-team-card__training-content { white-space: pre-line; line-height: 1.65; color: var(--team-muted); margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.gwe-team-card--training { border-left: 3px solid var(--team-green); }
.gwe-team-page__empty, .gwe-team-page__status { padding: 18px 20px; border: 1px solid var(--team-border); border-radius: 12px; background: rgb(172 220 117 / 6%); color: var(--team-muted); line-height: 1.65; margin: 0; }
.gwe-team-page__retry { display: block; margin-top: 12px; border: 1px solid var(--team-green); border-radius: 8px; padding: 10px 15px; background: var(--team-green); color: #203318; font: inherit; font-weight: 650; cursor: pointer; }
.gwe-team-page a:focus-visible, .gwe-team-page button:focus-visible { outline: 2px solid var(--team-green); outline-offset: 4px; }
.gwe-team-page [hidden] { display: none !important; }
@media (max-width: 600px) {
  .gwe-team-page { border-radius: 12px; padding: 24px 18px; }
  .gwe-team-page__header { margin-bottom: 24px; padding-bottom: 22px; }
  .gwe-team-card { padding: 21px 18px; }
  .gwe-team-page .gwe-team-section h2 { font-size: 23px; }
  .gwe-team-cards { grid-template-columns: 1fr; }
}