/* Additive continuity-specific panels within the existing Power & Scale section. */
body[data-cosmic-continuity] .cosmic-capabilities {
  margin: 0 0 32px;
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid #a4b9ae6d;
  background: linear-gradient(115deg, #101b20f5, #0a1318f5);
}
.cosmic-capabilities .capability-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 0;
  margin: 18px 0 26px;
  list-style: none;
}
.cosmic-capabilities .capability-list li {
  padding: 7px 0;
  color: #e8eeec;
  border-bottom: 1px solid #a9c4bc50;
  line-height: 1.5;
}
.cosmic-capabilities .cosmic-rating-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  border-top: 1px solid #a9c4bc50;
}
.cosmic-capabilities h3 { margin: 8px 0; }
.cosmic-capabilities .cosmic-overall {
  flex: 0 0 auto;
  padding-left: 18px;
  border-left: 2px solid var(--accent);
}
.cosmic-overall span { display: block; font-size: 11px; letter-spacing: .12em; }
.cosmic-overall strong { font-size: clamp(36px, 5vw, 64px); color: #eef4ef; }
.cosmic-overall small { font-size: 15px; margin-left: 4px; color: #b2c0bc; }
.cosmic-capabilities .cosmic-rating-rows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 32px;
}
.cosmic-capabilities .cosmic-rating-row {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) minmax(70px, 1fr) 78px;
  gap: 12px;
  align-items: center;
  min-height: 64px;
  border-bottom: 1px solid #bed0c02f;
}
.cosmic-rating-row strong { font-size: 13px; text-transform: uppercase; }
.cosmic-rating-row output { text-align: right; font-size: 15px; white-space: nowrap; }
.cosmic-rating-row output small { font-size: 11px; color: #b2c0bc; }
.cosmic-capabilities .cosmic-segments {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 3px;
}
.cosmic-segments i {
  height: 18px;
  transform: skew(-10deg);
  background: #1a292e;
  border: 1px solid #80938b70;
}
.cosmic-segments i.lit {
  background: linear-gradient(#d1dfd2, color-mix(in srgb, var(--accent), #70877a 52%));
  border-color: #dfeddaa6;
}
.cosmic-capabilities .cosmic-method,
.cosmic-capabilities .cosmic-state {
  color: #b2c0bc;
  font-size: 13px;
  line-height: 1.6;
}
.cosmic-capabilities details { margin-top: 20px; }
.cosmic-capabilities summary { cursor: pointer; color: #b2c0bc; font-size: 13px; }
.cosmic-capabilities .cosmic-variant { border-top: 1px solid #a9c4bc50; padding-top: 16px; }
@media (max-width: 900px) {
  .cosmic-capabilities .cosmic-rating-rows { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .cosmic-capabilities .cosmic-rating-head { align-items: flex-start; flex-direction: column; }
  .cosmic-capabilities .cosmic-rating-row { grid-template-columns: minmax(0, 1fr) 70px; gap: 8px; padding: 12px 0; }
  .cosmic-rating-row strong { font-size: 11px; }
  .cosmic-capabilities .cosmic-segments { gap: 2px; }
}

@media (max-width: 480px) {
  .cosmic-rating-row .cosmic-segments { grid-column: 1; grid-row: auto; }
  .cosmic-rating-row output { grid-column: 2; grid-row: span 2; }
  .cosmic-rating-row strong { grid-column: 1; }
}