/* /verify: the recipient's look (recipient.css: navy band, peach page), then
   veri-good on the left and notes on the right. veri-good draws its own
   fixed-width dark card. */

.verify {
  width: min(100% - 2 * var(--gutter), var(--content));
  margin-inline: auto;
  flex: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 40px;
  padding: 48px 0 72px;
}

.verifier { display: flex; justify-content: center; }
.verify-notes { max-width: 40rem; }
/* Slotted into veri-good's own dark card. */
.verifier-header {
  margin: 8px 0 4px;
  font-family: var(--font-display);
  font-stretch: 112%;
  font-weight: 800;
  font-size: 1.25rem;
  color: #ffffff;
}
.verifier-label { font-size: .85rem; font-style: italic; color: #ffffff; }

.verify-notes { display: flex; flex-direction: column; gap: 20px; }
.verify-note {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 28px;
  border-radius: 24px;
  background: var(--surface);
}
.verify-note h2 { font-size: 1.05rem; }
.verify-note ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 900px) {
  .verify { grid-template-columns: minmax(0, 1fr); padding-top: 40px; }
}