/* Cabeçalhos funcionais: ocupam espaço mínimo e deixam os formulários visíveis. */
#main.home-main,
#main:has(.hero){
  padding-top:12px !important;
  padding-bottom:30px !important;
}
#main.home-main .hero,
#main:has(.hero) .hero{
  padding:0 0 8px !important;
  max-width:760px;
}
#main.home-main .hero .eyebrow,
#main:has(.hero) .hero .eyebrow{display:none !important;}
#main.home-main .hero h1,
#main:has(.hero) .hero h1{
  margin:3px 0 !important;
  font-size:27px !important;
  line-height:1.08 !important;
}
#main.home-main .hero h1 br,
#main:has(.hero) .hero h1 br{display:none;}
#main.home-main .hero p,
#main:has(.hero) .hero p{
  margin:0 !important;
  max-width:680px;
  font-size:12px !important;
  line-height:1.4 !important;
}

main.document-editor-main,
#main:has(#document-form){padding-top:8px !important;}
main.document-editor-main > .section-head,
#main:has(#document-form) > .section-head{
  margin:0 0 8px !important;
  min-height:0 !important;
}
main.document-editor-main > .section-head h1,
#main:has(#document-form) > .section-head h1{
  margin:0 !important;
  font-size:24px !important;
  letter-spacing:-.7px !important;
}
main.document-editor-main > .section-head p,
main.document-editor-main > .section-head .eyebrow,
#main:has(#document-form) > .section-head p,
#main:has(#document-form) > .section-head .eyebrow{display:none !important;}

@media(max-width:500px){
  #main.home-main,
  #main:has(.hero){padding-top:10px !important;}
  #main.home-main .hero h1,
  #main:has(.hero) .hero h1{font-size:24px !important;}
  main.document-editor-main > .section-head h1,
  #main:has(#document-form) > .section-head h1{font-size:22px !important;}
}