/* Job application flow: additions to the contact form styles in site-v31.css. */
/* Short hero, so the captcha is on screen without scrolling. */
.page-hero.careers-hero { min-height:0;padding:130px 0 50px; }
.careers-hero + .section { padding-top:50px; }
.captcha-image { display:block;width:100%;max-width:360px;height:auto;border:1px solid var(--line-strong);border-radius:3px; }
.captcha-refresh { margin:10px 0 24px;font-size:.8rem; }
.contact-form fieldset { margin:0 0 18px;padding:0;border:0;min-width:0; }
.contact-form legend { margin-bottom:18px;padding:0;color:var(--green);font: .72rem monospace;text-transform:uppercase;letter-spacing:.14em; }
.contact-form input[type="file"] { padding:11px 14px; }
.contact-form label.certify { display:flex;align-items:flex-start;gap:12px;margin-bottom:26px; }
.contact-form label.certify input { flex:none;width:18px;height:18px;margin:3px 0 0;padding:0; }
.contact-form label.certify span { margin:0;color:#bbc9ca;font:inherit;font-size:.86rem;text-transform:none;letter-spacing:normal; }
.resume-error { margin:-8px 0 20px; }
.resume-error[hidden] { display:none; }

/* Job posting on /careers/. */
.job-section { border-top:1px solid var(--line); }
.job-posting { max-width:860px; }
.job-posting h2 { margin:0 0 26px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.04em;font-weight:590; }
.job-posting h3 { margin:46px 0 14px;font-size:1.35rem;letter-spacing:-.02em; }
.job-posting p { margin:0 0 16px;color:#bbc9ca;font-size:1.05rem; }
.job-posting ul { margin:0;padding:0;list-style:none; }
.job-posting li { padding:11px 0 11px 22px;color:#bbc9ca;border-top:1px solid var(--line);position:relative; }
.job-posting li::before { content:"+";position:absolute;left:0;color:var(--green);font-family:monospace; }
.job-facts { display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 0;border:1px solid var(--line); }
.job-facts div { padding:16px 18px;border-right:1px solid var(--line); }
.job-facts div:last-child { border-right:0; }
.job-facts dt { color:var(--green);font:.68rem monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px; }
.job-facts dd { margin:0;color:var(--ink); }
.job-link { color:var(--green);text-decoration:underline; }
.job-actions { margin-top:26px; }
@media (max-width: 760px) {
  .job-facts { grid-template-columns:1fr; }
  .job-facts div { border-right:0;border-bottom:1px solid var(--line); }
  .job-facts div:last-child { border-bottom:0; }
}

/* Byline, list outro, pay line and footer (Junior DevOps Engineer posting). */
.job-byline { margin:-12px 0 0;color:var(--green);font:.8rem monospace;letter-spacing:.08em; }
.job-posting p.job-outro { margin:16px 0 0;color:var(--ink); }
.job-posting p.job-pay { margin:40px 0 0;padding:16px 18px;border:1px solid var(--line);color:var(--ink);font-weight:590; }
.job-posting p.job-pay-placeholder { border:2px dashed #f2b84b;background:rgba(242,184,75,.08); }
.job-placeholder-tag { display:inline-block;margin-left:10px;padding:2px 8px;background:#f2b84b;color:#111;font:700 .68rem monospace;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle; }
.job-posting p.job-footer { margin-top:30px;font-size:.92rem; }
.job-posting .job-actions + p { margin-top:30px; }