/* Canada Create: full-bleed bands with a real 1320px inner container. */
:root{--cc-content-max:1320px;--cc-content-gutter:32px;--cc-home-content-max:1320px;--cc-width:1320px}



/* The video stays attached to the full-width hero, not the inner content box. */





/* Intro: copy and telephone artwork share the same inner grid. */



/* The lead band's background is full width; padding is never derived from 100vw inside the form. */





/* A two-panel band; all visible content is inside the one shared shell. */









@media(max-width:1199px){:root{--cc-content-gutter:24px}}

@media(max-width:767px){:root{--cc-content-gutter:16px}}


/* Commercial pages: the template is a canvas, not a box around all sections. */





/* Native Ccl bands retain their original backgrounds and editable content. */







/* Existing breadcrumb labels and destinations are preserved and allowed to wrap. */








/* Plain reading pages have one real inner shell; nested callouts remain content. */


body.cc-unified-page #content .cc-prose-inner>h1{font-size:clamp(34px,4.5vw,64px);line-height:1.08;letter-spacing:-.04em;max-width:26ch;margin:0 0 28px;color:#071b38}


/* Hand-authored landing-page bands: change attributes, not the copy or links. */
body.cc-unified-page #content .cc-content-stream{width:100%;max-width:none;min-width:0}
body.cc-unified-page #content .cc-content-stream>.cc-html-band{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:max(var(--cc-content-gutter),calc((100% - 1320px)/2))!important;box-sizing:border-box}
body.cc-unified-page #content .cc-content-stream>.cc-html-band>.cc-band-inner{width:100%!important;max-width:1320px!important;min-width:0;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box}
body.cc-unified-page #content .cc-content-stream>:not(.cc-html-band):not(style):not(script){width:min(1320px,calc(100% - var(--cc-content-gutter)*2))!important;max-width:1320px!important;margin-inline:auto!important;box-sizing:border-box}
body.cc-unified-page #content .cc-content-stream>.cc-html-band h1,body.cc-unified-page #content .cc-content-stream>.cc-html-band h2{text-wrap:balance}
/* One CTA and pricing language, with existing labels, destinations and prices. */
body.cc-unified-page #content .cc-cta-btn,body.cc-unified-page #content .cc-cta-button,body.cc-unified-page #content .cc-action-button,body.cc-unified-page #content .cc-price-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:100%;padding:14px 22px!important;border:1px solid #e31507!important;border-radius:0!important;background:#e31507!important;color:#fff!important;box-sizing:border-box;text-decoration:none!important;font-family:inherit!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;white-space:normal;text-align:center}

body.cc-unified-page #content .cc-cta,body.cc-unified-page #content .cc-cta-box,body.cc-unified-page #content .cc-cta-panel{box-sizing:border-box;width:100%;max-width:1320px;margin-inline:auto;border-radius:0!important;padding:clamp(24px,3vw,40px);box-shadow:none!important}






/* Preserve the contact page's deliberate two-column form layout. */



@media(max-width:767px){body.cc-unified-page #content .cc-content-stream>.cc-html-band{padding-block:40px!important}}

/* A complete HTML landing page is a canvas; its own bands carry their backgrounds. */

body.cc-unified-page #content .cc-content-stream>.cc-lead-system.cc-html-band{padding-block:48px!important;padding-inline:max(var(--cc-content-gutter),calc((100% - 1320px)/2))!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}
@media(max-width:900px){body.cc-unified-page #content .cc-content-stream>.cc-lead-system.cc-html-band{grid-template-columns:minmax(0,1fr);gap:28px}}

/* Mobile audit 2026-09-12: give the existing search control a real touch target. */


/* Verified mobile article form controls: preserve fields and labels; improve readability and touch sizing. */
@media(max-width:767px){
 body.single-post .cc-sidebar-lead-form .gform_wrapper input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),
 body.single-post .cc-sidebar-lead-form .gform_wrapper textarea,
 body.single-post .cc-sidebar-lead-form .gform_wrapper select{font-size:16px!important;min-height:48px!important;line-height:1.4!important;max-width:100%;box-sizing:border-box}
 body.single-post .cc-sidebar-lead-form .gform_wrapper input[type=submit],
 body.single-post .cc-sidebar-lead-form .gform_wrapper button[type=submit]{font-size:16px!important;min-height:48px!important}
}

/* Mobile pricing: existing inline desktop grids must reflow; prices and package copy are untouched. */
@media(max-width:767px){
 body.cc-unified-page #content #packages div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:24px!important}
 body.cc-unified-page #content #packages div[style*="grid-template-columns"]>div{min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-inline:24px!important}
 body.cc-unified-page #content #packages div[style*="align-items: baseline"],
 body.cc-unified-page #content #packages div[style*="align-items:baseline"]{flex-wrap:wrap!important;min-width:0;max-width:100%;row-gap:4px!important}
 body.cc-unified-page #content #packages span[style*="font-size: 48px"],
 body.cc-unified-page #content #packages span[style*="font-size:48px"],
 body.cc-unified-page #content #packages span[style*="font-size: 52px"],
 body.cc-unified-page #content #packages span[style*="font-size:52px"]{font-size:clamp(28px,8vw,36px)!important;line-height:1.2!important;min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
 body.cc-unified-page #content #packages a{max-width:100%;white-space:normal;overflow-wrap:break-word;box-sizing:border-box}
}

@media(max-width:767px){
 body.cc-unified-page #content .cc-html-band [style*="min-width:320px"],
 body.cc-unified-page #content .cc-html-band [style*="min-width: 320px"]{min-width:0!important;max-width:100%!important;flex-basis:100%!important;box-sizing:border-box}
}



/* 2026-09-13 rendering recovery: long AI-summary text and article metadata
   must wrap inside their own mobile column, not enlarge the page canvas. */


/* Rendering recovery: existing lead-review component CSS, moved out of broken article text. */