html{color-scheme:dark}
.site-header .site-nav{position:relative;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.site-header .navigation-bars{grid-column:1/-1}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:92px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--site-header-accent) 55%,transparent);border-radius:999px;background:var(--site-header-panel);color:var(--site-header-text);font:750 .82rem/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.theme-toggle:hover{border-color:var(--site-header-accent);color:var(--site-header-hrm)}
.theme-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #0b0b0c}
.theme-toggle-icon{font-size:1rem;line-height:1}

html[data-theme=light]{color-scheme:light;--ink:#172019;--muted:#48564d;--bg:#f7f5ef;--panel:#fff;--line:#aebbb2;--gold:#875500;--dark:#f7f5ef;--text:#172019;--text-dim:#48564d;--text-faint:#5d6b62;--surface:#fff;--surface-2:#edf1ec;--border:#aebbb2;--glow:rgba(167,255,63,.12)}
html[data-theme=light] body{background:#f7f5ef!important;color:#172019!important}
html[data-theme=light] :is(.service,.scope-box,.compare article,.network-item,.workflow-card,.card,.preview,.cap-tile,.terminal,.readout,.hosting-console,.hosting-panel,.hosting-plans article,.hosting-template-callout,.editor-window,.code-cards article){background:#fff!important;color:#172019!important;border-color:#aebbb2!important;box-shadow:none}
html[data-theme=light] :is(.strip,.network,.detail,.section,.hosting-section,.code-section){border-color:#aebbb2}
html[data-theme=light] :is(.lead,.lede,.intro,.note,.section-lede,.service p,.step p,.card p,.preview p,.network-item p,.workflow-caption,.detail p,.detail li,.hosting-lead,.hosting-disclaimer,.hosting-console p,.code-lead,footer,.footer){color:#48564d!important}
html[data-theme=light] .note{background:#fff!important;border-color:#875500!important}
html[data-theme=light] .scope-box ol{color:#48564d}
html[data-theme=light] :is(.grid-field,.glow-field){opacity:.07}
html[data-theme=light] :is(.hero,.hosting-hero,.code-hero){background-color:#f7f5ef}
html[data-theme=light] .closing-box{color:#172019}
html[data-theme=light] .button.secondary,html[data-theme=light] .btn-ghost{background:#fff;color:#172019;border-color:#7b8b80}

@media(max-width:380px){.theme-toggle{min-width:44px;width:44px;padding:8px}.theme-toggle-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
