/* Nábor na úvodní straně a přehled kontaktů podle věku. */
#app #view-home .home-recruitment{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:24px;align-items:center;margin-top:26px;margin-bottom:15px;
  padding:21px;border-radius:19px;background:#082651;color:#fff;
  box-shadow:0 18px 34px rgba(6,30,70,.17);
}
#app #view-home .home-recruitment-copy{padding:10px 10px 10px 18px}
#app #view-home .home-recruitment-kicker{font-size:12px;letter-spacing:.13em;font-weight:900;color:#ffb0ba}
#app #view-home .home-recruitment h2{margin:10px 0 13px;color:#fff;font-size:clamp(28px,3.3vw,45px);line-height:1.05}
#app #view-home .home-recruitment p{max-width:510px;margin:0;color:#e4edfa;font-size:16px;line-height:1.6}
#app #view-home .home-recruitment-button{
  display:inline-flex;align-items:center;justify-content:center;gap:15px;
  margin-top:20px;padding:13px 18px;border-radius:10px;
  background:#dd1e3d;color:#fff;font-size:14px;font-weight:800;text-decoration:none;
}
#app #view-home .home-recruitment-button:hover,#app #view-home .home-recruitment-button:focus-visible{background:#b91a36;color:#fff}
#app #view-home .home-recruitment-poster{position:relative;display:block;overflow:hidden;border:2px solid rgba(255,255,255,.55);border-radius:13px;background:#12223a}
#app #view-home .home-recruitment-poster img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#app #view-home .home-recruitment-poster span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:6px;color:#fff;background:#092246;font-size:12px;font-weight:800}
#app #view-nabor .recruitment-page-hero{background:linear-gradient(120deg,#071d3c,#123c80)!important}
#app #view-nabor .recruitment-page-hero h1,#app #view-nabor .recruitment-page-hero p,#app #view-nabor .recruitment-page-hero .back-link{color:#fff!important}
#app #view-nabor .recruitment-page-body{padding-top:30px;padding-bottom:65px}
#app #view-nabor .recruitment-page-intro{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:30px;
  padding:24px;border:1px solid #dae5f3;border-radius:17px;background:#f3f7ff;
}
#app #view-nabor .recruitment-page-intro h2{margin:7px 0 12px;color:#102e5a;font-size:clamp(25px,3vw,34px);line-height:1.15}
#app #view-nabor .recruitment-page-intro p{max-width:410px;margin:0;color:#3a516d;font-size:16px;line-height:1.6}
#app #view-nabor .recruitment-page-intro a{display:block;min-width:0;color:#104587;font-size:13px;font-weight:800;text-align:center;text-decoration:none}
#app #view-nabor .recruitment-page-intro img{display:block;width:100%;height:auto;border:1px solid #b8cbe2;border-radius:9px}
#app #view-nabor .recruitment-page-intro a span{display:inline-block;margin-top:8px;text-decoration:underline;text-underline-offset:3px}
#app #view-nabor .recruitment-contacts-title{margin:32px 0 14px;color:#0c2955;font-size:25px}
#app #view-nabor .recruitment-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#app #view-nabor .recruitment-contact{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-width:0;padding:15px 17px;border:1px solid #dbe5f1;border-radius:11px;background:#fff;
}
#app #view-nabor .recruitment-contact div{min-width:0;display:grid;gap:4px}
#app #view-nabor .recruitment-contact strong{color:#102c55;font-size:16px}
#app #view-nabor .recruitment-contact span{color:#435a76;font-size:13px;line-height:1.45}
#app #view-nabor .recruitment-contact a{
  flex:none;color:#084b9c;font-size:16px;font-weight:900;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;
}
#app #view-nabor .recruitment-contact a:focus-visible,#app #view-home .home-recruitment a:focus-visible{outline:3px solid #ffb23d;outline-offset:3px}
@media(max-width:800px){
  #app #view-home .home-recruitment{grid-template-columns:1fr;gap:16px;margin-top:17px;padding:15px}
  #app #view-home .home-recruitment-copy{padding:7px 5px 0}
  #app #view-home .home-recruitment h2{font-size:30px}
  #app #view-home .home-recruitment p{font-size:15px}
  #app #view-home .home-recruitment-button{width:100%;margin-top:16px}
  #app #view-nabor .recruitment-page-intro{grid-template-columns:1fr;gap:19px;padding:17px}
  #app #view-nabor .recruitment-contacts{grid-template-columns:1fr}
}
@media(max-width:430px){
  #app #view-nabor .recruitment-contact{align-items:start;flex-direction:column;gap:8px}
}