.request-confirmation-dialog {
  width: min(92vw, 520px);
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: transparent;
  color: var(--ink);
}

.request-confirmation-dialog::backdrop { background: rgba(30, 11, 14, .62); backdrop-filter: blur(5px); }

.request-confirmation-card {
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--paper);
  box-shadow: 0 30px 80px rgba(44, 12, 17, .35);
}

.request-confirmation-card h2 { margin: 0; font-size: 32px; line-height: 1.08; letter-spacing: -.05em; }
.request-confirmation-card > p:not(.eyebrow) { color: var(--muted); }
.request-confirmation-card dl { display: grid; grid-template-columns: 100px 1fr; gap: 10px; margin: 24px 0; padding: 18px; border-radius: 14px; background: #fff; }
.request-confirmation-card dd { overflow-wrap: anywhere; }
.request-confirmation-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.request-confirmation-actions .secondary { background: #f3e8e6; color: var(--wine); }

@media (max-width: 520px) {
  .request-confirmation-card { padding: 25px 20px; }
  .request-confirmation-card h2 { font-size: 27px; }
  .request-confirmation-card dl { grid-template-columns: 1fr; gap: 4px; }
  .request-confirmation-card dt { margin-top: 10px; }
  .request-confirmation-card dt:first-child { margin-top: 0; }
  .request-confirmation-actions .button { width: 100%; }
}