/* GermanStep v33 — compact job modal + balanced Jobs & Match hero */

/* The global app.css applies section{padding:94px 0}. Modal sheets are <section>, so reset it. */
.job-detail-modal-v30-sheet,
.jobs-saved-modal-v32-sheet{
  padding:0!important;
}

/* Vacancy modal: compact chrome, give the content the space. */
.job-detail-modal-v30-sheet{
  max-height:min(88dvh,760px)!important;
}
.job-detail-modal-v32-head{
  flex:0 0 auto;
  padding:13px 18px 12px!important;
  gap:14px!important;
  align-items:center!important;
}
.job-detail-modal-v32-head>div{
  min-width:0;
}
.job-detail-modal-v32-head small{
  font-size:9.5px!important;
  letter-spacing:.75px!important;
}
.job-detail-modal-v32-head h2{
  margin:3px 0 0!important;
  max-width:880px!important;
  font-size:23px!important;
  line-height:1.18!important;
  letter-spacing:-.4px!important;
}
.job-detail-modal-v32-head p{
  margin:4px 0 0!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
.job-detail-modal-v30-close{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:21px!important;
}
.job-detail-modal-v31-body{
  min-height:0!important;
  flex:1 1 auto!important;
}
.job-detail-layout-v32{
  padding:18px 20px 22px!important;
  gap:20px!important;
}
.job-detail-modal-v32-footer{
  flex:0 0 auto;
  min-height:0!important;
  padding:8px 16px calc(8px + env(safe-area-inset-bottom))!important;
  gap:10px!important;
  box-shadow:0 -5px 18px rgba(17,24,39,.04)!important;
}
.job-detail-modal-v31-source small{
  font-size:9px!important;
}
.job-detail-modal-v31-source b{
  margin-top:1px!important;
  font-size:11.5px!important;
}
.job-detail-save-v32,
.job-detail-modal-v31-match{
  min-height:39px!important;
  padding-left:13px!important;
  padding-right:13px!important;
  font-size:11.5px!important;
}

/* Saved jobs modal uses a section too — avoid the same global section-padding bug. */
.jobs-saved-modal-v32-sheet>header{
  padding:14px 18px!important;
}
.jobs-saved-list-v32{
  padding:11px 14px 15px!important;
}

/* Jobs & Match hero: smaller and more balanced. */
.jobs-tool-hero-v28{
  padding-top:48px!important;
  padding-bottom:24px!important;
}
.jobs-tool-hero-v28 .tool-hero-v28-grid{
  gap:38px!important;
}
.jobs-tool-hero-v28 h1{
  max-width:690px!important;
  margin:7px 0 12px!important;
  font-size:clamp(34px,4.15vw,52px)!important;
  line-height:1.04!important;
  letter-spacing:-1.65px!important;
}
.jobs-tool-hero-v28 p{
  max-width:700px!important;
  font-size:15.5px!important;
  line-height:1.65!important;
}
.jobs-tool-hero-v28 .tool-hero-v28-pills{
  margin-top:17px!important;
}

@media(max-width:820px){
  .job-detail-modal-v32-head{
    padding:12px 14px 11px!important;
  }
  .job-detail-modal-v32-head h2{
    font-size:20px!important;
  }
  .job-detail-layout-v32{
    padding:14px 14px 18px!important;
    gap:14px!important;
  }
  .job-detail-modal-v32-footer{
    padding:7px 12px calc(7px + env(safe-area-inset-bottom))!important;
  }
  .jobs-tool-hero-v28{
    padding-top:34px!important;
    padding-bottom:20px!important;
  }
  .jobs-tool-hero-v28 h1{
    font-size:34px!important;
    line-height:1.07!important;
    letter-spacing:-1.1px!important;
  }
}

@media(max-width:600px){
  .job-detail-modal-v30-sheet{
    max-height:94dvh!important;
  }
  .job-detail-modal-v32-head{
    padding:10px 12px 9px!important;
  }
  .job-detail-modal-v32-head small{
    font-size:9px!important;
  }
  .job-detail-modal-v32-head h2{
    font-size:18px!important;
    line-height:1.22!important;
  }
  .job-detail-modal-v32-head p{
    display:none!important;
  }
  .job-detail-modal-v30-close{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  .job-detail-layout-v32{
    padding:12px 12px 16px!important;
  }
  .job-detail-modal-v32-footer{
    padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;
  }
  .job-detail-save-v32,
  .job-detail-modal-v31-match{
    min-height:40px!important;
  }
  .jobs-tool-hero-v28{
    padding-top:28px!important;
    padding-bottom:16px!important;
  }
  .jobs-tool-hero-v28 h1{
    max-width:100%!important;
    font-size:29px!important;
    line-height:1.08!important;
    letter-spacing:-.8px!important;
  }
  .jobs-tool-hero-v28 p{
    font-size:14px!important;
    line-height:1.6!important;
  }
}