/* Shared controls follow the visitor's theme; page content and commercial terms stay local. */
:root[data-engineering-site]{color-scheme:light;--ground:#f5f6f8;--bg:#f5f6f8;--surface:#fff;--surface-2:#f3f5f8;--line:#dce1e8;--ink:#202938;--ink-2:#425168;--muted:#596579;--accent:#2459a8;--accent-ink:#fff;--accent-soft:#eef4ff;--soft:#eef4ff;--ok:#2f6b3a;--ok-soft:#e5f1e7;--warn:#806000;--warn-soft:#f8efd4;--fail:#b4441f;--fail-soft:#fbe9e2}
:root[data-engineering-site][data-theme=dark]{color-scheme:dark;--ground:#151b25;--bg:#151b25;--surface:#1d2532;--surface-2:#253041;--line:#40506a;--ink:#f0f3f8;--ink-2:#ced8e8;--muted:#acbad0;--accent:#9ec5ff;--accent-ink:#14233a;--accent-soft:#263c5b;--soft:#263c5b;--ok:#83ca8e;--ok-soft:#1d3422;--warn:#dec05e;--warn-soft:#352d15;--fail:#f18c65;--fail-soft:#3b2119}
@media(prefers-color-scheme:dark){:root[data-engineering-site]:not([data-theme]){color-scheme:dark;--ground:#151b25;--bg:#151b25;--surface:#1d2532;--surface-2:#253041;--line:#40506a;--ink:#f0f3f8;--ink-2:#ced8e8;--muted:#acbad0;--accent:#9ec5ff;--accent-ink:#14233a;--accent-soft:#263c5b;--soft:#263c5b;--ok:#83ca8e;--ok-soft:#1d3422;--warn:#dec05e;--warn-soft:#352d15;--fail:#f18c65;--fail-soft:#3b2119}}
:root[data-engineering-site][data-static-document] body{color:var(--ink);background:var(--ground)}
:root[data-engineering-site][data-static-document] main{color:var(--ink);background:var(--surface);border-color:var(--line)}
:root[data-engineering-site][data-static-document] a{color:var(--accent)}
:root[data-engineering-site][data-static-document] small{color:var(--muted)}
:root[data-engineering-site][data-static-document] td,:root[data-engineering-site][data-static-document] th{border-color:var(--line)}
:root[data-engineering-site][data-static-document] a:focus-visible{outline-color:var(--accent)}
:root[data-engineering-site][data-static-document] .notice{color:var(--ink);background:var(--warn-soft)}
.site-theme-slot{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--ink)}
.site-theme-slot .lemon-theme-toggle,#btnTheme.lemon-theme-toggle{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
#guideCard{inset:0 0 0 auto!important;width:min(460px,30vw)!important;max-width:30vw;height:100vh;height:100dvh;max-height:100dvh;box-sizing:border-box;border-radius:0!important;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain}
#guideCard #guideLog{max-height:none}
#guideCard>div:first-child{flex-wrap:wrap;align-items:center!important}
#guideCard #guideHeading{flex-basis:100%!important}
#guideCard #guideChips button{white-space:normal;text-align:left}
#guideCard #guideForm{flex-wrap:wrap}#guideCard #guideInput{flex-basis:120px!important}
@media(max-width:600px){#guideCard{inset:auto 0 0!important;width:100%!important;max-width:100%;height:30vh;height:30dvh;max-height:30dvh}body:has(#guideCard[aria-hidden=false]) .lemon-page-tools{bottom:calc(30dvh + 12px)}}
@media print{.site-theme-slot,#btnTheme,#guideCard{display:none!important}}
@media(min-width:601px){:root[data-engineering-site] body:has(.lemon-page-guide.is-pinned:not([hidden])),:root[data-engineering-site] body.engineering-guide-pinned{margin-right:min(460px,30vw)}}
@media(max-width:600px){:root[data-engineering-site] body:has(.lemon-page-guide.is-pinned:not([hidden])),:root[data-engineering-site] body.engineering-guide-pinned{padding-bottom:calc(30dvh + 24px)}}