/* VanKpa: one editorial system, with explicit light and dark surfaces. */
html body:not([data-demo-family]) {--vk-ink:#122f40;--vk-muted:#47616f;--vk-paper:#f1f7f9;--vk-night:#091e2c;--vk-panel:#153747;--vk-cyan:#a7e5eb;--vk-border:#bdd5de}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] {
 position:relative!important;isolation:isolate;color:#f4fbfd!important;
 background-color:#091e2c!important;
 background-image:linear-gradient(90deg,#a7e5eb0b 1px,transparent 1px),linear-gradient(#a7e5eb0b 1px,transparent 1px),linear-gradient(125deg,#091e2c 15%,#173e50 75%,#102c3b)!important;
 background-size:80px 80px,80px 80px,100% 100%!important;
 border-bottom:1px solid #426474!important;box-shadow:inset 0 -1px #b2edf21a!important;
 padding-block:clamp(124px,11vw,168px) clamp(56px,6vw,88px)!important;
}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero]::before,
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero]::after {display:none!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] :is(h1,h2,h3) {color:#f4fbfd!important;-webkit-text-fill-color:#f4fbfd!important;text-transform:none!important;font-weight:500!important;text-shadow:none!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] :is(p,li,dd) {color:#c7dce5!important;-webkit-text-fill-color:#c7dce5!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] :is(.creativeoEyebrow,.eyebrow,.eyebrow-v2,[class*="_eyebrow_"],small) {color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] :is(.creativeoGuideField,.creativeoGhostWord,[class*="_heroGrid_"]) {display:none!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) :is(.creativeoHeroInner,.creativeoDetailHeroInner) {gap:clamp(32px,5vw,80px)!important;align-items:center!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] figure {border-radius:20px!important;border:1px solid #698d9c!important;box-shadow:0 20px 60px #0003!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] :is(.creativeoHeroCopy,.creativeoDetailHeroCopy) {padding:0!important;max-width:760px!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] h1 {margin-block:20px 26px!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .creativeoDetailHeroInner {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.95fr)!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .creativeoDetailHeroMedia {width:100%!important;margin:0!important}
/* Buttons define their foreground together with their background, including hover. */
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) :is(.creativeoButton,.button-v2,.vk-bloom-action) {background:#176f88!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#65b0c0!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) :is(.creativeoButton,.button-v2,.vk-bloom-action):is(:hover,:focus-visible) {background:#b6edf1!important;color:#102e3d!important;-webkit-text-fill-color:#102e3d!important;border-color:#b6edf1!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) :is(.creativeoButton,.button-v2,.vk-bloom-action) * {color:inherit!important;-webkit-text-fill-color:inherit!important}
html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] .creativeoTextLink {color:#d9f3f6!important;-webkit-text-fill-color:#d9f3f6!important}
/* No entrance sweep, page veil, or moving background on navigation. */
html::view-transition-old(root),html::view-transition-new(root) {animation:none!important}
html body .site-header-v3,html body .site-page-v3,html body #main-content,html body [data-vk-hero],html body [data-vk-hero] * {animation:none!important;view-transition-name:none!important}
html body .menu-v3 {transition:none!important}
html body .site-menu-details:not([open]) .menu-v3 {display:none!important}
html body .site-menu-details[open] .menu-v3 {display:grid!important}
/* Review rhythm: a contained photo beside a compact numbered sequence. */
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmSection_"] {
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:30px!important;
 padding:clamp(48px,6vw,88px) max(24px,calc((100vw - 1230px)/2))!important;
 background:#edf5f8!important;color:#122f40!important;
}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmHeader_"] {grid-column:1/-1!important;max-width:850px!important;margin:0 0 12px!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmHeader_"] :is(h2,h3) {color:#122f40!important;-webkit-text-fill-color:#122f40!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmHeader_"] p {color:#47616f!important;-webkit-text-fill-color:#47616f!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmVisual_"] {margin:0!important;align-self:start!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:#143747!important;border:1px solid #426474!important;border-radius:18px!important;overflow:hidden!important;animation:none!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmVisual_"] :is(picture,img) {position:static!important;display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmVisual_"]::after {display:none!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmVisual_"] figcaption {position:static!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:24px!important;background:#143747!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmVisual_"] figcaption span {color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;font-size:12px!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmVisual_"] figcaption strong {background:none!important;border:0!important;padding:0!important;font-size:21px!important;line-height:1.4!important;color:#f4fbfd!important;-webkit-text-fill-color:#f4fbfd!important}
html body #main-content [class*="_rhythmSignals_"] {display:none!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmSteps_"] {display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0!important;padding:0!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmSteps_"] li {display:grid!important;grid-template-columns:36px 1fr!important;gap:10px 18px!important;padding:24px!important;background:#fff!important;border:1px solid #bdd5de!important;border-radius:16px!important;min-height:0!important;animation:none!important;transform:none!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmSteps_"] li span {grid-row:1/3;color:#176f88!important;-webkit-text-fill-color:#176f88!important;font-size:13px!important;padding-top:5px}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmSteps_"] li h3 {color:#122f40!important;-webkit-text-fill-color:#122f40!important;font-size:25px!important;margin:0!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmSteps_"] li p {color:#47616f!important;-webkit-text-fill-color:#47616f!important;font-size:17px!important;line-height:1.6!important;margin:0!important}
@media(max-width:800px) {
 html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .creativeoDetailHeroInner {grid-template-columns:1fr!important}
 html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmSection_"] {grid-template-columns:1fr!important;padding-inline:20px!important}
 html body:not([data-demo-family]) #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [data-vk-hero] {padding-top:110px!important;padding-bottom:48px!important;background-size:48px 48px,48px 48px,100% 100%!important}
}

html body .page-wipe {display:none!important;animation:none!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmHeader_"] {display:block!important;max-width:860px!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmHeader_"] h2 {max-width:none!important;width:auto!important;word-break:normal!important;overflow-wrap:normal!important;margin:18px 0!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) [class*="_rhythmHeader_"] p {max-width:70ch!important}

/* Explicit surface colors for the library and interactive practice tools. */
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .library :is(h2,h3,label) {color:#173746!important;-webkit-text-fill-color:#173746!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .library :is(.eyebrow,small) {color:#176680!important;-webkit-text-fill-color:#176680!important}
html body #main-content .practiceWorkbench {--case-accent:#acdfe7!important;--case-secondary:#176680!important}
html body #main-content .brandLab {--brand-ink:#173746!important;--brand-accent:#acdfe7!important;--brand-highlight:#83c7d3!important;--brand-paper:#f1f6f8!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) :is(.practiceWorkbench,.practiceRouteCta,.practiceMethodSection) .practiceEyebrow {color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .practiceIntegritySection .practiceEyebrow {color:#176680!important;-webkit-text-fill-color:#176680!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .practiceWorkbench .isActive {background:#acdfe7!important;color:#173746!important;-webkit-text-fill-color:#173746!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .practiceWorkbench .isActive * {color:#173746!important;-webkit-text-fill-color:#173746!important}

html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .practiceMethodSection .practiceEyebrow {color:#176580!important;-webkit-text-fill-color:#176580!important}
html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) .library small * {color:#176580!important;-webkit-text-fill-color:#176580!important}

html body #main-content:not(#v426a):not(#v426b):not(#v426c):not(#v426d) #library-count {color:#176580!important;-webkit-text-fill-color:#176580!important}