/* Shared presentation for climate temperature/rain tables and their coverage. */
#climate-pro-root .cp-data-details {
  margin-top: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  background: var(--card);
  font-size: .84rem;
}
#climate-pro-root .cp-data-details > summary {
  cursor: pointer;
  padding: 12px;
  min-height: 44px;
  box-sizing: border-box;
  font-weight: 600;
  line-height: 1.4;
}
#climate-pro-root .cp-data-details > summary:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: 8px;
}
#climate-pro-root .cp-data-details-body { padding: 0 12px 12px; }
#climate-pro-root .cp-data-details-body > p {
  margin: 0 0 12px;
  line-height: 1.5;
  color: var(--muted);
}
#climate-pro-root .cp-coverage-list { list-style: none; padding: 0; margin: 0; }
#climate-pro-root .cp-coverage-list > li {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: 8px;
  padding: 9px 0;
  border-top: 1px solid var(--border);
  align-items: baseline;
}
#climate-pro-root .cp-coverage-values { display: flex; flex-wrap: wrap; gap: 5px 18px; }
#climate-pro-root .cp-coverage-value { white-space: nowrap; line-height: 1.45; font-variant-numeric: tabular-nums; }
#climate-pro-root .cp-coverage-value > span { color: var(--muted); }
#climate-pro-root :is(.climatepro-monthly-table,.climatepro-normals-table,.climatepro-anom-table,.climatepro-rank-table) {
  font-variant-numeric: tabular-nums;
}
#climate-pro-root :is(.climatepro-monthly-table,.climatepro-normals-table,.climatepro-anom-table,.climatepro-rank-table) tbody td:not(:first-child) {
  white-space: nowrap;
}
#climate-pro-root .climatepro-normals-table th:last-child { white-space: nowrap; }
@media (max-width: 640px) {
  #climate-pro-root .cp-coverage-list > li { grid-template-columns: 2.5rem minmax(0, 1fr); }
  #climate-pro-root .cp-coverage-values { display: grid; gap: 4px; }
  #climate-pro-root .cp-data-details { font-size: .8rem; }
}
@media (max-width: 360px) {
  #climate-pro-root .cp-coverage-list > li { grid-template-columns: 1fr; gap: 4px; }
}