/* Careers (/careers/): page layout only. Shared components live in components.css. */

.careers-body { max-width: var(--measure); color: var(--text-2); }
.careers-body a { color: var(--accent); }

/* K-3 */
.careers-check { max-width: var(--measure-wide); }

/* K-4: body beside the address card at 900 px and up */
.careers-place { display: grid; gap: var(--s-8); align-items: start; }
.careers-place > * { min-width: 0; }
@media (min-width: 900px) {
  .careers-place { grid-template-columns: minmax(0, 1fr) minmax(0, 28rem); }
}

/* K-5: practice chips, the send button and the attach note */
.careers-apply { margin-top: var(--s-8); max-width: var(--measure-wide); }
.careers-send { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3) var(--s-6); margin-top: var(--s-8); }
.careers-attach { flex: 1 1 16rem; color: var(--text-2); }
.careers-mail { flex-basis: 100%; }
.careers-mail a { color: var(--accent); }