/* Anka Life — Kariyer / iş başvuru formu.
   style.css marka token/bileşen dilini kullanır. Sayfaya özel; global
   style.css'e dokunulmaz. Mobil öncelikli: 390px'de yatay taşma sıfır. */

.career-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.career-form{display:grid;gap:1rem}
.career-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}
.career-field-full{grid-column:1/-1}
.career-form label{display:block;font-size:.85rem;font-weight:700;color:var(--green-d)}
.career-form input:not([type="checkbox"]),.career-form textarea{
  display:block;width:100%;max-width:100%;margin-top:.4rem;padding:.75rem .9rem;
  border:1px solid var(--line);border-radius:12px;font:400 1rem/1.4 var(--sans);
  color:var(--ink);background:#fff;box-sizing:border-box;
  transition:border-color .18s ease,box-shadow .18s ease}
.career-form textarea{resize:vertical}
.career-form input:focus-visible,.career-form textarea:focus-visible{
  outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(26,86,50,.16)}
.career-form input[type="file"]{padding:.5rem;border-style:solid;cursor:pointer;
  font-size:.86rem;color:var(--mute)}
.career-form input[type="file"]::file-selector-button{
  margin-right:.85rem;padding:.55rem 1.1rem;border:1px solid var(--green);border-radius:999px;
  background:var(--green-tint);color:var(--green-d);font:700 .82rem/1 var(--sans);cursor:pointer;
  transition:background .18s ease,color .18s ease}
.career-form input[type="file"]::file-selector-button:hover{background:var(--green);color:#fff}

.career-consent{display:flex!important;align-items:flex-start;gap:.6rem;
  font-weight:400!important;font-size:.88rem;color:var(--mute)}
.career-consent input{margin-top:.2rem;flex:none;width:19px;height:19px;accent-color:var(--green);cursor:pointer}
.career-consent a{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:2px}

.career-submit{margin-top:.25rem;justify-self:start}

.career-message{margin:0 0 1.2rem;padding:.85rem 1rem;border-radius:0 14px 14px 0;font-size:.92rem;line-height:1.55}
.career-message--success{border-left:3px solid var(--green);background:var(--green-tint);color:var(--green-d)}
.career-message--error{border-left:3px solid #A8322B;background:#FCF1F0;color:#7A241E}

/* Hero'nun 96px alt boslugu + bolumun 123px ust boslugu genis ekranda 247px'lik
   bos alan biraikiyordu; ikisi de acik zeminde oldugu icin sinir gorunmuyor,
   sayfa sadece kopuk duruyordu. Yalnizca bu sayfaya kapsamli -- ayni desen
   tedavi/laboratuvar sayfalarinda da var, oralara dokunulmadi. */
.careers-body{padding-top:clamp(40px,4.5vw,72px)}