.website-feedback { box-sizing:border-box; width:min(38rem,calc(100% - 2rem)); max-height:90dvh; overflow:auto; border:1px solid #b7aaa2; border-radius:1rem; padding:1.5rem; background:#fffdf8; color:#242024; font:400 1rem/1.5 system-ui,sans-serif; text-align:left; }
.website-feedback::backdrop { background:rgb(20 15 20 / .65); }
.website-feedback *, .website-feedback *::before { box-sizing:border-box; }
.website-feedback h2 { margin:0 0 .5rem; font:700 1.75rem/1.2 system-ui,sans-serif; color:inherit; }
.website-feedback label { display:block; margin:1rem 0 .35rem; font-weight:600; }
.website-feedback label span { font-weight:400; }
.website-feedback input, .website-feedback select, .website-feedback textarea { width:100%; min-height:44px; padding:.65rem; border:1px solid #766974; border-radius:.35rem; background:#fff; color:#242024; font:inherit; }
.website-feedback textarea { resize:vertical; }
.website-feedback a { color:#612c52; text-decoration:underline; }
.website-feedback button { min-height:44px; padding:.65rem 1rem; border:1px solid #612c52; border-radius:.35rem; font:600 1rem/1.4 system-ui,sans-serif; cursor:pointer; }
.website-feedback .wf-submit { background:#612c52; color:#fff; }
.website-feedback .wf-close { display:block; margin:0 0 1rem auto; background:#fff; color:#242024; }
.website-feedback button:disabled { opacity:.6; cursor:wait; }
.website-feedback .wf-note { font-size:.875rem; line-height:1.5; color:#51464d; margin:.5rem 0 1rem; }
.website-feedback .wf-page { overflow-wrap:anywhere; }
.website-feedback .wf-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.website-feedback [hidden] { display:none !important; }
.website-feedback :focus-visible { outline:3px solid #2454a6; outline-offset:3px; }
.website-feedback .wf-status { overflow-wrap:anywhere; }
.website-feedback .wf-status:empty { display:none; }
.feedback-footer { padding:1.5rem; text-align:center; }

.website-feedback fieldset { margin:1rem 0; border:1px solid #b7aaa2; padding:.75rem; }
.website-feedback legend { font-weight:600; }
.website-feedback .wf-check { display:inline-flex; align-items:center; margin:.25rem .75rem .25rem 0; min-height:44px; gap:.4rem; font-weight:400; }
.website-feedback .wf-check input { width:1.1rem; min-height:1.1rem; height:1.1rem; padding:0; }
