*{box-sizing:border-box!important}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
img,canvas,video{max-width:100%!important;height:auto!important}

@media(max-width:900px){
  body{font-size:15px!important}
  main,section,.container,.wrap,.wrapper{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
    overflow-x:hidden!important;
  }

  .grid,.row,.form-grid,.cv-grid,.two-col,.three-col{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
  }

  form,.form,.cv-form,.application-form,.card,.panel,.box,.section-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:18px!important;
    border-radius:20px!important;
  }

  input,select,textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:48px!important;
    font-size:16px!important;
  }

  label{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
  }

  .checkbox-grid,.skills-grid,.skill-grid,.competency-grid,.care-skills{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  .checkbox-card,.skill-card,.option-card,
  label:has(input[type="checkbox"]){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 14px!important;
    border-radius:16px!important;
    white-space:normal!important;
    overflow:hidden!important;
  }

  input[type="checkbox"]{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    margin:0!important;
  }

  .cv-preview,#cvPreview,.preview,.resume,.resume-preview{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  .cv-preview *,#cvPreview *,.preview *,.resume *,.resume-preview *{
    max-width:100%!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }

  .actions,.cv-actions,.bottom-actions,.sticky-actions{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0!important;
    margin-top:16px!important;
  }

  button,.btn,a.btn,input[type="submit"]{
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:16px!important;
    white-space:normal!important;
  }

  h1{font-size:30px!important;line-height:1.1!important}
  h2{font-size:24px!important;line-height:1.15!important}
  h3{font-size:20px!important;line-height:1.2!important}
  p{font-size:15px!important;line-height:1.55!important}
}

@media(max-width:480px){
  main,section,.container,.wrap,.wrapper{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  form,.form,.cv-form,.application-form,.card,.panel,.box,.section-card{
    padding:14px!important;
  }

  h1{font-size:26px!important}
  h2{font-size:22px!important}
}