/* Page-level conveniences shared by all pages. Component styles live in
   the govbb design system (styles.css). */

.page-main { padding-block: var(--spacing-m); }
.content-column { max-width: 44rem; }
.stack > * + * { margin-top: var(--spacing-s); }
.stack-lg > * + * { margin-top: var(--spacing-m); }

.panel-success {
  background: var(--color-green-10);
  border-left: 8px solid var(--color-green-00);
  padding: var(--spacing-m);
}
.panel-warning {
  background: var(--color-yellow-40);
  border-left: 8px solid var(--color-yellow-00);
  padding: var(--spacing-m);
}
.panel-error {
  background: var(--color-red-10);
  border-left: 8px solid var(--color-red-00);
  padding: var(--spacing-m);
}
.panel-info {
  background: var(--color-blue-10);
  border-left: 8px solid var(--color-blue-100);
  padding: var(--spacing-m);
}

.key-value { display: grid; gap: var(--spacing-xs); }
.key-value dt { color: var(--color-text-muted); font-size: var(--font-size-caption); }
.key-value dd { margin: 0; font-weight: var(--font-weight-bold); }

.verify-stamp {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-s);
  background: var(--color-green-10);
  border: 2px solid var(--color-green-00);
  border-radius: var(--radius-sm);
  color: var(--color-green-00);
  font-weight: var(--font-weight-bold);
}
.verify-stamp--invalid {
  background: var(--color-red-10);
  border-color: var(--color-red-00);
  color: var(--color-red-00);
}

.letter-paper {
  background: #fff;
  border: 1px solid var(--color-grey-00);
  padding: 2rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 11pt;
  line-height: 1.45;
  color: #111;
}