body {
  --map-area-label-color: #35f5e4;
  --map-toc-panel-border: #1a4d55;
  --map-toc-panel-bg: #071f24;
  --map-toc-panel-color: #f5fff6;
  --map-toc-ui-font-family: "Museo Sans", var(--font-body, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  --map-toc-ui-font-weight: 900;
  --map-toc-title-font-family: "Museo Sans", var(--font-body, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  --map-toc-title-font-weight: 900;
  --map-toc-meta-font-family: "Museo Sans", var(--font-body, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  --map-toc-meta-font-weight: 500;
  --map-toc-meta-letter-spacing: 0.03em;
  --map-toc-control-border: #1a4d55;
  --map-toc-control-border-strong: #2f6d78;
  --map-toc-control-bg: #051518;
  --map-toc-control-bg-soft: #09252a;
  --map-toc-control-bg-active: #0d363e;
  --map-toc-control-bg-hover: #0b3138;
  --map-toc-control-color: #f7fff7;
  --map-toc-item-bg: #09252a;
  --map-toc-item-bg-hover: #0d363e;
  --map-toc-placeholder: #9ec8c8;
  --map-toc-focus-ring: rgba(53, 245, 228, 0.32);
  --map-toc-scrollbar-track: #051518;
  --map-toc-scrollbar-thumb: #1a4d55;
  --map-toc-scrollbar-thumb-hover: #2f6d78;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(80% 62% at 12% 8%, rgba(12, 77, 86, 0.42) 0%, rgba(12, 77, 86, 0) 60%),
    radial-gradient(62% 54% at 84% 78%, rgba(248, 194, 62, 0.2) 0%, rgba(248, 194, 62, 0) 64%),
    linear-gradient(180deg, #092830 0%, #0f3f47 48%, #195760 100%);
  background-attachment: fixed;
}

.toc-panel {
  box-shadow: 0 12px 28px rgba(3, 20, 24, 0.34);
}

#toc-search {
  min-height: 44px;
  padding: 10px 14px 10px 42px; /* Linker Abstand fuer die Lupe */
  border-radius: 12px;
  border: none;
  background: #09252a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-search' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 14px center;
  background-size: 18px;
  letter-spacing: 0.01em;
  box-shadow: none !important;
}

#toc-search:hover {
  background-color: #0b3138;
}

#toc-search:focus {
  background-color: #0d363e;
  box-shadow: none !important;
}

#toc-search::placeholder {
  color: transparent;
}

#toc-search:focus::placeholder {
  color: var(--map-toc-placeholder);
}

.toc-mode-btn:focus,
.toc-cat-btn:focus,
.toc-item:focus,
.toc-toggle:focus {
  box-shadow: none !important;
}

.toc-mode-btn {
  font-weight: 700;
  letter-spacing: 0.01em;
}

.toc-mode-btn.is-active {
  color: #fff8ee;
}

.toc-cat-btn {
  border-radius: 12px;
}

.toc-cat-btn:not(.is-on) {
  background: #0b3138;
}

.toc-cat-btn:hover:not(.is-on) {
  background: #19464e;
}

.toc-item {
  border-radius: 12px;
}

.toc-item-art {
  opacity: 0.1;
  filter: saturate(0.72) brightness(1.06);
}

.toc-item:hover .toc-item-art {
  opacity: 0.18;
}

.toc-item small {
  color: rgba(232, 244, 237, 0.76);
}