/* Careers page controls: buttons, chips and text links shared by every section. Split out of
   base.css so each foundation file stays short; base.css defines the tokens used here. */

.button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 26px;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-stretch: 87%;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.button-arrow { font-size: 16px; }
.button-dark { background: var(--ink); color: var(--white); }
.button-dark:hover { background: var(--blue); color: var(--white); }
.button-outline { border-color: var(--chip); color: var(--ink); }
.button-outline:hover { border-color: var(--ink); background: var(--paper); }
.button-blue { background: var(--blue); color: var(--white); }
.button-blue:hover { background: var(--ink); color: var(--white); }
.button-block { display: flex; width: 100%; justify-content: center; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip {
  border: 1px solid var(--chip);
  border-radius: 2px;
  padding: 6px 11px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-stretch: 87%;
  color: var(--dark);
}
.chips-dark .chip { border-color: rgba(211, 218, 227, 0.4); padding: 7px 12px; color: var(--light); }
.text-link {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-stretch: 87%;
  color: var(--blue);
}
.text-link:hover { color: var(--ink); }
.inline-link, .team-none a, .snapshot-note a { font-weight: 600; color: inherit; }
.inline-link:hover, .team-none a:hover, .snapshot-note a:hover { text-decoration: underline; }
.link-button {
  justify-self: start;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-stretch: 87%;
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.link-button:hover { color: var(--ink); }