/* juniperflow.ai additions: light/dark toggle in the header (the reference's site.css is left untouched) */
.theme-toggle { flex: none; width: 40px; height: 40px; margin-left: -.75rem; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); background: transparent; color: var(--text); cursor: pointer; transition: color .15s ease, border-color .15s ease; }
.theme-toggle:hover { color: var(--ink); border-color: var(--muted); }
.theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle .i-moon { display: var(--logo-light); }
.theme-toggle .i-sun { display: var(--logo-dark); }
@media (max-width: 900px) { .theme-toggle { margin-left: auto; } .nav-toggle { margin-left: .25rem; } }