/* Completion v2.1: native interactions; visible content is the default. */
.site-header{transition:transform 220ms cubic-bezier(.2,.65,.3,1)}
.site-header.is-scroll-hidden{transform:translateY(-105%)}
.site-header:focus-within{transform:none}
html{scroll-padding-top:100px}
main [id]{scroll-margin-top:100px}
.completion-research{max-width:650px;margin-top:30px;padding-top:24px;border-top:1px solid #D5D5D5}
.completion-research h3{font:500 1.1rem/1.4 var(--sans)}
.completion-research p{margin-block:12px;max-width:62ch}
.completion-research .text-link{margin-top:8px}
a,button,summary{transition:color 180ms,background-color 180ms,border-color 180ms,box-shadow 180ms}
:focus-visible{outline:2px solid #7046B5;outline-offset:4px}
/* One purposeful inverse field per teaching page; working paper stays white. */
#your-relationprint.mf-section{background:#5E4B74;color:#D5D5D5;padding:clamp(24px,5vw,60px);border-radius:0}
#your-relationprint.mf-section h2,#your-relationprint.mf-section h3,#your-relationprint.mf-section p,#your-relationprint.mf-section dt,#your-relationprint.mf-section dd,#your-relationprint.mf-section a,#your-relationprint.mf-section .brand-name{color:#D5D5D5}
#your-relationprint.mf-section .mf-record{background:#FFFFFF;color:#575757}
#your-relationprint.mf-section .mf-record :is(dt,dd,h3,p){color:#575757}
#handover.os-guide-section{background:#765F8A;color:#FFFFFF;padding:clamp(24px,5vw,48px)}
#handover.os-guide-section :is(h2,h3,p,li,a,.eyebrow){color:#FFFFFF}
#handover.os-guide-section a:focus-visible,#your-relationprint.mf-section a:focus-visible{outline-color:currentColor}
@media(prefers-reduced-motion:reduce){.site-header,a,button,summary{transition:none!important}.site-header.is-scroll-hidden{transform:none}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#FFFFFF;backdrop-filter:none}}
@media print{.site-header.is-scroll-hidden{transform:none}}

.completion-maintenance{margin-top:32px;padding-top:24px;border-top:1px solid #D5D5D5;max-width:70ch}.completion-maintenance h3{font:500 1.3rem/1.4 var(--sans)}.completion-maintenance p{margin-top:12px}

#your-relationprint.mf-section :is(.brand-name,.term-trigger,.text-link){color:#D5D5D5!important}
#your-relationprint.mf-section .mf-record .brand-name{color:#7046B5!important}
#handover.os-guide-section :is(.term-trigger,.text-link,.brand-name){color:#FFFFFF!important}

/* Accessible Snapshot confirmation; neutral copy, no browser-blocking prompt. */
.cs-confirm-dialog{border:1px solid #D5D5D5;border-radius:8px;padding:clamp(20px,5vw,32px);width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:#575757;background:#FFFFFF;font-family:Inter,Arial,sans-serif}
.cs-confirm-dialog::backdrop{background:rgb(87 87 87 / .35)}
.cs-confirm-dialog h2{font:500 1.4rem/1.35 Inter,Arial,sans-serif;letter-spacing:0;color:#575757}
.cs-confirm-dialog p{margin-block:16px;font-size:1rem;line-height:1.6;color:#575757}
.cs-confirm-dialog .cs-actions{flex-wrap:wrap;gap:12px}
.cs-confirm-dialog button{white-space:normal;max-width:100%;min-height:44px}
@media(prefers-reduced-transparency:reduce){.cs-confirm-dialog::backdrop{background:#575757}}

.is-enlarged .booking-card .eyebrow{overflow-wrap:anywhere;white-space:normal}

.is-enlarged .closing{flex-direction:column;align-items:flex-start}
.is-enlarged .closing .actions{max-width:100%;width:100%;flex-wrap:wrap;justify-content:flex-start}
.is-enlarged .closing .actions a{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}

.cs-confirm-dialog .cs-actions{display:flex;flex-wrap:wrap;gap:12px}
.cs-confirm-dialog button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #7046B5;border-radius:6px;background:#FFFFFF;color:#7046B5;font:500 .9rem/1.4 Inter,Arial,sans-serif;min-height:44px}
.cs-confirm-dialog [data-confirm-accept]{background:#7046B5;color:#FFFFFF}

#cs-confirm-change .cs-button{background:#7046B5;color:#FFFFFF!important}

/* v3.0: enlarged text remains usable on the detailed engagement pages. */
.is-enlarged .proposal-detail > *{min-width:0}
.is-enlarged .audience-examples h2,.is-enlarged .proposal-detail :is(h2,h3,.fact-row span,.fact-row strong){overflow-wrap:anywhere;white-space:normal}

/* Exploring v3.2: original light-paper composition; compact narrow-screen rendition. */
.a5-sheet--exploring picture{display:block}
@media(max-width:600px){.a5-sheet--exploring{aspect-ratio:400 / 780}.a5-sheet--exploring picture img{height:auto;aspect-ratio:400 / 780}}

/* v4.0: enlarged definition text wraps within the utility panel at narrow widths. */
.is-enlarged .context-popover{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-x:hidden}
.is-enlarged .context-popover :is(h2,p,a){min-width:0;overflow-wrap:anywhere}
.is-enlarged .context-popover .popover-header{position:relative;display:block;padding:16px}
.is-enlarged .context-popover .popover-header .eyebrow{padding-right:52px}
.is-enlarged .context-popover .popover-close{position:absolute;right:8px;top:8px}
.is-enlarged .context-popover .popover-content{padding:16px}
@media(max-width:619px){.is-enlarged .context-popover{left:16px;right:16px;bottom:16px;width:auto;margin:0}}

/* v4.4: Andrew is signature violet; name links retain their surrounding typography. */
.andrew-link,.andrew-link:link,.andrew-link:visited,.andrew-link:hover,.andrew-link:active,.andrew-name{
  color:#7046B5!important;font-weight:inherit;
}
.andrew-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.andrew-link:hover{text-decoration-thickness:2px}
.andrew-link:focus-visible{outline:2px solid #7046B5;outline-offset:4px;border-radius:2px}
#handover.os-guide-section .andrew-link,#your-relationprint.mf-section .andrew-link{
  background:#FFFFFF;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;
}