/* A complete request flow within the existing access dialog. */
html[data-visual="rings"] #access-dialog { max-width:570px; }
html[data-visual="rings"] #access-dialog > p { font-size:15px; line-height:1.7; }
html[data-visual="rings"] #access-form label { font-size:13px; line-height:1.5; margin-bottom:8px; }
html[data-visual="rings"] #access-form :is(input:not([type="hidden"]),textarea) { font-size:16px; line-height:1.5; padding:13px 14px; }
#access-form textarea { min-height:115px; }
#access-form .access-honeypot { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
html[data-visual="rings"] #access-dialog .button { min-height:48px; font-size:14px; }
#access-submit:disabled { cursor:wait; opacity:.68; }
html[data-visual="rings"] #access-form small { font-size:12px; line-height:1.65; margin-top:17px; }
html[data-visual="rings"] #access-form .access-error { margin:0 0 12px; padding:12px 14px; border:1px solid #c8a9a5; background:#faf1ef; border-radius:4px; color:#71433c; font-size:13px; line-height:1.6; }
#access-error a { text-decoration:underline; text-underline-offset:3px; }
.access-receipt { display:flex; align-items:center; gap:11px; padding-bottom:20px; border-bottom:1px solid #d5e0e7; color:#2c536a; font-size:15px; font-weight:500; }
.access-receipt svg { width:30px; height:30px; padding:5px; border-radius:50%; background:#e2edf2; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
html[data-visual="rings"] #access-result #access-confirmation { font-size:16px; line-height:1.7; margin-top:22px; }
html[data-visual="rings"] #access-result .request-email { font-size:13px; margin-block:13px 24px; }
#access-result > .button { width:100%; }
html[data-visual="rings"] #access-result #new-request { display:block; margin-top:19px; font-size:13px; }
@media(max-width:540px) {
  html[data-visual="rings"] #access-dialog { padding:32px 24px; }
  html[data-visual="rings"] #access-dialog > p { font-size:14px; }
}