/* App-local overrides on top of Punkt CSS. Keep minimal. */
:root {
  --app-max-width: 72rem;
}

.pkt-page {
  font-family: var(--pkt-font-family-base, system-ui, sans-serif);
  margin: 0;
}

.pkt-header,
.pkt-footer {
  padding: 1rem 2rem;
  background: var(--pkt-color-surface-default, #f4f4f4);
}

.pkt-header__nav a {
  margin-right: 1rem;
}

.pkt-main {
  max-width: var(--app-max-width);
  margin: 2rem auto;
  padding: 0 1rem;
}

.pkt-hero {
  padding: 2rem 0;
}

.pkt-card {
  padding: 1rem;
  border: 1px solid var(--pkt-color-border-default, #ddd);
  border-radius: 4px;
  margin: 1rem 0;
}

.pkt-form__field {
  display: block;
  margin: 1rem 0;
}

.pkt-form__field span {
  display: block;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.pkt-form__field input,
.pkt-form__field textarea {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--pkt-color-border-default, #999);
  border-radius: 4px;
}

.pkt-alert {
  padding: 1rem;
  border-radius: 4px;
  margin: 1rem 0;
}
.pkt-alert--success { background: #e8f5e9; border: 1px solid #2e7d32; }
.pkt-alert--error   { background: #ffebee; border: 1px solid #c62828; }