/* Arcade theme for the preview, activated by the shared header toggle. */
:root[data-theme="dark"]{color-scheme:dark;background:#111111;color:#edf1e7;--hp-arcade-ink:#edf1e7;--hp-arcade-muted:#b4bdb0;--hp-arcade-green:#b8dc87;--hp-arcade-edge:#48513f;--hp-arcade-panel:#222222;--hp-arcade-shadow:5px 5px 0 #48513f;--hp-muted:#b4bdb0}
:root[data-theme="dark"] body.hp-page{background:#111111;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] ::selection{background:#b8dc87;color:#172010}
:root[data-theme="dark"] :is(a,button,[tabindex]):focus-visible{outline-color:#d4efa9}

/* Every solution has its own charcoal surface, including data and articles. */
:root[data-theme="dark"] .hp-hero{background:#111111;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] .hp-environment-band{background:#202020;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] .hp-persona-band{background:#151515;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] .hp-data-band{background:#242424;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] .hp-improvement-band{background:#191919;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] .hp-articles-band{background:#212121;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] .hp-cta-band{background:#121212;color:var(--hp-arcade-ink)}
:root[data-theme="dark"] :is(.hp-solution-band,.hp-articles-band,.hp-cta-band){border-top:1px solid #343731}
:root[data-theme="dark"] .hp-main .hp-kicker,:root[data-theme="dark"] .hp-main .hp-mode-label,:root[data-theme="dark"] .hp-step-number,:root[data-theme="dark"] .notes-heading .eyebrow{color:var(--hp-arcade-green)}
:root[data-theme="dark"] .hp-main :is(.hp-description,.hp-lead,.hp-support),:root[data-theme="dark"] .hp-entities p,:root[data-theme="dark"] .hp-simulation-mode p,:root[data-theme="dark"] .hp-monitor-flow p,:root[data-theme="dark"] .hp-monitor-values p,:root[data-theme="dark"] :is(.notes-intro,.notes-language,.note-meta,.note-excerpt){color:var(--hp-arcade-muted)}
:root[data-theme="dark"] .hp-hero-copy h1 span,:root[data-theme="dark"] .hp-cta h2 span{color:#b8dc87}

/* Theme-specific artwork shares the same symbol geometry and animation paths. */
:root[data-theme="dark"] .hp-service-label{color:#c1cbb9}
:root[data-theme="dark"] .hp-service a:hover .hp-service-label{color:#e2f3c9}
:root[data-theme="dark"] .hp-orbit-rings span{border-color:#3d4537}
:root[data-theme="dark"] .hp-orbit-rings span:nth-child(2){border-color:#343b30}
:root[data-theme="dark"] .hp-orbit-rings span:nth-child(3){border-color:#2c3228}
:root[data-theme="dark"] .hp-swarm-diagram text{fill:#cbd5c3}
:root[data-theme="dark"] .hp-swarm-connections{stroke:#6a8056}
:root[data-theme="dark"] .hp-tester-swarm figcaption{color:#aab5a3}
:root[data-theme="dark"] .hp-tester-swarm figcaption span{color:#b8dc87}
:root[data-theme="dark"] :is(.hp-orbit-control,.hp-flow-control,.hp-animation-control){color:#b4bdb0}
:root[data-theme="dark"] :is(.hp-orbit-control,.hp-flow-control,.hp-animation-control):hover{color:#e0f4c1}

/* Flat faces, square corners and one hard bottom-right edge. */
:root[data-theme="dark"] .hp-main .hp-button{background:#b8dc87;color:#182211;border:1px solid #b8dc87;box-shadow:4px 4px 0 #52673a;border-radius:0;transition:background .15s,box-shadow .15s,transform .15s}
:root[data-theme="dark"] .hp-main .hp-button:hover{background:#d0eca9;box-shadow:6px 6px 0 #52673a;transform:translate(-1px,-1px)}
:root[data-theme="dark"] .hp-main .hp-button:active{box-shadow:1px 1px 0 #52673a;transform:translate(2px,2px)}
:root[data-theme="dark"] .hp-main :is(.hp-text-link,.hp-solution-link,.text-link,.note-read){color:#c9e5a8}
:root[data-theme="dark"] :is(.hp-simulation-mode,.hp-savings-chart,.hp-monitor-flow>li,.hp-monitor-values>article,.note-card){background:var(--hp-arcade-panel);border:1px solid var(--hp-arcade-edge);box-shadow:var(--hp-arcade-shadow);border-radius:0}
:root[data-theme="dark"] .hp-simulation-mode{background:#191919}
:root[data-theme="dark"] .hp-savings{border-color:#404638}
:root[data-theme="dark"] .hp-savings-chart{padding:26px}
:root[data-theme="dark"] .hp-savings-total{color:#b8dc87}
:root[data-theme="dark"] :is(.hp-savings-hours,.hp-savings-scope,.hp-savings-legend,.hp-savings-axis,.hp-savings-method){color:#b4bdb0}
:root[data-theme="dark"] .hp-savings-summary .hp-text-link{color:#c9e5a8}
:root[data-theme="dark"] .hp-savings-row-heading h4{color:#e0e8d9}
:root[data-theme="dark"] .hp-savings-row-heading p{color:#b4bdb0}
:root[data-theme="dark"] .hp-savings-row-heading strong{color:#c9e5a8}
:root[data-theme="dark"] .hp-savings-track,:root[data-theme="dark"] .hp-savings-legend .hp-legend-baseline{background:#404638}
:root[data-theme="dark"] .hp-savings-track>span,:root[data-theme="dark"] .hp-savings-legend .hp-legend-simulation{background:#b8dc87}

/* Protect the entire result cell, without adding an inner rectangle. */
:root[data-theme="dark"] .hp-record-row{background:#191919;border:1px solid #48513f;box-shadow:4px 4px 0 #48513f}
:root[data-theme="dark"] .hp-record-row dt{color:#c7d2bc}
:root[data-theme="dark"] .hp-record-row .hp-source{color:#adb5a5}
:root[data-theme="dark"] .hp-record-row .hp-target{color:#dce7d0}
:root[data-theme="dark"] .hp-record-row .hp-target:has(.is-protected){background:#344824;color:#d7f2af}
:root[data-theme="dark"] .hp-record-row .obfuscation-value.is-protected{background:transparent;color:inherit}
:root[data-theme="dark"] .hp-record-row .obfuscation-value.is-changing{color:#aab99a}
:root[data-theme="dark"] .hp-record::after{background:#b8dc87}
:root[data-theme="dark"] .hp-record-header h3,:root[data-theme="dark"] .hp-record-note{color:#b4bdb0}
:root[data-theme="dark"] .hp-secure-note{color:#c9e5a8}
:root[data-theme="dark"] body.hp-page .collection-app-heading{color:#edf1e7!important}
:root[data-theme="dark"] .collection-app-logo{background:#1a1a1a;border:1px solid #48513f;box-shadow:3px 3px 0 #48513f;padding:9px}

:root[data-theme="dark"] .hp-monitor-flow>li{padding:20px 18px}
:root[data-theme="dark"] .hp-monitor-flow li:not(:last-child)::after{left:calc(100% + 6px);right:-30px;top:61px;background:#71835d}
:root[data-theme="dark"] .hp-loop-return svg{stroke:#71835d}
:root[data-theme="dark"] .hp-loop-return span{background:#191919;color:#b4bdb0}
:root[data-theme="dark"] .hp-monitor-values>article{padding:25px}
:root[data-theme="dark"] .note-card{background:#191919}
:root[data-theme="dark"] .note-card-copy{padding:24px}
:root[data-theme="dark"] .note-thumb{border-bottom:1px solid #48513f}

/* Original navigation and footer, with matching arcade surfaces. */
:root[data-theme="dark"] body.hp-page .site-header{background:rgba(17,17,17,.96);color:#edf1e7;border-bottom:1px solid #3d4437;--text:#edf1e7;--text-secondary:#b4bdb0;--ink:#edf1e7;--muted:#b4bdb0;--bg:#191919;--surface:#272727;--line:#48513f;--lime:#b8dc87}
:root[data-theme="dark"] body.hp-page :is(.nav-panel,.language-picker>nav){background:#191919;color:#edf1e7;border-color:#48513f;box-shadow:5px 5px 0 #48513f}
:root[data-theme="dark"] body.hp-page .nav-option[data-active="true"]{background:#30352a}
:root[data-theme="dark"] body.hp-page .footer{background:#111111;color:#edf1e7;--text:#edf1e7;--text-secondary:#b4bdb0;--ink:#edf1e7;--muted:#b4bdb0;--line:#48513f}
@media(max-width:900px){:root[data-theme="dark"] .hp-monitor-flow li:not(:last-child)::after{left:51px;right:auto;top:calc(100% + 6px);bottom:-32px;width:1px;height:auto}}
@media(max-width:600px){:root[data-theme="dark"] .hp-savings-chart{padding:20px 16px}:root[data-theme="dark"] .hp-monitor-values>article,:root[data-theme="dark"] .note-card-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){:root[data-theme="dark"] .hp-main .hp-button{transition:none}}
:root[data-theme="dark"] .hp-main .hp-actions .hp-button{background:#181818;color:#fff;border-color:#52673a}
:root[data-theme="dark"] .hp-main .hp-actions .hp-button:hover{background:#292929}
:root[data-theme="dark"] .hp-improvement{--hp-flow-icon-center:56px}
:root[data-theme="dark"] .hp-articles-band .note-card{padding:20px}
:root[data-theme="dark"] .hp-articles-band .note-card-copy{padding:18px 0 0}
:root[data-theme="dark"] .hp-articles-band .note-thumb{border:0}
@media(max-width:600px){:root[data-theme="dark"] .hp-articles-band .note-card{padding:18px}:root[data-theme="dark"] .hp-articles-band .note-card-copy{padding:0}}
:root[data-theme="dark"] .hp-cta .hp-kicker{color:#aeb5a9}
:root[data-theme="dark"] .hp-page .hp-cta h2 .hp-cta-expert,:root[data-theme="dark"] .hp-page .hp-cta h2 .hp-cta-acronym{color:inherit}
:root[data-theme="dark"] .hp-page .hp-cta h2 .hp-cta-role,:root[data-theme="dark"] .hp-page .hp-cta h2 .hp-cta-role span{color:#c9f36b}
:root[data-theme="dark"] .hp-main .hp-cta-form .hp-button{background:#ededed;color:#252525;border:0;box-shadow:4px 4px 0 #48513f;transform:none}
:root[data-theme="dark"] .hp-main .hp-cta-form .hp-button:hover{background:#fff;transform:none}
:root[data-theme="dark"] .hp-cta-form :is(input,textarea){background:#fff;color:#252525;color-scheme:light}

:root[data-theme="dark"] .hp-page .hp-hero-copy h1{color:var(--hp-arcade-ink)}
:root[data-theme="dark"] .hp-page .hp-hero-copy h1 .hp-hero-gradient{color:#b8e477;background-image:linear-gradient(110deg,#a0cd58 0%,#b8e477 52%,#c9f36b 100%)}