.page-home { display: block; }

.page-home__section-header {
  display: grid;
  gap: var(--site-spacing-xs);
  margin-bottom: var(--site-spacing-xl);
}

.page-home__section-title {
  font-size: var(--site-text-2xl);
  letter-spacing: -0.01em;
}

.page-home__section-kicker {
  color: var(--site-color-text-muted);
  font-size: var(--site-text-md);
  margin: 0;
}

.page-home__grid { align-items: stretch; }

.page-home__empty {
  color: var(--site-color-text-muted);
  padding: var(--site-spacing-lg);
  border: 1px dashed var(--site-color-border);
  border-radius: var(--site-radius-md);
  text-align: center;
}

.page-home__values { background: var(--site-color-surface); border-top: 1px solid var(--site-color-border); border-bottom: 1px solid var(--site-color-border); }

.page-home__values-list {
  display: grid;
  gap: var(--site-spacing-lg);
  margin-top: var(--site-spacing-lg);
  grid-template-columns: 1fr;
}

.page-home__value {
  padding: var(--site-spacing-lg);
  background: var(--site-color-background);
  border: 1px solid var(--site-color-border);
  border-radius: var(--site-radius-md);
}

.page-home__value-title {
  font-size: var(--site-text-lg);
  color: var(--site-color-primary);
  margin: 0 0 var(--site-spacing-xs);
}

.page-home__value-desc {
  color: var(--site-color-text-muted);
  font-size: var(--site-text-sm);
  line-height: var(--site-line-normal);
  margin: 0;
}

.page-error {
  padding: var(--site-spacing-2xl) 0;
}
.page-error h1 { margin-bottom: var(--site-spacing-sm); }
.page-error p { color: var(--site-color-text-muted); }

@media (min-width: 768px) {
  .page-home__values-list { grid-template-columns: repeat(3, 1fr); }
}