/* ==========================================================================
   careers.html — page-specific rules (tokens only, no new colours / radius / shadows)
   ========================================================================== */

/* Values band (dark): CEO quote in white, blockquote without the UA margin */
.values__quote .quote__text { margin: 0; max-width: 900px; }
.quote--white .quote__text { color: var(--white); }
.quote--white .quote__author { color: var(--white-60); }
.quote--white .quote__author b { color: var(--white); }

/* Three short value statements under the quote, separated from it by a hairline */
.values__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px var(--gap); padding-top: 40px; border-top: 1px solid var(--white-20); }
.value { display: flex; flex-direction: column; gap: 12px; }
.value__text { font-size: 14px; line-height: 1.3; color: var(--white-60); }

/* Open positions: location / team / type tags sit between the title and the description */
.row__tags { margin-top: 16px; }
.position__text { max-width: 670px; }

/* Open application band: e-mail note under the button */
.apply__note { font-size: 14px; line-height: 1.4; color: var(--white-50); }
.apply__note a { color: var(--white); }

@media (max-width: 1023px) {
  .values__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px var(--gap); }
}

@media (max-width: 639px) {
  .values__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 32px; }
  .row__tags { margin-top: 12px; }
}