/* Two capability systems: one shared brain frame and one independent body frame. */
.capability-anatomy {
  --anatomy-line:#557865;
  --anatomy-label:#9fc0ad;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:20px;
  padding:0 24px 0 14px;
  min-width:0;
  border:1px solid var(--anatomy-line);
  border-radius:16px;
}
.capability-anatomy-body { --anatomy-line:#8a5f5d; --anatomy-label:#c6a09a; }
.capability-anatomy-label {
  align-self:center;
  justify-self:center;
  writing-mode:vertical-rl;
  text-orientation:upright;
  color:var(--anatomy-label);
  font-size:26px;
  font-weight:650;
  line-height:1.35;
  letter-spacing:.22em;
}
.capability-anatomy-content,
.capability-anatomy-content > .capability-group,
.capability-anatomy article { min-width:0; }
.capability-anatomy article { overflow-wrap:anywhere; }
.capability-system-section .capability-groups {
  display:grid;
  gap:28px;
  border-top:0;
}
.capability-system-section .capability-anatomy-content > .capability-group:last-child { border-bottom:0; }
.capability-list {
  display:grid;
  gap:22px;
  border-top:0;
}
.capability-list .capability-anatomy {
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  padding:0 12px 0 8px;
  border-radius:14px;
}
.capability-list .capability-anatomy-label { font-size:22px; }
.capability-list .capability-anatomy-content > details:last-child { border-bottom:0; }
.capability-list .capability-anatomy summary h3 { min-width:0; overflow-wrap:anywhere; }
.capability-list .capability-anatomy summary .num,
.capability-list .capability-anatomy summary::after { flex-shrink:0; }
@media(max-width:820px) {
  .capability-system-section .capability-anatomy {
    grid-template-columns:30px minmax(0,1fr);
    gap:12px;
    padding:0 14px 0 10px;
    border-radius:14px;
  }
  .capability-system-section .capability-anatomy-label { font-size:23px; }
}