.site-feedback[hidden], .site-feedback [hidden] { display: none !important; }
.site-feedback {
  position: fixed;
  z-index: 200;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  width: min(390px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--white);
  box-shadow: var(--shadow);
  color: var(--ink);
  font: inherit;
}
.site-feedback h2 { margin: 3px 32px 12px 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.3rem; line-height: 1.2; }
.site-feedback p { margin: 0 0 14px; line-height: 1.5; font-size: .91rem; }
.site-feedback .site-feedback-kicker { color: var(--green); font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.site-feedback-close { position: absolute; top: 10px; right: 11px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: var(--ink); font-size: 1.5rem; cursor: pointer; }
.site-feedback fieldset { margin: 0 0 14px; padding: 0; border: 0; }
.site-feedback legend { margin-bottom: 8px; font-size: .9rem; font-weight: 700; }
.site-feedback-options { display: flex; flex-wrap: wrap; gap: 7px; }
.site-feedback-options label { display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; font-size: .86rem; }
.site-feedback-options label:has(:checked) { border-color: var(--green); background: var(--green-soft); }
.site-feedback-more { margin: 0 0 12px; }
.site-feedback-more summary { color: var(--green); font-size: .86rem; font-weight: 700; cursor: pointer; }
.site-feedback-note { display: block; margin-top: 10px; font-size: .9rem; font-weight: 700; }
.site-feedback-note span { color: var(--muted); font-weight: 400; }
.site-feedback textarea { display: block; width: 100%; margin-top: 7px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper); color: var(--ink); font: inherit; resize: vertical; }
.site-feedback .site-feedback-privacy { color: var(--muted); font-size: .78rem; }
.site-feedback a { color: var(--green); }
.site-feedback-trap { position: absolute; left: -100vw; width: 1px; height: 1px; overflow: hidden; }
.site-feedback-submit { padding: 10px 17px; border: 1px solid var(--green); border-radius: 6px; background: var(--green); color: var(--paper); font: inherit; font-weight: 700; cursor: pointer; }
.site-feedback-submit:disabled { opacity: .6; cursor: wait; }
.site-feedback-status { margin: 10px 0 0 !important; min-height: 1.3em; }
.site-feedback :is(button, a, input, textarea):focus-visible, .site-feedback-footer-link:focus-visible { outline: 3px solid var(--clay); outline-offset: 2px; }
.site-feedback-footer-link { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 430px) { .site-feedback { right: 12px; bottom: 12px; width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 18px; } }