/* RqDialog (WED-224): Recuerdi's own question and notice dialog, see public/shared/dialog.js. Uses the tokens of
   tokens.css (accent only via --accent*, derived from --brand-accent); full borders only. */
dialog.rq-dlg { border: 0; padding: 0; margin: auto auto 0; width: 100%; max-width: 100%; max-height: 92vh; background: transparent; color: var(--ink, #1c1a16); overflow: visible; }
dialog.rq-dlg::backdrop { background: var(--overlay, rgba(28, 26, 22, .42)); backdrop-filter: blur(3px); }
.rq-dlg__in { display: grid; gap: 10px; padding: 24px 20px calc(20px + env(safe-area-inset-bottom)); border-radius: 18px 18px 0 0; background: var(--ivory, #fffdf8); box-shadow: var(--shadow-3, 0 18px 48px rgba(28, 26, 22, .22)); font-family: inherit; }
.rq-dlg__t { margin: 0; font-family: var(--font-display, Georgia, serif); font-weight: 400; font-size: var(--step-2, 22px); line-height: 1.25; text-wrap: balance; color: var(--ink, #1c1a16); }
.rq-dlg__t--long { font-size: var(--step-1, 19px); line-height: 1.35; text-wrap: pretty; }
.rq-dlg__x { margin: 0; font-size: var(--step-0, 16px); line-height: 1.5; color: var(--ink-2, #4a453c); text-wrap: pretty; }
.rq-dlg__f { display: grid; gap: 6px; margin-top: 4px; }
.rq-dlg__l { font-size: var(--step--1, 14px); color: var(--ink-2, #4a453c); }
.rq-dlg__i { min-height: 50px; padding: 0 14px; border-radius: var(--radius-2, 6px); border: 1px solid var(--rule-strong, #cfc6b6); background: var(--ivory, #fffdf8); color: var(--ink, #1c1a16); font: inherit; font-size: 16px; }
.rq-dlg__i:focus-visible { outline: none; border-color: var(--accent, #561623); box-shadow: var(--ring, 0 0 0 3px rgba(86, 22, 35, .2)); }
.rq-dlg__row { display: flex; flex-direction: column-reverse; gap: 8px; margin-top: 12px; }
.rq-dlg__b { min-height: 50px; padding: 0 20px; border-radius: var(--radius-pill, 999px); border: 1px solid transparent; font: inherit; font-size: var(--step-0, 16px); font-weight: 500; cursor: pointer; transition: background var(--dur-1, 160ms) ease, border-color var(--dur-1, 160ms) ease; -webkit-tap-highlight-color: transparent; }
.rq-dlg__b:focus-visible { outline: none; box-shadow: var(--ring, 0 0 0 3px rgba(86, 22, 35, .2)); }
.rq-dlg__b--main { background: var(--accent, #561623); color: var(--accent-ink, #fbf8f2); }
.rq-dlg__b--main:hover { background: var(--accent-hover, var(--accent, #561623)); }
.rq-dlg__b--ghost { background: transparent; color: var(--ink, #1c1a16); border-color: var(--rule-strong, #cfc6b6); }
.rq-dlg__b--ghost:hover { border-color: var(--ink-3, #8a8273); }
.rq-dlg--danger .rq-dlg__b--main { background: var(--danger, #8a3b2e); color: #fffdf8; }
dialog.rq-dlg[open] .rq-dlg__in { animation: rq-dlg-up var(--dur-2, 240ms) var(--ease-out, ease); }
@keyframes rq-dlg-up { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (min-width: 561px) {
  dialog.rq-dlg { margin: auto; max-width: 440px; }
  .rq-dlg__in { padding: 28px 28px 24px; border-radius: var(--radius-3, 14px); }
  .rq-dlg__row { flex-direction: row; justify-content: flex-end; }
  .rq-dlg__b { min-height: 46px; }
}
@media (prefers-reduced-motion: reduce) { dialog.rq-dlg[open] .rq-dlg__in { animation: none; } .rq-dlg__b { transition: none; } }