/* Light/dark toggle button, and the logo mark in dark mode. */
.cp-theme{order:8; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid var(--line); border-radius:999px; background:var(--card); color:var(--ink); cursor:pointer; transition:border-color .15s ease, color .15s ease;}
.cp-theme:hover{border-color:var(--blue); color:var(--blue);}
.cp-theme:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}
.cp-burger{order:9;}
/* The book mark is dark navy, which nearly disappears on the dark background: show it light there. */
:root[data-theme="dark"] .brand-mark-img{filter:brightness(0) invert(1) opacity(.92);}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .brand-mark-img{filter:brightness(0) invert(1) opacity(.92);} }
@media (max-width:480px){ .topbar-inner{gap:10px !important;} }