/* Corrections page — scoped styles layered on top of style.css */

.corr-form {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  max-width: 640px;
}

.corr-field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.corr-field label {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
  color: var(--ink-soft);
}

.corr-field .hint {
  font-size: 0.85rem;
  color: var(--ink-soft);
  margin-top: -0.1rem;
}

.corr-field input,
.corr-field select,
.corr-field textarea {
  font-family: var(--font-body);
  font-size: 0.98rem;
  color: var(--ink);
  background: var(--glass);
  border: 1px solid var(--line);
  border-radius: var(--radius-s);
  padding: 0.7em 0.9em;
  width: 100%;
}

.corr-field textarea {
  resize: vertical;
  min-height: 7rem;
  font-family: var(--font-body);
}

.corr-field select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%235b6b70' stroke-width='1.6'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.8em center;
  background-size: 1em;
  padding-right: 2.4em;
}

.corr-field input:focus,
.corr-field select:focus,
.corr-field textarea:focus {
  outline: 3px solid var(--optic);
  outline-offset: 1px;
  border-color: transparent;
}

.corr-field input::placeholder,
.corr-field textarea::placeholder {
  color: rgba(91, 107, 112, 0.55);
}

.corr-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.3rem;
}

@media (max-width: 640px) {
  .corr-row {
    grid-template-columns: 1fr;
  }
}

.corr-honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.corr-submit {
  align-self: flex-start;
  cursor: pointer;
  font-family: var(--font-display);
}

.corr-thanks {
  display: none;
  background: var(--kitchen-tint);
  border-left: 4px solid var(--kitchen);
  border-radius: var(--radius-s);
  padding: 1.1rem 1.3rem;
  margin-bottom: 1.5rem;
}

.corr-thanks.show {
  display: block;
}

.corr-thanks .eyebrow {
  color: var(--kitchen);
}

.corr-thanks p:last-child {
  margin-bottom: 0;
}

.corr-form.hide {
  display: none;
}