/* Roofwork owner gate. Preserve Roofpro staggered-type / cutout composition. */
body{--reading-size:20px}
body .readable-label,body .process-detail .eyebrow{font-size:16px!important;line-height:1.5!important;letter-spacing:0!important}
body main p:not(.eyebrow):not(.image-note):not(.readable-label){font-size:var(--reading-size);line-height:1.6}
body footer .button-tools{grid-column:1/-1;position:static;inset:auto;width:100%;display:flex;justify-content:flex-start;gap:18px;margin:0 0 28px;padding:0}
body footer .button-tools>button{position:static!important;inset:auto!important;transform:none!important;font-size:16px!important;border-radius:12px;padding:14px 20px;min-height:52px}
body .lab-strip{gap:20px}
body .lab-strip a{letter-spacing:0;text-transform:none}
body .opening-meta{flex-wrap:wrap;gap:14px}
@media(max-width:700px){body{--reading-size:19px}body .lab-strip{gap:20px;align-items:center}body .lab-strip a{max-width:53%;line-height:1.4}body footer .button-tools{flex-wrap:wrap}body .opening-meta{flex-direction:column;align-items:flex-start}}
body[data-template="roofwork"] :is(main,footer) .readable-label{font-size:16px!important;line-height:1.5!important;letter-spacing:0!important}
@media(max-width:700px){
 body .page-opening .opening-meta{position:relative;inset:auto;order:3;width:100%;margin:30px 0 0;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 body .page-opening .opening-meta>span{max-width:100%;text-align:left}
 body .page-opening{padding-bottom:32px}
}