/* Shared controls retain their existing colour variants. */
body.calm-site :is(.hg-button,.el-button,.ef-button,.wp-block-button__link){gap:8px;box-sizing:border-box;text-decoration:none}
body.calm-site :is(.hg-button,.el-button,.ef-button) svg{width:20px;height:20px;flex:0 0 20px}
body.calm-site :is(.hg-button,.el-button,.ef-button) span{min-width:0;overflow-wrap:anywhere}
body.calm-site main :is(.easy-fit-page .ef-hero,.entry-lock-page .el-hero,.hg-smart-lock-page .hg-hero) h1{font-size:60px!important;line-height:1.12!important;font-weight:400!important}
body.calm-site main .hg-final-cta h2{font-size:34px!important;line-height:1.2!important;font-weight:400}
body.calm-site main.ef-video-page .ef-video-intro h1{font-size:40px!important;line-height:1.15!important;font-weight:400!important}
body.calm-site main .installed-locks h2{font-size:34px!important;line-height:1.2!important;font-weight:400!important}
body.calm-site #keycloud-preview .hg-actions{margin-top:24px}
body.calm-site :is(a,button,summary,select):focus-visible{outline:2px solid #626262;outline-offset:4px}
@media(max-width:720px){
 body.calm-site main :is(.easy-fit-page .ef-hero,.entry-lock-page .el-hero,.hg-smart-lock-page .hg-hero) h1{font-size:40px!important}
 body.calm-site main .hg-final-cta h2,body.calm-site main .installed-locks h2{font-size:28px!important}
 body.calm-site main.ef-video-page .ef-video-intro h1{font-size:32px!important}
}