/* Ring diameters stay separate because they mix legal and husbandry sources. */
.species-entry-rings {
  padding: 28px 30px;
  background: var(--surface-card);
  border-radius: var(--radius-panel);
}
.species-entry-rings h2 { margin: 0; font: 400 25px/1.1 var(--font-marketing); letter-spacing: -.03em; }
.species-entry-rings-note { margin: 8px 0 0; color: var(--text-secondary); font-size: 13px; }
.species-entry-rings-empty { margin: 16px 0 0; font-size: 13.5px; }
.species-entry-ring-list {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px; margin: 18px 0 0; padding: 0; list-style: none;
}
.species-entry-ring {
  padding: 16px 18px;
  background: var(--surface-page);
  border-radius: calc(var(--radius-card) - 2px);
}
/* A repealed annex remains visible but is deliberately drained of emphasis. */
.species-entry-ring.is-repealed { opacity: .72; }
.species-entry-ring-value {
  display: flex; align-items: baseline; gap: 8px;
  margin: 0; font-size: 21px; font-weight: 700; letter-spacing: -.02em;
}
.species-entry-ring-sex {
  color: var(--text-secondary);
  font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
}
.species-entry-ring-source { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 8px 0 0; font-size: 12.5px; }
.species-entry-ring-source span { color: var(--text-secondary); }
.species-entry-ring-published { margin: 6px 0 0; color: var(--text-secondary); font-size: 12px; }
.species-entry-ring-repealed { margin: 6px 0 0; color: var(--state-warning); font-size: 12px; font-weight: 600; }
.species-entry-rings-basis { margin: 16px 0 0; color: var(--text-secondary); font-size: 12.5px; }
.species-guide-ring-panel { background: color-mix(in srgb, var(--surface-sky) 30%, var(--surface-card)); }
.species-guide-ring-group { margin-top: 18px; }
.species-guide-ring-group > h3 {
  margin: 0 0 9px;
  color: var(--text-secondary);
  font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
}
.species-guide-book-ring-list { margin: 0; padding: 0; list-style: none; }
.species-guide-book-ring {
  display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 13px;
  padding: 16px;
  background: var(--surface-card);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-card);
}
.species-guide-ring-icon {
  display: grid; place-items: center;
  width: 52px; height: 52px;
  color: var(--state-info);
  background: var(--surface-sky);
  border-radius: var(--radius-media);
}
.species-guide-ring-icon svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.species-guide-ring-value { margin: 0; font-size: 24px; font-weight: 750; line-height: 1; letter-spacing: -.03em; }
.species-guide-ring-caption { margin: 5px 0 0; color: var(--text-secondary); font-size: 12px; }
.species-guide-ring-forms { margin: 11px 0 0; color: var(--text-secondary); font-size: 11.5px; line-height: 1.55; }
.species-guide-ring-forms > span:first-child { display: block; color: var(--text-muted); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.species-guide-ring-status {
  grid-column: 2;
  justify-self: start;
  padding: 5px 9px;
  color: var(--text-secondary);
  background: var(--surface-warm);
  border-radius: var(--radius-pill);
  font-size: 10.5px; font-weight: 650;
}
.species-guide-ring-panel .species-entry-ring-list { margin-top: 0; }

@media (min-width: 700px) {
  .species-guide-book-ring { grid-template-columns: 58px minmax(0, 1fr) auto; align-items: start; padding: 18px 20px; }
  .species-guide-ring-icon { width: 58px; height: 58px; }
  .species-guide-ring-status { grid-column: 3; grid-row: 1; align-self: start; justify-self: end; white-space: nowrap; }
}