/* A signed note: the locked text as signed, the signature block, the content hash, and the
   addenda in order (ui.md, Note review). */

.signed-header {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-5);
}

.signed-header div,
.signed-risk div {
  display: grid;
  gap: var(--space-1);
}

@media (min-width: 640px) {
  .signed-header div,
  .signed-risk div {
    grid-template-columns: 10rem 1fr;
  }
}

.signed-header dt,
.signed-risk dt {
  color: var(--color-text-muted);
  font-weight: var(--weight-semibold);
}

.signed-header dd,
.signed-risk dd {
  margin: 0;
}

.signed-risk dd p {
  margin: 0 0 var(--space-1);
}

.signed-section {
  margin-bottom: var(--space-5);
}

.signed-section h3 {
  margin: 0 0 var(--space-2);
  font-size: var(--text-base);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.signed-section p {
  margin: 0 0 var(--space-2);
  white-space: pre-wrap;
}

.signed-disclosure {
  font-size: var(--text-sm);
}

.signed-footer {
  display: grid;
  gap: var(--space-3);
  justify-content: stretch;
}

.signature-list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.signature-list p {
  margin: 0;
}

.signature-list__who {
  font-weight: var(--weight-semibold);
}

.signed-hash {
  margin: 0;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  overflow-wrap: anywhere;
}

.hash {
  font-family: var(--font-mono);
}

.signed-cosign {
  border-color: var(--color-primary);
}

.addendum-list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.addendum__meta {
  margin: 0 0 var(--space-2);
}

.addendum__text {
  white-space: pre-wrap;
}

.signed-hash .icon,
.signed-disclosure .icon,
.signature-list__who .icon {
  margin-right: var(--space-1);
  vertical-align: -0.15em;
}

.signed-actions {
  margin-top: var(--space-3);
}