:root[data-theme=c4] .dp:not(.hp-ds){--dp-ink:var(--c4-text-espresso);--dp-body:var(--c4-text-warm);--dp-page:var(--c4-paper-butter);--dp-white:var(--c4-paper-white);--dp-surface:var(--c4-paper-white);--dp-primary-hover:var(--c4-brand-chocolate-hover);--dp-accent:var(--c4-accent-active);--dp-hover:color-mix(in srgb, var(--c4-brand-chocolate) 4%, var(--c4-paper-white));--dp-emphasis:var(--color-accent-base);background:var(--c4-paper-butter)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-band{--dp-surface:var(--c4-paper-white)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-band[data-band=a],:root[data-theme=c4] .dp:not(.hp-ds) .dp-band[data-band-for=cta]{--dp-band-bg:var(--c4-paper-butter)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-band[data-band=b]:not([data-band-for=cta]){--dp-band-bg:var(--c4-paper-white)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-band[data-band=b][data-band-for=cta]{box-shadow:inset 0 1px 0 var(--c4-line-hairline)}:root[data-theme=c4] .dp:not(.hp-ds) :is(.dp-btn-primary,.dp-bar-filters){background:var(--c4-brand-chocolate);color:var(--c4-text-on-brown)}@media (hover:hover){:root[data-theme=c4] .dp:not(.hp-ds) .dp-btn-primary:hover{background:var(--c4-brand-chocolate-hover)}}:root[data-theme=c4] .dp:not(.hp-ds) .dp-btn-secondary{border-color:var(--c4-brand-chocolate);color:var(--c4-text-espresso)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-btn-secondary:hover,:root[data-theme=c4] .dp:not(.hp-ds) :is(.dp-seg a:hover,.dp-pop-list a:hover,.dp-pop-list button:hover,.dp-pages a:hover,.dp-table tbody tr:hover,.dp-hcard:hover,.dp-hcard:active){background:var(--dp-hover)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-pages a[aria-current=page]:hover{background:var(--c4-accent-active)}:root[data-theme=c4] .dp:not(.hp-ds) :is(.dp-table thead th,.dp-table tfoot td){background:var(--c4-paper-white)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-mode a[aria-checked=true]{color:var(--c4-accent-active)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-jump{background:var(--c4-paper-butter)}:root[data-theme=c4] .dp:not(.hp-ds) :is(.dp-table tbody tr:has(.dp-rowlink:focus-visible),.dp-hcard:has(.dp-rowlink:focus-visible)){outline-color:var(--c4-focus-ring)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-keyrow.callout{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dp-emphasis) 35%, transparent)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-keyrow.callout .dp-keyrow-value{color:var(--dp-emphasis)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-others a:hover{color:var(--c4-text-espresso)}:root[data-theme=c4] .dp:not(.hp-ds) .dp-band[data-band-for=cta]+.dp-others{border-top:1px solid var(--c4-line-hairline)}