/* Adi review, batch 4: one introduction and two self-contained examples. */
.examples-heading{display:block;max-width:760px;margin-bottom:32px}
.examples-heading .examples-boundary{border:0;padding:0;margin-top:24px;max-width:65ch}
.examples-grid{gap:24px;align-items:stretch}
.examples-grid article{padding:28px;border:1px solid var(--cfs-separator);border-top:3px solid var(--cfs-violet);border-radius:var(--cfs-radius-surface)}
.examples-grid article>p:not(.eyebrow){margin-bottom:0}
.example-takeaway{background:transparent;border-top:1px solid var(--cfs-separator);border-radius:0;margin-top:24px;padding:20px 0 0}
.examples-footer{flex-direction:column;align-items:flex-start;gap:16px}
.examples-footer .underlined-link{min-height:44px;margin:0;align-items:center}
@media(max-width:560px){.examples-grid article{padding:24px}.example-takeaway{padding:20px 0 0}}

/* Two deliberate widths, with one shared section/column spacing scale. */
body[data-revision=warm]{--layout-wide:1200px;--layout-reading:760px;--layout-gutter:24px;--layout-space:72px;--layout-gap:48px;--layout-inset:max(var(--layout-gutter),calc((100% - var(--layout-wide))/2));--layout-reading-inset:max(var(--layout-gutter),calc((100% - var(--layout-reading))/2))}
body[data-revision=warm] :is(.next-step,.page-opening,.plain-section,.service-route,.consulting-section,.experience-record,.workshop-output,.contact-page,.closing-invitation,.practical-examples,.experience-ground,.approach,.buyer-questions,.offer-gallery,.speaking-video-opening,.conference-feedback-detail,.audience-feedback,.format-choices,.session-guarantee,.workshop-comparison,.self-check-layout,.assessment-invitation,.sessions-overview,.conference-context){padding-inline:var(--layout-inset);padding-block:var(--layout-space)}
body[data-revision=warm] :is(.next-step,.page-opening,.plain-section,.service-route,.consulting-section,.experience-record,.workshop-output,.contact-page,.experience-ground,.approach,.buyer-questions,.speaking-video-opening,.conference-feedback-detail,.session-guarantee,.self-check-layout,.assessment-invitation,.sessions-overview,.conference-context){gap:var(--layout-gap)}
body[data-revision=warm] :is(.next-step,.page-opening,.plain-section,.service-route,.contact-page,.experience-ground,.approach,.buyer-questions)>*{min-width:0}
body[data-revision=warm] .site-header,body[data-revision=warm].interior .site-header,body[data-revision=warm] .site-footer{padding-inline:var(--layout-inset)}
body[data-revision=warm] .hero-introduction{padding-inline:var(--layout-inset)}
body[data-revision=warm] :is(.credibility-strip,.logo-heading){padding-inline:var(--layout-inset)}
body[data-revision=warm] .feedback-ribbon{padding-block:var(--layout-space)}
body[data-revision=warm] :is(.feedback-heading,.feedback-footer){margin-inline:0;padding-inline:var(--layout-inset)}
body[data-revision=warm] .feedback-list{padding-inline:var(--layout-inset)}
body[data-revision=warm] :is(.offer-gallery-heading,.service-family-grid){max-width:none}
/* Legal copy has a deliberate narrow reading edge; media can remain full bleed. */
body[data-revision=warm] :is(.policy-opening,.policy-body){padding-inline:var(--layout-reading-inset)}
body[data-revision=warm] .policy-opening{padding-block:var(--layout-space)}
body[data-revision=warm] .session-band{margin-inline:var(--layout-inset)}
/* Existing section colours are retained; only two blended inner-page runs change. */
body[data-revision=warm] .layout-band-soft{background:var(--cfs-tint)}
body[data-revision=warm] .layout-band-paper{background:var(--cfs-paper)}
/* Important illustrative/permission labels should remain easy to read. */
body[data-revision=warm] :is(.family-image-caption,.speaking-video-banner figcaption,.conference-photo figcaption,.feedback-release-note){font-size:14px;line-height:1.6}
@media(max-width:1050px){body[data-revision=warm] .offer-gallery{padding-inline:var(--layout-reading-inset)}}
@media(max-width:1000px){body[data-revision=warm]{--layout-space:56px;--layout-gap:32px}}
@media(max-width:640px){body[data-revision=warm]{--layout-gutter:16px;--layout-space:40px;--layout-gap:24px}}
@media(prefers-reduced-motion:reduce){body[data-revision=warm] .logo-list{padding-inline:var(--layout-inset)}}

/* Allow user-increased text spacing without widening the page. */
body[data-revision=warm] main :is(h1,h2,h3){overflow-wrap:anywhere}
body[data-revision=warm] .conference-ratings{flex-wrap:wrap}
.anchor-alias{display:block;scroll-margin-top:130px}