/* The jobs page while it waits for its ads. The guide pages' type, nothing
   more — the role cards and the stack grid went with the copy, and both are
   in this session's scratchpad if the ads come back. */
@font-face { font-family: 'Annapurna SIL'; font-weight: 700; font-display: swap;
  src: url('/assets/fonts/annapurna-bold.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-weight: 400; font-display: swap;
  src: url('/assets/fonts/opensans-regular.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-weight: 600; font-display: swap;
  src: url('/assets/fonts/opensans-semibold.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-weight: 700; font-display: swap;
  src: url('/assets/fonts/opensans-bold.woff2') format('woff2'); }

.jobs { font-family: 'Open Sans', -apple-system, 'Segoe UI', sans-serif; font-size: 17px; line-height: 1.65; }
.jobs h1 { font-family: 'Annapurna SIL', Georgia, serif; font-weight: 700; color: var(--ink);
           letter-spacing: -0.01em; font-size: 40px; line-height: 1.1; margin: 6px 0 10px; }
.jobs p { color: var(--slate); }
.jobs .lead { font-size: 19px; color: var(--slate); text-wrap: pretty; }

.soon { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
        padding: 22px 24px; margin: 26px 0 0; }
.soon p { margin: 0 0 12px; }
.soon p:last-child { margin-bottom: 0; }

@media (max-width: 520px) { .jobs h1 { font-size: 32px; } }