html,body{background:#fff}

/* Reuse the login artwork's soft corner and sculpted top-left entrance. */
.cs-image{
  border-radius:28px;
  clip-path:path("M 120 0 H 2000 V 2000 H 0 V 120 C 0 96 16 80 40 78 C 62 76 76 62 78 40 C 80 16 96 0 120 0 Z");
}
.cs-image:after{display:none}

@media(min-width:1051px){
  html{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}
  body{height:auto;min-height:100%;overflow:visible}
  .cs-page{height:calc(100dvh - 68px);min-height:0;padding:8px 28px}
  .cs-card{height:100%;min-height:0;grid-template-columns:52% 48%;align-items:stretch;padding:4px 12px}
  .cs-left{min-height:0;padding:10px 64px 12px 22px}
  .cs-image{height:100%;min-height:0}
  .cs-form{margin:auto}
  .career-success{margin:auto}
  .cs-form header{margin-bottom:18px}
  .cs-form>label,.cs-fields>label{margin-top:10px}
  .cs-form input,.cs-form select{min-height:42px}
  .cs-form textarea{min-height:76px}
  .cs-form fieldset{margin-top:13px}
  .cs-form>button{min-height:44px;margin-top:15px}
  .cs-form>small{margin-top:11px}
  .career-page{padding-top:8px}
  .career-card{height:100%;min-height:0}
  .career-form header{margin-bottom:14px}
  .career-form h1{font-size:34px}
  .career-form .cs-fields>label,.career-form>label{margin-top:8px}
  .career-form textarea{min-height:68px}
  .career-upload>span{min-height:52px;padding:9px 12px}
  .career-consent{margin-top:8px!important}
  .career-form>button{margin-top:11px}
  .career-form>small{margin-top:8px}
}

@media(min-width:1100px){
  /* The shared desktop navigation applies 80% page zoom; compensate so the
     focused section still occupies the complete rendered viewport. */
  .cs-page{height:calc(125dvh - 55px)}
}

@media(max-width:1050px){html,body{overflow:auto}.cs-image{clip-path:none}}