/* Additional systems share the existing body, cards and interaction. */
.anat-card--additional.is-open {
  border-color: var(--system-color);
  box-shadow: 0 24px 48px #0008, 0 0 24px color-mix(in srgb, var(--system-color) 18%, transparent);
}
.anat-card--additional .anat-card__chip { color: var(--system-color); }
.anat-card__close {
  position: absolute; top: 8px; right: 8px; width: 32px; height: 32px;
  border: 1px solid #ffffff30; border-radius: 50%; background: #121212; color: #fff;
  font: inherit; font-size: 22px; cursor: pointer;
}
.anat-card { padding-right: 46px; scroll-margin-top: 100px; }
.anatomia__index {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
  width: min(1100px, calc(100% - 48px)); margin: 40px auto 0;
}
.anatomia__index button {
  min-width: 0; padding: 15px 16px; border: 1px solid #c9a84c40; border-radius: 8px;
  background: #111; color: #eee; text-align: left; font: inherit; cursor: pointer;
  transition: border-color .2s, background .2s;
}
.anatomia__index strong, .anatomia__index span { display: block; }
.anatomia__index strong { font-size: 13px; line-height: 1.5; }
.anatomia__index span { margin-top: 5px; color: #bdb4a3; font-size: 12px; line-height: 1.5; }
.anatomia__index button:hover, .anatomia__index button[aria-pressed="true"] {
  border-color: #c9a84c; background: #211e16;
}
.anatomia :is(button, a):focus-visible { outline: 2px solid #e9cc87; outline-offset: 4px; }
@media (max-width: 760px) {
  .anatomia__index { grid-template-columns: repeat(2, minmax(0, 1fr)); width: calc(100% - 32px); }
  .anatomia__connector { display: none; }
  .anatomia__body-stage .anat-card {
    position: relative; left: auto !important; top: auto !important;
    width: 100%; max-width: 400px; margin: 24px auto 0; padding: 20px 46px 20px 20px;
    display: none; transform: none;
  }
  .anatomia__body-stage .anat-card.is-open { display: flex; }
}
@media (prefers-reduced-motion: reduce) {
  .anatomia *, .anatomia *::before, .anatomia *::after { animation: none !important; transition: none !important; }
}