/* Shared frame and spacing contract across every staging page. */
body.continuity.ux-site [hidden],body.continuity.ux-site.page-legal-insights #main .reading-entry[hidden],body.continuity.ux-site #main .enquiry-form .form-result[hidden]{display:none!important}
:root{--site-gutter:48px;--site-frame:1280px;--site-panel-pad:64px;--site-radius:18px;--site-page-gap:24px}
body.continuity.ux-site{--surface-width:var(--site-frame);--surface-gutter:calc(var(--site-gutter)*2);--surface-radius:var(--site-radius);--content-width:var(--site-frame);background:#faf8f2}
body.continuity.ux-site .atelier-nav.site-header{box-sizing:border-box;width:min(var(--site-frame),calc(100% - var(--site-gutter)*2))!important;max-width:var(--site-frame)!important;margin:16px auto 0!important}
body.continuity.ux-site #main{margin-top:0!important;padding-top:var(--site-page-gap)!important}
body.continuity.ux-site #main :is(.layout-wrap,.rich-wrap,.personal-container,.collection-layout,.practice-shell),body.continuity.ux-site .profile-footer-inner{box-sizing:border-box;width:min(var(--site-frame),calc(100% - var(--site-gutter)*2))!important;max-width:var(--site-frame)!important;margin-inline:auto!important}
/* Outer panels all share the same rail as the navigation. Heights follow content. */
body.continuity.ux-site #main :is(.personal-cover,.ux-story-intro,.practice-hero,.page-intro,.composition-exam,.composition-questions){box-sizing:border-box;width:min(var(--site-frame),calc(100% - var(--site-gutter)*2))!important;max-width:var(--site-frame)!important;margin-inline:auto!important;border-radius:var(--site-radius)!important;overflow:hidden}
body.continuity.ux-site #main :is(.personal-cover,.ux-story-intro,.practice-hero,.page-intro,.composition-exam){margin-top:0!important}
body.continuity.ux-site #main .hm-profile{display:flow-root}
body.continuity.ux-site #main :is(.page-intro,.composition-exam,.composition-questions){padding:56px 0!important}
body.continuity.ux-site #main :is(.page-intro,.composition-exam,.composition-questions)>.rich-wrap,body.continuity.ux-site #main :is(.composition-exam,.composition-questions)>.layout-wrap,body.continuity.ux-site #main .practice-hero>.practice-shell,body.continuity.ux-site #main .personal-cover>.personal-container{width:calc(100% - var(--site-panel-pad)*2)!important;max-width:none!important}
/* About already owns its panel; avoid a second percentage gutter inside it. */
body.continuity.ux-site #main .ux-story-intro>.ux-story-intro-grid{width:100%!important;max-width:none!important;margin:0!important}
body.continuity.ux-site #main .ux-story-intro-grid>div{box-sizing:border-box;padding:56px var(--site-panel-pad)!important;min-width:0}
body.continuity.ux-site #main .personal-cover{padding:0!important;color:#faf8f2;background:#252622}
body.continuity.ux-site #main .personal-cover-grid{min-height:600px;gap:40px}
body.continuity.ux-site #main .personal-cover-copy{padding:64px 0!important;min-width:0}
body.continuity.ux-site #main .personal-cover .personal-cover-wheel{max-width:none}
/* Match the page-title scale on related inner-page templates. */
body.continuity.ux-site #main :is(.page-intro,.exam-intro) h1{font-size:clamp(36px,4.6vw,64px)!important;line-height:1.12!important;letter-spacing:-.025em!important;margin-top:12px!important}
body.continuity.ux-site #main :is(.page-intro,.exam-intro)>p,body.continuity.ux-site #main .page-intro .rich-wrap>p{font-size:20px!important;line-height:1.65!important}
/* Contact bands use one outer width and one internal gutter on every page. */
body.continuity.ux-site #main .composition-contact{box-sizing:border-box;width:min(var(--site-frame),calc(100% - var(--site-gutter)*2))!important;max-width:var(--site-frame)!important;margin:48px auto 32px!important;border-radius:var(--site-radius)!important;padding:56px 0!important}
body.continuity.ux-site #main .composition-contact>.layout-wrap{width:calc(100% - var(--site-panel-pad)*2)!important;max-width:none!important}
body.continuity.ux-site #main .practice-contact{border-radius:var(--site-radius)!important}
body.continuity.ux-site #main .contact-layout{padding-top:48px!important;padding-bottom:64px!important}
/* Article artwork aligns with the shared frame; prose keeps its reading measure. */
body.continuity.ux-site #main .ux-article{padding-top:0!important}
body.continuity.ux-site #main .ux-article>.layout-wrap{width:min(var(--site-frame),calc(100% - var(--site-gutter)*2))!important;max-width:var(--site-frame)!important}
body.continuity.ux-site #main .ux-breadcrumb{margin-top:0!important;line-height:1.6}
body.continuity.ux-site #main .ux-article-heading{max-width:1040px;width:100%;box-sizing:border-box}
body.continuity.ux-site #main .insight-hero{width:100%;box-sizing:border-box;border-radius:var(--site-radius)!important}
body.continuity.ux-site #main .ux-story .hm-film,body.continuity.ux-site #main .ux-story .hm-end{box-sizing:border-box;width:min(var(--site-frame),calc(100% - var(--site-gutter)*2))!important;max-width:var(--site-frame)!important;margin-inline:auto!important}
body.continuity.ux-site #main .ux-story .hm-film{border-radius:var(--site-radius)!important}
/* Keep grid children shrinkable rather than masking overflow. */
body.continuity.ux-site #main :is(.contact-layout,.contact-spread,.debrief-enquiry-grid,.exam-intro,.ux-article-layout,.practice-service)>*{min-width:0}
body.continuity.ux-site #main .enquiry-form .form-top #enquiry-title{font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important;overflow-wrap:break-word}
body.continuity.ux-site #main :is(input,select,textarea){max-width:100%;box-sizing:border-box}
@media(max-width:1100px){:root{--site-gutter:32px;--site-panel-pad:40px}body.continuity.ux-site #main .personal-cover-grid{gap:28px}}
@media(max-width:960px){body.continuity.ux-site #main .debrief-home-contact .debrief-enquiry-grid{grid-template-columns:1fr;gap:28px}body.continuity.ux-site #main .enquiry-form .form-top{flex-wrap:wrap;gap:12px}body.continuity.ux-site #main .enquiry-form .form-top h2{flex-basis:100%;min-width:0}}
@media(max-width:760px){
 :root{--site-gutter:16px;--site-panel-pad:24px;--site-radius:14px;--site-page-gap:24px}
 body.continuity.ux-site .atelier-nav.site-header{margin-top:12px!important}
 body.continuity.ux-site #main :is(.page-intro,.composition-exam,.composition-questions){padding:36px 0!important}
 body.continuity.ux-site #main .ux-story-intro-grid>div{padding:32px var(--site-panel-pad)!important}
 body.continuity.ux-site #main .personal-cover-grid{grid-template-columns:1fr;min-height:0;gap:0}
 body.continuity.ux-site #main .personal-cover-copy{padding:32px 0 24px!important}
 body.continuity.ux-site #main .personal-cover-portrait:has(.personal-cutout-new){height:420px;max-height:none}
 body.continuity.ux-site #main :is(.page-intro,.exam-intro) h1{font-size:36px!important;line-height:1.15!important}
 body.continuity.ux-site #main :is(.page-intro,.exam-intro)>p,body.continuity.ux-site #main .page-intro .rich-wrap>p{font-size:18px!important;line-height:1.65!important}
 body.continuity.ux-site #main .exam-programme{padding:26px 22px!important;box-sizing:border-box}
 body.continuity.ux-site #main .exam-programme h2{font-size:28px!important;line-height:1.2!important}
 body.continuity.ux-site #main .exam-intro{grid-template-columns:1fr;gap:24px;padding-bottom:32px}
 body.continuity.ux-site #main .composition-contact{margin-top:32px!important;margin-bottom:24px!important;padding:36px 0!important}
 body.continuity.ux-site #main .debrief-home-contact .debrief-enquiry-grid{grid-template-columns:1fr;gap:28px}
 body.continuity.ux-site #main .debrief-home-contact .enquiry-form{padding:22px 16px}
 body.continuity.ux-site #main .debrief-home-contact .form-row{grid-template-columns:1fr}
 body.continuity.ux-site #main .contact-layout{padding-top:36px!important;padding-bottom:48px!important}
 body.continuity.ux-site #main .ux-article-heading{padding-top:22px!important}
 body.continuity.ux-site #main .ux-breadcrumb{font-size:13px}
}
@media(max-width:360px){:root{--site-panel-pad:20px}body.continuity.ux-site.home-page #main .personal-cover h1{font-size:22px!important}}