/* Owner-approved shared button standard, 24 October 2026.
   Budget button palette/geometry; no URL, content or calculator changes. */
:root{--cz-control-brown:#62452f;--cz-control-hover:#543926;--cz-control-paper:#fff9ef;--cz-control-radius:10px}
html body :is(button,input[type="submit"],input[type="button"],a.button,a.btn,a.cz-button,a.zip-button,a.r-button,a.home-premium__button,a.home-level__cta,a.cz-unified-desktop-cta,a.cz-unified-menu-cta,a.project-hub-load-more,a.text-link,a.roller-text-link,a.ra-text-link,a.zip-text-link,a.project-link,.all-projects-link>a){border-radius:var(--cz-control-radius)!important}
html body :is(a.button,a.btn,a.cz-button,a.zip-button,a.r-button,a.home-premium__button,a.home-level__cta,a.cz-unified-desktop-cta,a.cz-unified-menu-cta,.project-hub-load-more){background:var(--cz-control-brown)!important;border-color:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-decoration:none!important;box-shadow:none!important}
html body :is(a.button,a.btn,a.cz-button,a.zip-button,a.r-button,a.home-premium__button,a.home-level__cta,.project-hub-load-more):hover{background:var(--cz-control-hover)!important;border-color:var(--cz-control-hover)!important;color:var(--cz-control-paper)!important;transform:none!important}
/* Secondary actions stay recognisable and readable against light surfaces. */
html body :is(a.button--ghost,a.cz-button--ghost,a.zip-button--ghost,a.partners-secondary){background:var(--cz-control-paper)!important;border:1px solid var(--cz-control-brown)!important;color:var(--cz-control-brown)!important}
html body :is(a.button--ghost-light,a.button--light,a.cz-button--light){background:var(--cz-control-paper)!important;border:1px solid var(--cz-control-paper)!important;color:var(--cz-control-brown)!important}
html body :is(a.button--ghost,a.cz-button--ghost,a.zip-button--ghost,a.partners-secondary):hover{background:#eee4d5!important;color:var(--cz-control-brown)!important}
html body :is(a.text-link,a.roller-text-link,a.ra-text-link,a.zip-text-link,a.project-link,.all-projects-link>a){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 16px;border:1px solid var(--cz-control-brown);background:transparent;color:var(--cz-control-brown);text-decoration:none!important;line-height:1.4;white-space:normal;text-align:center}
/* One quiet full-width action at the bottom of home cards. */
html body :is(.home-task-card,.cz-project-card) .cz-card__body{padding:20px!important;display:flex;flex:1;flex-direction:column}
html body :is(.home-task-card .cz-card__body>a,.cz-project-card .home-project-link,.cz-mass-card__links>a){display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:52px!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-align:center!important;text-decoration:none!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;white-space:normal!important;box-shadow:none!important;transform:none!important}
html body :is(.home-task-card .cz-card__body>a,.cz-project-card .home-project-link){margin:auto -20px -20px!important;width:calc(100% + 40px)!important;flex-shrink:0}
html body .cz-mass-card__links:not(:empty){display:block!important;flex-shrink:0;margin:auto -20px -20px!important;width:calc(100% + 40px)!important}
html body .cz-mass-card__links:empty{display:none}
html body .cz-mass-card__links>a{width:100%!important;margin:0!important}
html body :is(.home-task-card .cz-card__body>a,.cz-project-card .home-project-link,.cz-mass-card__links>a):hover{background:var(--cz-control-hover)!important;color:var(--cz-control-paper)!important}
html body :is(.home-task-card .cz-card__body>a b,.home-project-link b,.cz-mass-card__links>a [aria-hidden="true"],.case-project-link b){display:none!important}
/* Real-project galleries use the same shape and palette without moving media. */
html body .case-project-link{display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box;min-height:52px;padding:12px 18px!important;border:1px solid var(--cz-control-brown)!important;border-radius:10px!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-decoration:none!important;text-align:center;line-height:1.45}
html body .case-project-link:hover{background:var(--cz-control-hover)!important;border-color:var(--cz-control-hover)!important}
/* The homepage hero's old pill-shaped wrapper follows the shared geometry. */
html body .cz-actions{border-radius:12px!important}
html body :is(a.button,a.cz-button,a.zip-button,.home-project-link,.case-project-link,.cz-mass-card__links>a):focus-visible{outline:3px solid #a97845!important;outline-offset:4px!important}
@media(prefers-reduced-motion:reduce){html body :is(button,a.button,a.cz-button,a.zip-button,.home-project-link,.case-project-link){transition:none!important}}
/* Header uses intentionally strong legacy selectors; keep CTA geometry uniform. */
html body .cz-unified-header #siteMenu a.cz-unified-menu-cta,html body .cz-unified-header a.cz-unified-desktop-cta{border-radius:10px!important;background:var(--cz-control-brown)!important;border-color:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important}
html body .home-level__links>a{border-radius:10px!important}
html body a.home-level__cta{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:52px!important;padding:12px 18px!important;text-align:center!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important}
html body a.home-level__cta>b{display:none!important}
html body :is(.channel,.contact-channel,.cz-contact-channel){border-radius:10px!important}

html body .cz-unified-header button.cz-menu-toggle{border-radius:10px!important}

html body :is(button.button,button.btn,button[type="submit"],input[type="submit"]){background:var(--cz-control-brown)!important;border-color:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;border-radius:10px!important}
/* Equal-height project cards keep all lower action zones on the same baseline. */
html body .cz-project-card{display:flex;flex-direction:column}
html body .cz-project-card>img{flex-shrink:0}
html body .cz-project-card .cz-card__body{height:auto!important;flex:1!important}
/* Follow-up: editorial card actions that previously had no button class. */
html body :is(.zip-use-card,.cz-side-closures__card){display:flex;flex-direction:column;padding:24px!important;overflow:hidden}
html body :is(.zip-use-card,.cz-side-closures__card)>a{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;box-sizing:border-box!important;width:calc(100% + 48px)!important;min-height:52px!important;margin:auto -24px -24px!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-align:center!important;text-decoration:none!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important;white-space:normal}
html body :is(.zip-use-card,.cz-side-closures__card)>a:hover{background:var(--cz-control-hover)!important}
html body :is(.project-hub-card,.direction-card,.project-card:has(.project-body>.project-link)):not([hidden]){display:flex;flex-direction:column;overflow:hidden}
html body :is(.project-hub-card__body,.direction-body,.project-body:has(>.project-link)){display:flex!important;flex-direction:column!important;flex:1!important;height:auto!important;padding:20px!important}
html body :is(.projects-card__link,.direction-body>a,.project-body>.project-link){display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;box-sizing:border-box!important;min-height:52px!important;width:calc(100% + 40px)!important;margin:auto -20px -20px!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-align:center!important;text-decoration:none!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important;white-space:normal}
html body :is(.projects-card__link,.direction-body>a,.project-body>.project-link):hover{background:var(--cz-control-hover)!important}
html body :is(a.tf-link,a.tp-link,a.project-back,a.back-link,a.pb-budget-link,a.ra-project-ref,.roller-other-tasks>a,.cz-about-grid article>a,.cz-about-split>div>a){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 16px;border:1px solid var(--cz-control-brown);border-radius:10px!important;background:var(--cz-control-paper);color:var(--cz-control-brown);text-decoration:none!important;line-height:1.45;text-align:center;white-space:normal}
html body :is(.zip-use-card>a,.cz-side-closures__card>a,.projects-card__link,.direction-body>a,.project-body>.project-link):focus-visible{outline:3px solid #a97845!important;outline-offset:4px!important}
@media(min-width:1001px){html body .zip-grid--4>.zip-use-card>a{min-height:68px!important}}
html body :is(.home-premium-card i[aria-hidden="true"],.all-projects-link>a>[aria-hidden="true"]){display:none!important}
html body .direction-system{display:flex;flex-direction:column;overflow:hidden}
html body .direction-system__copy{display:flex!important;flex:1;flex-direction:column;padding:20px!important}
html body .direction-system__copy>b{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% + 40px);min-height:52px;margin:auto -20px -20px!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important;text-decoration:none!important}

/* Automation page: editorial options and real-project cards share the footer action. */
html body .automation-option{position:relative;padding-bottom:92px!important;overflow:hidden}
html body .automation-option>div>a.text-link{position:absolute!important;inset:auto 0 0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;width:100%!important;min-height:68px!important;margin:0!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-align:center!important;text-decoration:none!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important;white-space:normal}
html body :is(.related-card,.automation-track-card){display:flex;flex-direction:column;overflow:hidden}
html body .related-card__body{display:flex!important;flex:1;flex-direction:column;height:auto!important;padding:20px!important}
html body .related-card__body>a.text-link{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;flex-shrink:0;width:calc(100% + 40px)!important;min-height:52px!important;margin:auto -20px -20px!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-align:center!important;text-decoration:none!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important}
html body .automation-track-card{padding:24px!important}
html body .automation-track-card>a.button{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;flex-shrink:0;min-height:52px!important;width:calc(100% + 48px)!important;margin:auto -24px -24px!important;padding:12px 16px!important;border:0!important;border-radius:0!important;background:var(--cz-control-brown)!important;color:var(--cz-control-paper)!important;text-align:center!important;font:600 15px/1.45 Arial,Helvetica,sans-serif!important}
html body :is(.automation-option>div>a.text-link,.related-card__body>a.text-link,.automation-track-card>a.button):hover{background:var(--cz-control-hover)!important;color:var(--cz-control-paper)!important}
/* Automation proportions: content-sized rows, wider headings, bounded preview media. */
html body.automation-page .section{padding-block:64px}
html body.automation-page .section-head{width:100%;max-width:none;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:32px;margin-bottom:28px}
html body.automation-page .section-head h2{font-size:clamp(32px,3.6vw,48px);line-height:1.1}
html body.automation-page .automation-option{padding-bottom:76px!important}
html body.automation-page .automation-option>div>a.text-link{min-height:52px!important}
html body.automation-page .control-showcase{align-items:start}
html body.automation-page .control-showcase .control-grid{grid-template-rows:auto auto;align-items:start;align-content:start}
html body.automation-page .control-showcase .control-card{height:auto;min-height:0;padding:22px}
html body.automation-page .control-card b{width:36px;height:36px}
html body.automation-page .control-card h3{font-size:22px;line-height:1.2;margin:12px 0 8px}
html body.automation-page .control-card p{line-height:1.5;margin-bottom:0}
html body.automation-page .control-visual{min-height:0;aspect-ratio:4/3;height:auto;max-height:560px}
html body.automation-page .control-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body.automation-page .related-card>img{width:100%;height:230px!important;min-height:0;flex:0 0 230px;object-fit:cover}
html body.automation-page .related-card__body p:last-of-type{margin-bottom:20px}
@media(max-width:900px){html body.automation-page .section-head{grid-template-columns:1fr;gap:16px}html body.automation-page .control-visual{max-height:none}}
@media(max-width:640px){html body.automation-page .section{padding-block:44px}html body.automation-page .section-head h2{font-size:32px}html body.automation-page .control-showcase .control-grid{grid-template-rows:auto}html body.automation-page .control-visual{aspect-ratio:auto}html body.automation-page .control-visual>img{position:static;height:auto;aspect-ratio:4/3}html body.automation-page .related-card>img{height:200px!important;flex-basis:200px}}
html body.automation-page .control-card p{font-size:16px}
@media(max-width:640px){html body.automation-page .control-visual figcaption{position:static;inset:auto;margin:0;border-radius:0;background:#201711}}
html body.automation-page :is(.automation-option a.text-link,.related-card__body>a.text-link,.automation-track-card>a.button)::after{content:none!important;display:none!important}
/* Compact gallery previews; original files and lightbox buttons remain intact. */
html body.automation-page .project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
html body.automation-page .project-gallery figure:first-child{grid-row:auto}
html body.automation-page .project-gallery img{width:100%;height:260px!important;aspect-ratio:auto;object-fit:cover}
@media(max-width:640px){html body.automation-page .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}html body.automation-page .project-gallery figure:first-child{grid-column:1/-1}html body.automation-page .project-gallery img{height:190px!important}html body.automation-page .project-gallery figure:first-child img{height:210px!important}}

/* Elbow awnings: use the approved action typography, overriding legacy weight 800. */
html body:has(#elbow-solutions) main :is(a.button,a.text-link,a.case-project-link){font:600 15px/1.45 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important}

/* Elbow awnings: useful selection notes and a distinct compact cross-link section. */
html body:has(#elbow-solutions) #elbow-solutions{padding-block:64px}
html body:has(#elbow-solutions) #elbow-solutions .section-head{max-width:none;width:100%;margin-bottom:28px}
html body:has(#elbow-solutions) .awning-choice-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 28px;padding-top:28px;border-top:1px solid #d8cabb}
html body:has(#elbow-solutions) .awning-choice-notes article{padding:0 20px 0 0;border-right:1px solid #d8cabb}
html body:has(#elbow-solutions) .awning-choice-notes article:last-child{border-right:0;padding-right:0}
html body:has(#elbow-solutions) .awning-choice-notes h3{margin:0 0 12px;font:600 20px/1.3 Arial,Helvetica,sans-serif;color:#62452f}
html body:has(#elbow-solutions) .awning-choice-notes p{margin:0;font:400 16px/1.6 Arial,Helvetica,sans-serif}
html body:has(#elbow-solutions) #showcase-solutions{padding-block:44px;background:#fff9ef;border-block:1px solid #d8cabb}
html body:has(#elbow-solutions) #showcase-solutions .heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:44px;row-gap:16px;max-width:none;width:100%;margin:0}
html body:has(#elbow-solutions) #showcase-solutions .kicker{grid-column:1;grid-row:1;margin:0}
html body:has(#elbow-solutions) #showcase-solutions h2{grid-column:1;grid-row:2/4;margin:0;font-size:clamp(32px,3.4vw,44px);line-height:1.12}
html body:has(#elbow-solutions) #showcase-solutions .heading>p:not(.kicker){grid-column:2;margin:0;font-size:17px;line-height:1.6}
html body:has(#elbow-solutions) #showcase-solutions .heading>a{grid-column:2;justify-self:start;margin:4px 0 0}
@media(max-width:760px){html body:has(#elbow-solutions) #elbow-solutions{padding-block:44px}html body:has(#elbow-solutions) .awning-choice-notes{grid-template-columns:1fr;gap:20px}html body:has(#elbow-solutions) .awning-choice-notes article{border-right:0;border-bottom:1px solid #d8cabb;padding:0 0 20px}html body:has(#elbow-solutions) .awning-choice-notes article:last-child{border-bottom:0;padding:0}html body:has(#elbow-solutions) #showcase-solutions .heading{display:block}html body:has(#elbow-solutions) #showcase-solutions h2{margin:12px 0 20px;font-size:34px}html body:has(#elbow-solutions) #showcase-solutions .heading>p:not(.kicker){margin-bottom:16px}html body:has(#elbow-solutions) #showcase-solutions .heading>a{display:flex;width:100%}}

/* Project footer actions support both navigation links and gallery buttons. */
html body .project-body>.project-link{max-width:none!important;appearance:none;transition:background-color 180ms ease,color 180ms ease;cursor:pointer}
html body .project-body>.project-link::after{content:none!important;display:none!important}
html body .project-body>.project-link:active{background:#493220!important;color:#fff9ef!important}
html body .project-body>.project-link:focus-visible{outline-offset:-4px!important}
@media(prefers-reduced-motion:reduce){html body .project-body>.project-link{transition:none!important}}

/* Full-width footer actions: override legacy max-width cap. */
html body .related-card__body>a.text-link{max-width:none!important}