/* One responsive masthead scale on all inner pages, without redundant directory rows. */
body.continuity.ux-site.inner-system{--masthead-title:clamp(35px,3.9375vw,56px);--masthead-eyebrow:18px;--masthead-subtitle:18px}
body.continuity.ux-site.inner-system #main :is(.inner-hero,.practice-hero) h1{font-family:'Lora',Georgia,serif!important;font-size:var(--masthead-title)!important;font-weight:400!important;line-height:1.1!important;letter-spacing:-.035em!important;margin:0 0 24px!important;max-width:none!important}
body.continuity.ux-site.inner-system #main :is(.inner-hero,.practice-hero) :is(.inner-kicker,.practice-kicker){font-family:'DM Sans',Arial,sans-serif!important;font-size:var(--masthead-eyebrow)!important;font-weight:500!important;line-height:1.5!important;letter-spacing:.08em!important;margin:0 0 22px!important}
body.continuity.ux-site.inner-system #main :is(.inner-hero,.practice-hero) p{font-family:'DM Sans',Arial,sans-serif!important;font-size:var(--masthead-subtitle)!important;font-weight:400!important;line-height:1.7!important;max-width:none!important;margin:0!important}
body.continuity.ux-site.inner-system #main :is(.inner-hero-grid,.practice-hero-grid){grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)!important;gap:56px!important;padding-block:52px!important}
body.continuity.ux-site.inner-system #main .practice-hero-grid{width:calc(100% - 128px)!important}
body.continuity.ux-site.inner-system #main :is(.inner-hero-mark,.practice-hero-mark){min-height:250px!important}
body.continuity.ux-site.inner-system #main :is(.inner-hero-mark,.practice-hero-mark) img{width:min(100%,320px)!important;height:100%!important;max-height:320px;object-fit:contain}
body.continuity.ux-site.inner-system #main :is(.inner-hero,.practice-hero) .review-keep{white-space:normal!important}
/* The About interview card keeps its rounded border, without a stray straight rule above it. */
body.continuity.ux-site.inner-system.page-about #main .debrief-profile-section#education{border-bottom:0!important}
body.continuity.ux-site.inner-system.page-about #main .hm-film:before,body.continuity.ux-site.inner-system.page-about #main .hm-film:after{display:none!important}
/* Native-select semantics with a deliberately inset, high-contrast chevron. */
body.continuity.ux-site #main .enquiry-form .field select{appearance:none!important;-webkit-appearance:none!important;padding-left:16px!important;padding-right:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 16px center!important;background-size:18px 18px!important;background-repeat:no-repeat!important}
@media(forced-colors:active){body.continuity.ux-site #main .enquiry-form .field select{appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important}}
/* A real SVG play icon stays visible before hover and for keyboard/touch users. */
body.continuity.ux-site #main [data-play-interview] :is(.personal-play,.hm-play){position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 56px!important;width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;border:1px solid #646464!important;border-radius:50%!important;background:#f9f9f9!important;color:#333333!important;opacity:1!important;visibility:visible!important}
body.continuity.ux-site #main [data-play-interview] :is(.personal-play,.hm-play)::before,body.continuity.ux-site #main [data-play-interview] :is(.personal-play,.hm-play)::after{content:none!important;display:none!important}
body.continuity.ux-site #main [data-play-interview] .interview-play-icon{display:block!important;flex:none!important;width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important;opacity:1!important;visibility:visible!important;transform:translateX(1px)}
body.continuity.ux-site #main .personal-story .personal-interview button{color:#f9f9f9!important}
body.continuity.ux-site #main .personal-story .personal-interview button small{color:#a7a7a7!important;opacity:1!important;font-size:18px!important;line-height:1.6}
body.continuity.ux-site #main .hm-film-action{color:#f9f9f9!important}
body.continuity.ux-site #main .hm-film-action small{color:#f9f9f9!important;opacity:1!important}
body.continuity.ux-site #main [data-play-interview]:is(:hover,:focus-visible) :is(.personal-play,.hm-play){background:#e85002!important;border-color:#e85002!important;color:#ffffff!important}
body.continuity.ux-site #main [data-play-interview]:focus-visible{outline:2px solid #e85002!important;outline-offset:5px!important}
/* The actual artwork base (alpha bottom638 of667) meets the lower footer rule. */
body.continuity.ux-site .profile-footer .profile-footer-bottom{gap:0!important}
body.continuity.ux-site .profile-footer .footer-skyline{position:relative;aspect-ratio:2000/638;overflow:hidden}
body.continuity.ux-site .profile-footer .footer-skyline img{position:absolute;top:0;left:0;width:100%!important;height:auto!important;aspect-ratio:2000/667!important}
/* Applicable two-column story copy begins at its headline, not its eyebrow. */
body.continuity.ux-site #main .column-body-aligned{margin-top:var(--body-heading-offset,0px)!important}
@media(max-width:960px){
 body.continuity.ux-site.inner-system #main :is(.inner-hero-grid,.practice-hero-grid){grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr)!important;gap:32px!important;padding-block:40px!important}
 body.continuity.ux-site.inner-system #main :is(.inner-hero-mark,.practice-hero-mark){min-height:220px!important}
}
@media(max-width:680px){
 body.continuity.ux-site.inner-system{--masthead-title:35px;--masthead-eyebrow:18px;--masthead-subtitle:18px}
 body.continuity.ux-site.inner-system #main .inner-hero-grid{display:block!important;padding:32px 24px!important}
 body.continuity.ux-site.inner-system #main .practice-hero-grid{display:block!important;padding:32px 0!important;width:calc(100% - 48px)!important}
 body.continuity.ux-site.inner-system #main :is(.inner-hero-mark,.practice-hero-mark){position:absolute!important;top:20px;right:-60px;width:250px;height:250px;min-height:0!important;z-index:0;opacity:.35}
 body.continuity.ux-site.inner-system #main :is(.inner-hero-copy,.practice-hero-grid>div:first-child){position:relative;z-index:1}
}
/* Readable service chapters with one shared enquiry action. */
.practice-services{display:grid;gap:24px;padding-block:56px!important}
.practice-service{display:grid!important;grid-template-columns:280px minmax(0,1fr);gap:36px 48px;padding:40px!important;border:1px solid #a7a7a7!important;border-radius:20px;background:#f9f9f9;scroll-margin-top:100px}
.practice-service-heading{display:block!important;align-self:start}
.practice-service-heading .practice-section-number{display:block;font:500 18px/1.4 'DM Sans',sans-serif;color:#646464;margin:0 0 12px}
.practice-service-heading h2{font-size:32px!important;line-height:1.18!important;margin:0!important}
.practice-service-list{display:block!important;columns:auto!important;margin:32px 0 0!important;padding:0!important;list-style:none}
.practice-service-list li{display:block!important;min-height:0!important;padding:22px 0!important;border-top:1px solid #a7a7a7!important;font-size:18px!important;line-height:1.65!important}
.practice-service-list li:first-child{border-top:0!important;padding-top:0!important}
.practice-service-list li:before{display:none!important}
.practice-back-top{grid-column:2;justify-self:start;margin:0!important;font-size:18px}
.practice-contact{align-items:center!important;padding-block:44px 64px!important;gap:32px}
.practice-contact h2{font-size:36px!important;margin-bottom:0!important}
.practice-contact-button{white-space:nowrap}
@media(max-width:960px){.practice-service{grid-template-columns:220px minmax(0,1fr);gap:24px;padding:28px!important}.practice-service-heading h2{font-size:28px!important}}
@media(max-width:640px){.practice-services{padding-block:28px!important}.practice-service{display:block!important;padding:24px!important;border-radius:16px}.practice-service-list{margin-top:24px!important}.practice-service-list li{font-size:18px!important;padding-block:18px!important}.practice-back-top{display:inline-flex;margin-top:20px!important}.practice-contact{display:flex!important;flex-direction:column;align-items:flex-start!important}.practice-contact h2{font-size:32px!important}}
@media(min-width:961px){.inner-hero-grid,.practice-hero-grid{min-height:424px;box-sizing:border-box}.inner-hero-mark,.practice-hero-mark{height:320px!important;min-height:320px!important;width:320px!important;justify-self:center;align-self:center}.practice-hero-mark img{width:100%!important;height:100%!important;object-fit:contain}}
@media(min-width:961px){body.continuity.ux-site.inner-system #main :is(.inner-hero-grid,.practice-hero-grid){grid-template-columns:minmax(0,1fr) 320px!important;min-height:424px}.inner-hero-mark,.practice-hero-mark{max-width:100%}}
/* Closing panels share a complete frame, rather than a floating top rule. */
body.continuity.ux-site.inner-system #main .composition-contact{border:1px solid #a7a7a7!important;border-radius:20px;background:#f9f9f9}
body.continuity.ux-site.inner-system #main .composition-questions{background:#f9f9f9!important;border:1px solid #a7a7a7}
body.continuity.ux-site .nav.main-nav>a.nav-meeting[aria-current=page]:after{background:var(--button-arrow) center/18px 18px no-repeat!important}
body.continuity.ux-site .nav.main-nav>a.nav-meeting[aria-current=page]{border-color:#646464!important}
@media(max-width:960px){body.continuity.ux-site .nav.main-nav{background:#f9f9f9!important}}
@media(max-width:600px){body.continuity.ux-site.home-page #main .debrief-home-contact .debrief-enquiry-grid{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}body.continuity.ux-site #main .enquiry-form .field select{font-size:18px!important}}
body.continuity.ux-site.inner-system #main .insights-grid a.reading-entry{background:#f9f9f9!important;border-color:#a7a7a7!important}
body.continuity.ux-site.inner-system #main .insight-card-image{background:#f9f9f9!important}
body.continuity.ux-site.inner-system #main .insight-card-meta span{color:#646464!important}
body.continuity.ux-site #main .form-consent input[type=checkbox]{accent-color:#e85002!important}
@media(max-width:680px){body.continuity.ux-site.home-page #main .home-about-actions>.layout-link{white-space:normal!important;max-width:100%;min-width:0}body.continuity.ux-site.home-page #main .home-about-actions>.layout-link:after{flex-shrink:0}}

/* Latest homepage actions: one clear row, with decorative arrows omitted where space is limited. */
body.continuity.ux-site.home-page #main .home-about-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:24px!important}
body.continuity.ux-site.home-page #main .home-about-actions>.layout-link{white-space:nowrap!important;min-height:44px;max-width:none!important;margin:0!important}
@media(max-width:1100px){body.continuity.ux-site.home-page #main .home-about-actions{gap:18px!important}body.continuity.ux-site.home-page #main .home-about-actions>.layout-link{font-size:18px!important}body.continuity.ux-site.home-page #main .home-about-actions>.layout-link:after{display:none!important}}
@media(max-width:360px){body.continuity.ux-site.home-page #main .home-about-actions{gap:16px!important}body.continuity.ux-site.home-page #main .home-about-actions>.layout-link{font-size:18px!important}}

/* Centre the homepage enquiry presentation and remove the extra enclosing section rule. */
body.continuity.ux-site.home-page #main #connect.composition-contact{width:100%!important;max-width:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:72px 0!important}
body.continuity.ux-site.home-page #main #connect>.layout-wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important;width:min(760px,calc(100% - 32px))!important;max-width:760px!important;margin:0 auto!important;padding:0!important}
body.continuity.ux-site.home-page #main #connect .contact-introduction{text-align:center;max-width:720px;margin:0 auto!important;padding:0!important}
body.continuity.ux-site.home-page #main #connect .contact-introduction .layout-title{font-size:clamp(34px,4vw,54px)!important;line-height:1.12!important;margin:0!important}
body.continuity.ux-site.home-page #main #connect .contact-introduction p{font-size:18px!important;line-height:1.65!important;max-width:660px!important;margin:20px auto 0!important}
body.continuity.ux-site.home-page #main #connect #enquiry-form{width:100%!important;max-width:760px!important;justify-self:center}
@media(max-width:600px){body.continuity.ux-site.home-page #main #connect.composition-contact{padding:48px 0!important}body.continuity.ux-site.home-page #main #connect .contact-introduction p{font-size:18px!important}}

body.continuity.ux-site.home-page #main #connect>.layout-wrap>:is(.contact-introduction,#enquiry-form){grid-column:1/-1!important;grid-row:auto!important}

/* Keep both actions in one row at the narrowest widths, with readable two-line labels. */
@media(max-width:1100px){
 body.continuity.ux-site.home-page #main .home-about-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
 body.continuity.ux-site.home-page #main .home-about-actions>.layout-link{white-space:normal!important;min-width:0!important;width:auto!important;line-height:1.4!important;align-self:stretch}
}




/* November 6 client debrief: matching story text, statutory title, full teaching portrait. */
body.continuity.ux-site.home-page #main .personal-story .personal-interview p{font-size:20px!important;line-height:1.65!important}
body.continuity.ux-site.inner-system.page-practice #main .practice-service-list em{font-style:italic!important}
body.continuity.ux-site.inner-system.page-exam-preparation #main .editorial-lesson-photo{width:min(100%,360px)!important;height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;margin:32px 0 0!important}
body.continuity.ux-site.inner-system.page-exam-preparation #main .editorial-lesson-photo img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center top!important;border-radius:0!important}


/* Enlarge the selected cutout and trim only empty headroom and the excess tabletop.
   The retained image range is y49..1230 of1351; elbows, hands and contact shadows stay visible. */
body.continuity.ux-site.inner-system.page-about #main .inner-profile .about-intro-figure{position:relative!important;aspect-ratio:1164/1181!important;max-width:480px!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;align-self:end!important;justify-self:center;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;line-height:0}
body.continuity.ux-site.inner-system.page-about #main .inner-profile .about-intro-portrait{position:absolute!important;inset:0 auto auto 0!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;transform:translateY(-3.62694%)!important;object-fit:contain!important;object-position:center top!important;mask-image:none!important;-webkit-mask-image:none!important;margin:0!important}

/* Keep the interview dialog in the approved neutral palette. */
body.continuity.ux-site dialog.video-dialog{background:#333333!important;color:#f9f9f9!important;border-color:#a7a7a7!important}
body.continuity.ux-site dialog.video-dialog::backdrop{background:rgb(0 0 0 / .7)!important}