@import url('./fonts/inter.css');
@import url('./tokens.css');
:root{color-scheme:dark;--ink:var(--sl-color-text);--blue:var(--sl-color-accent);--brand:var(--sl-color-accent);--muted:#b8b8b2;--line:var(--sl-color-gray-4);--wash:var(--sl-color-black);--paper:var(--surface);--surface:#262624;--tint:var(--sl-color-accent-low);--warning:var(--sl-color-orange-low);--warning-text:var(--sl-color-orange-high);--esp-tools-button-color:#00c8fa;--esp-tools-button-text-color:#0a0a0a;--esp-tools-button-border-radius:999px}
:root[data-theme="light"]{color-scheme:light;--blue:#0086a8;--muted:var(--sl-color-gray-3);--line:#dedee0;--surface:#fff}
.sv-header{max-width:none;position:sticky;top:0;z-index:5;min-height:64px;padding:12px 28px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);background:var(--wash);font-family:var(--sl-font)}
.sv-site-title{display:flex;align-items:center;gap:.5rem;text-decoration:none;white-space:nowrap;margin-right:auto}.sv-logo{width:28px;height:28px;flex-shrink:0}.sv-brand{font-size:1.1rem;line-height:1;font-weight:700;color:#00c8fa}.sv-subtitle{color:var(--muted);font-size:.95rem;font-weight:500;margin-left:6px}.sv-header nav{display:flex;align-items:center;gap:22px;font-size:.875rem}.sv-header nav a{color:var(--ink);text-decoration:none}.sv-header nav a:hover{color:var(--blue)}
.sv-theme{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;flex-shrink:0}.sv-theme button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;line-height:0}.sv-theme button:hover,.sv-theme button[aria-pressed="true"]{background:var(--line);color:var(--ink)}.sv-theme svg{width:16px;height:16px}.sv-theme button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(max-width:760px){.sv-header{position:relative;flex-wrap:wrap;gap:14px;padding:16px 20px}.sv-header nav{order:3;width:100%;gap:18px;flex-wrap:wrap}.sv-subtitle{font-size:.85rem}}
@media print{.sv-header,.sv-theme{display:none}:root,:root[data-theme="dark"]{color-scheme:light;--ink:#0a0a0a;--blue:#0086a8;--muted:#585856;--wash:#fff;--surface:#fff;--line:#dedee0;--tint:#e0f7fe;--warning:#fbf0d5;--warning-text:#4d3500}}