/* corrections form — reads the theme's design tokens, ships its own rules
   (plugins never borrow another stylesheet's classes) */
.am-correct { max-width: 34rem; margin: 1.5rem 0 0; }
.am-correct .am-f { margin: 0 0 1.1rem; }
.am-correct label {
  display: block;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--soft, #888);
}
.am-correct .am-req {
  color: var(--brass, #9a7d33);
  letter-spacing: .1em;
  margin-left: .4rem;
}
.am-correct input,
.am-correct textarea {
  display: block;
  width: 100%;
  margin-top: .45rem;
  padding: .55rem .7rem;
  background: var(--sunk, rgba(127, 127, 127, .08));
  color: var(--ink, inherit);
  border: 1px solid var(--rule, #999);
  border-radius: var(--r, 0);
  font: inherit;
  font-size: 1rem;
  line-height: 1.5;
}
.am-correct input:focus,
.am-correct textarea:focus {
  outline: 2px solid var(--brass, #9a7d33);
  outline-offset: 1px;
}
.am-correct ::placeholder { color: var(--soft, #888); opacity: .7; }
.am-hp { position: absolute !important; left: -9999px !important; }
.am-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1.3rem; }
.am-correct button {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: .65rem 1.1rem;
  background: var(--ink, #222);
  color: var(--paper, #fff);
  border: 1px solid var(--ink, #222);
  border-radius: var(--r, 0);
  cursor: pointer;
}
.am-correct button:disabled { opacity: .6; cursor: default; }
.am-note {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .78rem;
  color: var(--soft, #888);
}
.am-thanks {
  border-left: 3px solid var(--brass, #9a7d33);
  padding: .8rem 1rem;
  background: var(--sunk, rgba(127, 127, 127, .08));
}
