/* Careers page (prefix ca-). Loaded only on the "Careers" template (functions.php), after contact.css (enqueued for this
   template by inc/contact.php), whose ct- header, crumbs, form, status and checkbox styles the page reuses.
   Markup: blocks/careers/render.php. Contrast as contact.css: ink-soft #4E5A54 on white 7.21:1;
   gold-700 #8C6903 numerals on ivory 4.79:1 (AA); ink-soft on ivory 6.79:1 (tools/contrast.py ratio). */

/* ── header ── */
.ca-h1{ font-size:46px; line-height:1.02; color:var(--ink); text-wrap:balance }
@media (min-width:640px){ .ca-h1{ font-size:62px } }
@media (min-width:1024px){ .ca-h1{ font-size:76px } }
.ca-sub{ max-width:40ch; font-size:17px; line-height:1.6; color:var(--ink-soft); text-wrap:pretty }
@media (min-width:1024px){ .ca-sub{ font-size:18.5px } }

/* ── what the firm offers: numbered hairline list (as the practice-area services list) ── */
.ca-list{ counter-reset:ca; border-top:1px solid var(--ink) }
.ca-item{ counter-increment:ca; display:grid; grid-template-columns:44px 1fr; column-gap:8px; align-items:baseline;
  padding:24px 0 26px; border-bottom:1px solid var(--line) }
.ca-item::before{ content:counter(ca, decimal-leading-zero); font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:19px; line-height:1; color:var(--gold-700); font-variant-numeric:lining-nums tabular-nums }
.ca-item-t{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:26px; line-height:1.14; color:var(--ink);
  letter-spacing:-.003em; text-wrap:balance }
@media (min-width:768px){
  .ca-item{ grid-template-columns:64px 1fr; column-gap:28px; padding:30px 0 32px }
  .ca-item::before{ font-size:21px }
  .ca-item-t{ font-size:30px }
}

/* ── form: the message is optional and short ── */
.ca-textarea{ min-height:140px }