dialog[data-followup-dialog] { width: min(560px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 0; border: 1px solid rgba(0,104,71,.16); border-radius: 16px; background: white; color: #15231e; overflow: auto; box-shadow: 0 8px 20px rgba(16,42,32,.12); }
dialog[data-followup-dialog]::backdrop { background: rgba(0,61,42,.55); }
dialog[data-followup-dialog] .followup-dialog-toolbar { position: relative; padding: 24px 52px 16px; background: white; text-align: center; }
dialog[data-followup-dialog] .followup-dialog-intro h2 { margin: 0; font: 700 20px/1.35 'DM Sans', sans-serif; color: #15231e; }
dialog[data-followup-dialog] .followup-dialog-intro p { margin: 8px 0 0; font: 400 14px/1.5 'DM Sans', sans-serif; color: #47605a; }
dialog[data-followup-dialog] [data-followup-close] { position: absolute; top: 6px; right: 6px; width: 44px; height: 44px; padding: 0; font: 400 24px/1 'DM Sans', sans-serif; color: #004f36; background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
dialog[data-followup-dialog] [data-followup-close]:focus-visible { outline: 3px solid #006847; outline-offset: 3px; }
body:has(dialog[data-followup-dialog][open]) { overflow: hidden; }
@media(max-width:620px) { dialog[data-followup-dialog] { width: calc(100% - 20px); max-height: calc(100dvh - 20px); border-radius: 16px; } }