/* All seven client previews retain independent section identities. */
html[data-palette=mist]{--page:#c9dfd8;--surface:#b6d4cb;--ink:#283238;--soft:#283238;--accent:#175e58;--action:#283238;--action-ink:#fff;--edge:#7e9d94;--section-blue:#dce5ef;--blue-ink:#173d72;--section-teal:#b9dcd4;--teal-ink:#174f49;--section-green:#d9e6d2;--green-ink:#304c36;--section-lime:#e3efc6;--lime-ink:#3d511d}
html[data-palette=slate]{--page:#08766e;--surface:#07645f;--ink:#fff;--soft:#fff;--accent:#fff;--action:#0a479a;--action-ink:#fff;--edge:#a8ddd4;--section-blue:#14477c;--blue-ink:#fff;--section-teal:#075c5d;--teal-ink:#effff9;--section-green:#205d4e;--green-ink:#eaffec;--section-lime:#dceeb7;--lime-ink:#263e22}
html[data-palette=midnight]{--page:#071b65;--surface:#104080;--ink:#f0f7e8;--soft:#dce8f2;--accent:#e3ffb5;--action:#e3ffb5;--action-ink:#071b65;--edge:#8badd8;--section-blue:#173879;--blue-ink:#edf4ff;--section-teal:#104e59;--teal-ink:#e4fff6;--section-green:#294b45;--green-ink:#edffe8;--section-lime:#d7e7b6;--lime-ink:#263e22}
html[data-palette=ocean]{--page:#104891;--surface:#092d69;--ink:#f0f7e8;--soft:#e0eaf5;--accent:#e3ffb5;--action:#e3ffb5;--action-ink:#071b65;--edge:#98b4d8;--section-blue:#092d69;--blue-ink:#f0f7ff;--section-teal:#075c65;--teal-ink:#ecfff6;--section-green:#2b594a;--green-ink:#f0ffe8;--section-lime:#dcebb8;--lime-ink:#263e22}
html[data-palette=teal]{--page:#006e67;--surface:#075c5d;--ink:#f0f7e8;--soft:#e4f1ec;--accent:#e3ffb5;--action:#e3ffb5;--action-ink:#071b65;--edge:#a3d4c3;--section-blue:#14477c;--blue-ink:#f0f7ff;--section-teal:#075458;--teal-ink:#ecfff6;--section-green:#24513f;--green-ink:#f0ffe8;--section-lime:#dcebb8;--lime-ink:#263e22}
html[data-palette=chiffon]{--page:#e3ffb5;--surface:#cceca9;--ink:#071b65;--soft:#294d59;--accent:#075b64;--action:#104891;--action-ink:#f0f7e8;--edge:#6d8a61;--section-blue:#d8e7f4;--blue-ink:#173d72;--section-teal:#bce2d7;--teal-ink:#174f49;--section-green:#cce5ad;--green-ink:#304c36;--section-lime:#f1f8d5;--lime-ink:#3d511d}
html[data-palette=original]{--page:#fff;--surface:#f2f7fa;--ink:#142c43;--soft:#3e5669;--accent:#21478f;--action:#21478f;--action-ink:#fff;--edge:#b6c8d0;--section-blue:#e9effa;--blue-ink:#143d7e;--section-teal:#e4f3ef;--teal-ink:#075c56;--section-green:#edf3e9;--green-ink:#325b3e;--section-lime:#f0f7d9;--lime-ink:#3c541a}
.palette-preview{background:#101c35;color:#edf4ff;border-bottom:1px solid #526078;font-size:13px}
.palette-preview>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:38px;width:min(1160px,calc(100% - 48px));margin:auto;list-style:none;font-size:12px}
.palette-preview>summary::-webkit-details-marker{display:none}.palette-summary-note{color:#c4d1e6;font-size:12px}.palette-preview>summary:hover{color:#e3ffb5}.palette-preview[open]>summary{border-bottom:1px solid #526078}.palette-panel{padding-block:18px 22px}.palette-panel>p{font-size:13px;margin-bottom:13px}.palette-options{display:flex;flex-wrap:wrap;gap:9px}.palette-options button{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 13px;border:1px solid #66748b;border-radius:8px;background:#1b2c49;color:#edf4ff;font-size:12px;font-weight:600}.palette-options button:hover{background:#304565}.palette-options button[aria-pressed=true]{background:#e3ffb5;color:#071b65;border-color:#e3ffb5}.palette-preview :focus-visible{outline-color:#e3ffb5}.palette-swatches{display:flex;overflow:hidden;border-radius:50px;border:1px solid #8290a4;flex:none}.palette-swatches i{width:12px;height:22px;background:var(--sw1)}.palette-swatches i:nth-child(2){background:var(--sw2)}.palette-swatches i:nth-child(3){background:var(--sw3)}.palette-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Navigation names use the same ink as their destination, on a tonal swatch. */
.nav-links .nav-services{background:var(--section-blue)}.nav-links .nav-process{background:var(--section-teal)}.nav-links .nav-about{background:var(--section-green)}.nav-links .nav-coverage{background:var(--section-lime)}.nav-links a{padding:10px 9px;border-radius:5px 5px 0 0}.nav-links a[aria-current=location]{outline:2px solid currentColor;outline-offset:3px}.nav-links a:hover{filter:brightness(.94)}
@media(max-width:1099px){.nav-links a{padding-inline:7px}.nav nav,.nav-links{gap:12px}}
@media(max-width:899px){.nav-links{gap:12px}.nav-links a{padding:14px 9px}.nav nav{gap:18px}}
@media(max-width:599px){.palette-preview>summary{width:calc(100% - 40px)}.palette-summary-note{font-size:11px}.palette-options{gap:8px}.palette-options button{flex:1 1 135px;justify-content:flex-start;font-size:12px}}