.website-theme-toggle {
  display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0;
  min-height: 44px; padding: 8px 10px; border: 1px solid #9fb3d1;
  border-radius: 999px; background: #fff; color: #050b18;
  font: 700 13px/1.2 system-ui, sans-serif; cursor: pointer; white-space: nowrap;
}
.website-theme-toggle::after {
  content: attr(data-state); padding: 4px 6px; border-radius: 99px;
  background: #e4edfc; color: #0a2f6b; font-size: 11px;
}
.website-theme-toggle[aria-checked="true"]::after { background: #0a2f6b; color: #fff; }
.website-theme-toggle:focus-visible { outline: 3px solid #0a2f6b; outline-offset: 3px; }
.website-topbar {
  position: sticky; top: 0; z-index: 1000; padding: 10px 22px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: #fff; color: #050b18; border-bottom: 1px solid #d5dfee;
}
.website-topbar a { color: #050b18; font-weight: 800; text-decoration: none; }
[data-website-theme-status] { background: #fff; color: #a82a20; padding: 8px 14px; font: 13px/1.4 system-ui; }
[data-website-theme="dark"] { color-scheme: dark; }
[data-website-theme="dark"] body { background: #101c30; color: #e8eef7; }
[data-website-theme="dark"] .website-topbar,
[data-website-theme="dark"] [data-website-theme-status] { background: #1a2a42; color: #e8eef7; border-bottom-color: #3a4f72; }
[data-website-theme="dark"] [data-website-theme-status] { color: #ff8f85; }
[data-website-theme="dark"] .website-topbar a { color: #e8eef7; }
[data-website-theme="dark"] .website-theme-toggle { background: #1a2a42; color: #e8eef7; border-color: #7389ab; }
[data-website-theme="dark"] .website-theme-toggle::after { background: #203351; color: #cfdffa; }
[data-website-theme="dark"] .website-theme-toggle[aria-checked="true"]::after { background: #6aa6ff; color: #081428; }
[data-website-theme="dark"] .website-theme-toggle:focus-visible { outline-color: #6aa6ff; }
[data-website-theme="dark"] body.website-document a { color: #8dbbff; }
[data-website-theme="dark"] body.website-document .button { color: #081428; background: #6aa6ff; }
[data-website-theme="dark"] body.website-document section,
[data-website-theme="dark"] body.website-document .notice {
  background: #1a2a42; color: #e8eef7; border: 1px solid #3a4f72; border-radius: 16px;
}