/* superclaim careers page. Loaded after pages.css and callback.css, whose tokens and form controls
   (.cb-g, .cb-inp, .cb-p, .cb-go ...) it reuses. Light only, no boxes: hairlines and whitespace. */
.careers .sub { margin: var(--s-4) 0 var(--s-5); max-width: 36rem; font-size: 1.1875rem; line-height: 1.5; color: var(--ink-soft); }
.careers .jump { margin: 0; }
.go { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 26px; border-radius: 999px; background: var(--accent); color: var(--on-accent);
  font-weight: 600; font-size: 1rem; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: transform 120ms var(--ease-out), background-color 150ms ease; }
.go svg.i { width: 18px; height: 18px; transform: rotate(90deg); }
.go:active { transform: scale(0.98); }
@media (hover: hover) and (pointer: fine) { .go:hover { background: var(--accent-hover); color: var(--on-accent); } }

.careers .journey li > span:not(.ci) { align-self: center; color: var(--ink); font-size: 1.0625rem; }
.careers .checks { margin-bottom: var(--s-5); }
.careers .checks li { font-size: 1.0625rem; color: var(--ink); }
.skills { font-size: clamp(1.25rem, 1.1rem + 0.8vw, 1.625rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; color: var(--accent); }

.commits { list-style: none; padding: 0; margin: var(--s-2) 0 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-4) var(--s-6); max-width: var(--wide); }
.commits li { display: flex; align-items: center; gap: var(--s-3); margin: 0; font-size: 1.0625rem; line-height: 1.4; color: var(--ink); }
.commits .ci { flex: none; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50%; background: var(--accent-soft); color: var(--accent); }
.commits .ci svg.i { width: 22px; height: 22px; }

.apply { scroll-margin-top: var(--s-4); max-width: 560px; }
.apply h2 { outline: none; }
.apply .cb-f { margin-top: var(--s-2); }
.ap-note { height: auto; min-height: 112px; padding: 12px 14px; line-height: 1.45; resize: vertical; }
.cb-g.bad .cb-p { border-color: var(--err); }
.cb-p { white-space: normal; text-align: left; min-height: 40px; height: auto; padding: 8px 16px; line-height: 1.25; }
.ap-consent { display: flex; gap: var(--s-3); align-items: flex-start; font-size: 0.9375rem; line-height: 1.45; color: var(--ink); cursor: pointer; }
.ap-consent input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--accent); }
.ap-fine { margin-top: var(--s-5); padding-top: var(--s-4); border-top: 1px solid var(--line); color: var(--muted); font-size: var(--fs-s); }
.apply .cb-done { font-size: 1.1875rem; }

@media (min-width: 600px) {
  .commits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .go { transition: none; }
  .go:active { transform: none; }
}