/* Each center page shows its own work and metrics; the shared columns own clicking and investment. */
.cc-page-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid #d9d5bf;
  border-radius: 5px;
  background: #d9d5bf;
}
.cc-page-metrics > div { min-width: 0; padding: 13px 12px; background: #f4f2e4; }
.cc-page-metrics span { display: block; color: #66725c; font-size: 12px; line-height: 1.5; }
.cc-page-metrics strong { display: block; margin-top: 6px; color: #35543e; font-size: 23px; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.cc-page-metrics small { display: block; margin-top: 3px; color: #68745d; font-size: 11px; }
.cc-page-metrics .negative-value { color: #a85238; }
.cc-page-link { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px 12px; padding: 10px 14px; border-top: 1px solid #d9d4be; color: #68745d; font-size: 12px; }
.cc-page-link .text-button{ min-height: 44px; padding: 8px 4px; font-size: 12px; white-space: normal; }
.cc-research-group { display: flex; flex-direction: column; gap: 11px; }
.cc-research-group > .section-heading { margin: 0; padding: 5px 0; }
.cc-research-group h2 { font-size: 16px; }
.cc-feed .content-production { display: flex; flex-direction: column; gap: 17px; }
.cc-feed .cc-stat-sheet .cc-board-note { padding: 13px 0 0; font-size: 12px; color: #6d755f; }
.cc-collection-grid > .cc-board-note { grid-column: 1 / -1; padding: 10px 0; font-size: 12px; }
.cc-store .production-section .business-card { row-gap: 5px; }
@container game-shell (max-width: 370px) {
  .cc-page-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-page-metrics > div { padding: 12px 10px; }
  .cc-page-metrics strong { font-size: 21px; }
}