/* Custom colours only override hard-coded legacy styling when changed. */
:root[data-custom-text] body,
:root[data-custom-text] .chapter-body,
:root[data-custom-text] .chapter-body h1,
:root[data-custom-text] .chapter-body h2,
:root[data-custom-text] .chapter-intro,
:root[data-custom-text] .capability-list,
:root[data-custom-text] .site-nav a,
:root[data-custom-text] .website-links a,
:root[data-custom-text] .page-main,
:root[data-custom-text] .site-footer {color:var(--text)!important}
:root[data-custom-text] .chapter-body h1 em,
:root[data-custom-text] .chapter-body h2 em {color:var(--accent)}
:root[data-custom-bg] body,
:root[data-custom-bg] .chapters,
:root[data-custom-bg] .chapter,
:root[data-custom-bg] body.experience #ch-08,
:root[data-custom-bg] .page-main,
:root[data-custom-bg] .site-footer {background-color:var(--bg)!important}
:root[data-custom-surface] .price-card,
:root[data-custom-surface] .faq-list details,
:root[data-custom-surface] .service-list details,
:root[data-custom-surface] .sound-control button {background:var(--surface)!important}
.site-nav-brand .brand-logo{display:block;max-width:180px;max-height:42px;width:auto;height:auto;object-fit:contain}
@media(max-width:48rem){.site-nav-brand .brand-logo{max-width:150px;max-height:36px}}