/* Proton Careers — intentionally inherits the original Proton foundation */
.careers-hero .page-hero-content{max-width:1100px}
.careers-hero h1{max-width:980px}
.career-kicker{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.career-kicker span,.job-pill{border:1px solid rgba(255,255,255,.22);padding:8px 11px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.career-note{max-width:930px;margin:0 auto 28px;padding:18px 20px;border-left:4px solid #d9792f;background:#fff;color:#252525;box-shadow:0 14px 36px rgba(0,0,0,.07)}
.career-tools{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.55fr);gap:14px;margin:26px 0 34px}
.career-search,.career-select{width:100%;border:1px solid #cfc9bf;background:#fff;color:#111;padding:15px 16px;font:600 15px Inter,sans-serif}
.career-family{border-top:1px solid #d8d2c8;padding:34px 0 10px}
.career-family-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
.career-family-head h2{font-family:Teko,sans-serif;font-size:clamp(42px,5vw,64px);line-height:.9;margin:0;text-transform:uppercase}
.career-family-count{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#666}
.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:38px}
.job-card{display:flex;flex-direction:column;min-height:250px;padding:22px;border:1px solid #d7d1c7;background:#fff;color:#111;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.job-card:hover{transform:translateY(-2px);border-color:#d9792f;box-shadow:0 16px 36px rgba(0,0,0,.08)}
.job-card .job-code{font-size:11px;font-weight:800;letter-spacing:.1em;color:#9a4c18;text-transform:uppercase}
.job-card h3{font-family:Teko,sans-serif;font-size:31px;line-height:.92;text-transform:uppercase;margin:16px 0 12px}
.job-card p{font-size:13px;line-height:1.55;color:#555;margin:0 0 18px}
.job-card-meta{margin-top:auto;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e6e1d9;padding-top:14px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#565656}
.job-card-meta .status{color:#9a4c18}
.career-empty{display:none;padding:28px;border:1px solid #d7d1c7;background:#fff}
.provider-band{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:center}
.provider-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.provider-types span{border:1px solid rgba(255,255,255,.22);padding:8px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.job-detail-hero{min-height:56svh}.job-detail-hero .page-hero-content{max-width:1100px}.job-detail-hero h1{font-size:clamp(58px,8vw,104px);max-width:980px}
.job-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d9d3ca;border:1px solid #d9d3ca;margin-top:-46px;position:relative;z-index:3}
.job-meta-item{background:#fff;padding:20px}.job-meta-item span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#8a5a36;margin-bottom:7px}.job-meta-item strong{font-size:13px;line-height:1.4}
.job-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:64px;align-items:start}
.job-main section{padding:28px 0;border-bottom:1px solid #d9d3ca}.job-main h2{font-family:Teko,sans-serif;font-size:42px;line-height:.95;text-transform:uppercase;margin:0 0 16px}.job-main ul{padding-left:20px;margin:0}.job-main li{margin:0 0 10px;line-height:1.55}
.job-side{position:sticky;top:108px;border:1px solid #d7d1c7;background:#fff;padding:24px}.job-side h3{font-family:Teko,sans-serif;font-size:34px;line-height:.95;text-transform:uppercase;margin:0 0 12px}.job-side p{font-size:13px;line-height:1.55;color:#555}.job-side .button{width:100%;text-align:center;margin-top:10px}.job-side .small{font-size:11px;color:#777;margin-top:14px}
.role-status{display:inline-block;background:#d9792f;color:#111;padding:7px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;margin-bottom:16px}
.job-policy{background:#f2eee7;border-left:4px solid #d9792f;padding:18px 20px;margin-top:22px;font-size:13px;line-height:1.55}
.apply-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px}.application-form{background:#fff;border:1px solid #d7d1c7;padding:26px}.application-form label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px}.application-form input,.application-form select,.application-form textarea{width:100%;border:1px solid #cfc9bf;background:#fff;padding:13px 14px;margin-bottom:16px;font:500 14px Inter,sans-serif}.application-form textarea{min-height:140px;resize:vertical}.application-form .form-status{font-size:12px;color:#666;margin-top:12px}
@media(max-width:980px){.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-layout,.provider-band,.apply-shell{grid-template-columns:1fr}.job-side{position:static}.career-tools{grid-template-columns:1fr}}
@media(max-width:640px){.job-grid{grid-template-columns:1fr}.career-family-head{align-items:start;flex-direction:column}.job-meta-grid{grid-template-columns:1fr}.job-detail-hero h1{font-size:clamp(52px,16vw,76px)}}


/* Mature careers application system */
.career-process .section-heading,.application-process-section .section-heading{max-width:900px;margin-bottom:34px}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.process-grid>div{background:#111214;padding:28px;min-height:220px}.process-grid span{font:700 18px Teko,sans-serif;color:#d9792f;letter-spacing:.08em}.process-grid h3{font:600 34px/1 Teko,sans-serif;text-transform:uppercase;margin:18px 0 10px}.process-grid p{font-size:13px;line-height:1.6;color:#c9c9c9;margin:0}
.application-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}.application-summary{position:sticky;top:110px}.application-summary h2{font:600 clamp(42px,5vw,66px)/.92 Teko,sans-serif;text-transform:uppercase;margin:0 0 20px}.application-summary-meta{display:flex;flex-direction:column;gap:7px;border-top:1px solid #d7d1c7;border-bottom:1px solid #d7d1c7;padding:16px 0;margin:18px 0}.application-summary-meta span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6c6259}.application-summary p{font-size:14px;line-height:1.65;color:#555}.text-link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#9a4c18;text-decoration:none}
.complete-application-form{padding:0;border:0;background:transparent}.complete-application-form fieldset{margin:0 0 18px;padding:26px;border:1px solid #d7d1c7;background:#fff}.complete-application-form legend{padding:0 10px;font:600 28px/1 Teko,sans-serif;text-transform:uppercase}.form-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.form-grid .full{grid-column:1/-1}.complete-application-form label{display:block}.complete-application-form .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.55;letter-spacing:0;text-transform:none;margin:0 0 14px}.complete-application-form .checkbox-label input{width:auto;margin:3px 0 0;flex:0 0 auto}.field-note{display:block;margin:-10px 0 16px;font-size:11px;line-height:1.45;color:#777;text-transform:none;letter-spacing:0;font-weight:500}.form-legal{font-size:11px;line-height:1.6;color:#6b6b6b;margin:10px 0 0}.application-submit{min-width:240px}.hiring-process-list{padding-left:22px}.hiring-process-list li{margin-bottom:12px}
@media(max-width:980px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-layout{grid-template-columns:1fr}.application-summary{position:static}}
@media(max-width:640px){.process-grid{grid-template-columns:1fr}.form-grid.two-col{grid-template-columns:1fr}.application-submit{width:100%}}


/* =========================================================
   Proton Career Application — production UI fixes
   ========================================================= */

.application-hero{
  min-height:42svh;
}
.application-hero .page-hero-content{
  max-width:980px;
}

.section-light .application-layout,
.section-light .application-layout *{
  box-sizing:border-box;
}

.application-layout{
  color:#151515;
}

/* Selected-position summary */
.application-summary{
  color:#151515;
  border-top:4px solid #d9792f;
  padding-top:20px;
}
.application-summary .eyebrow{
  color:#9a4c18;
}
.application-summary h2{
  color:#111;
}
.application-summary p{
  color:#59544f;
}
.application-summary-meta{
  border-color:#d7d1c7;
}
.application-summary-meta span{
  color:#665e56;
}
.application-summary .text-link{
  display:inline-block;
  margin-top:4px;
  color:#8f4618;
}

/* Form panels */
.complete-application-form{
  color:#151515;
}
.complete-application-form fieldset{
  position:relative;
  margin:0 0 24px;
  padding:30px 28px 24px;
  border:1px solid #d4cec4;
  background:#fff;
  color:#151515;
  box-shadow:0 10px 30px rgba(9,10,12,.035);
}
.complete-application-form legend{
  max-width:calc(100% - 28px);
  padding:0 10px;
  background:#fff;
  color:#111;
  font:600 30px/1 Teko,sans-serif;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.complete-application-form label{
  display:block;
  margin:0 0 8px;
  color:#282522;
  font-size:11px;
  font-weight:800;
  letter-spacing:.075em;
  line-height:1.35;
  text-transform:uppercase;
}

.complete-application-form input:not([type="hidden"]):not([type="checkbox"]),
.complete-application-form select,
.complete-application-form textarea{
  display:block;
  width:100%;
  min-width:0;
  margin:0 0 18px;
  border:1px solid #bdb6ac;
  border-radius:0;
  outline:none;
  background:#fbfaf7;
  color:#111;
  -webkit-text-fill-color:#111;
  opacity:1;
  font:500 15px/1.35 Inter,system-ui,sans-serif;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.complete-application-form input:not([type="hidden"]):not([type="checkbox"]),
.complete-application-form select{
  min-height:52px;
  padding:13px 14px;
}

.complete-application-form textarea{
  min-height:128px;
  padding:14px;
  resize:vertical;
}

.complete-application-form input::placeholder,
.complete-application-form textarea::placeholder{
  color:#77736e;
  -webkit-text-fill-color:#77736e;
  opacity:1;
}

.complete-application-form select option,
.complete-application-form select optgroup{
  color:#111;
  background:#fff;
}

.complete-application-form input:not([type="hidden"]):not([type="checkbox"]):focus,
.complete-application-form select:focus,
.complete-application-form textarea:focus{
  border-color:#d9792f;
  background:#fff;
  box-shadow:0 0 0 3px rgba(217,121,47,.12);
}

.complete-application-form input[type="file"]{
  min-height:auto !important;
  padding:12px !important;
  background:#fbfaf7;
  color:#26221f;
}
.complete-application-form input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:9px 12px;
  border:0;
  background:#161719;
  color:#fff;
  font:700 11px Inter,system-ui,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}

/* Checkboxes / legal */
.complete-application-form .checkbox-label{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin:0 0 15px;
  color:#49443f;
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  line-height:1.55;
  text-transform:none;
}
.complete-application-form .checkbox-label input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:1px 0 0;
  accent-color:#d9792f;
}
.complete-application-form .checkbox-label a{
  color:#8f4618;
  text-decoration:underline;
  text-underline-offset:2px;
}

.complete-application-form .field-note{
  display:block;
  margin:-9px 0 18px;
  color:#706a64;
  font-size:11px;
  font-weight:500;
  letter-spacing:0;
  line-height:1.5;
  text-transform:none;
}
.complete-application-form .form-legal{
  color:#69645f;
}
.complete-application-form .application-submit{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:52px;
  padding:0 24px;
  border:1px solid #d9792f;
  background:#d9792f;
  color:#111;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  cursor:pointer;
}
.complete-application-form .application-submit:hover{
  background:#c96d28;
  border-color:#c96d28;
}

/* Clear section rhythm */
.form-grid.two-col{
  gap:0 18px;
}
.complete-application-form fieldset:last-of-type{
  margin-bottom:20px;
}

/* iOS/mobile */
@media(max-width:980px){
  .application-hero{
    min-height:34svh;
  }
  .application-layout{
    gap:30px;
  }
  .application-summary{
    position:static;
    padding:18px 0 8px;
  }
  .application-summary h2{
    font-size:clamp(38px,10vw,54px);
  }
}

@media(max-width:640px){
  .application-hero{
    min-height:30svh;
  }
  .application-hero .page-hero-content{
    padding-bottom:34px;
  }
  .application-hero h1{
    font-size:clamp(48px,14vw,70px);
    line-height:.88;
  }
  .application-layout{
    gap:22px;
  }
  .complete-application-form fieldset{
    margin-bottom:18px;
    padding:24px 18px 18px;
  }
  .complete-application-form legend{
    max-width:calc(100% - 14px);
    padding:0 7px;
    font-size:27px;
    white-space:normal;
  }
  .complete-application-form label{
    margin-bottom:7px;
    font-size:10.5px;
  }
  .complete-application-form input:not([type="hidden"]):not([type="checkbox"]),
  .complete-application-form select{
    min-height:50px;
    margin-bottom:15px;
    padding:12px;
    font-size:16px; /* prevents iOS auto-zoom */
  }
  .complete-application-form textarea{
    margin-bottom:15px;
    padding:12px;
    font-size:16px;
  }
  .complete-application-form .field-note{
    margin-top:-7px;
    margin-bottom:15px;
  }
  .complete-application-form .application-submit{
    width:100%;
  }
}


/* Share control inside job action rail */
.job-side .proton-share-button{
  display:flex;
  width:100%;
}