.sf-feedback, .sf-feedback * { box-sizing: border-box; }
.sf-feedback {
    width: 100%;
    min-width: 0;
    padding: clamp(24px, 3vw, 40px) clamp(16px, 4vw, 64px);
    background: #f8f8ee;
    color: #073f73;
}
.sf-feedback__inner { width: min(100%, 900px); margin-inline: auto; min-width: 0; }
.sf-feedback__toggle { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 48px; padding: 16px 22px; border: 1px solid currentColor; background: #ff9c61; color: #073f73; font: inherit; font-weight: 600; line-height: 1.4; cursor: pointer; list-style: none; overflow-wrap: anywhere; }
.sf-feedback__toggle::-webkit-details-marker { display: none; }
.sf-feedback__toggle::marker { content: ""; }
.sf-feedback__toggle:hover { background: #ffae7e; }
.sf-feedback__toggle:focus-visible { outline: 3px solid #064ba2; outline-offset: 4px; }
.sf-feedback__chevron { flex: 0 0 auto; width: 8px; height: 8px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.sf-feedback__disclosure[open] .sf-feedback__chevron { transform: translateY(2px) rotate(225deg); }
.sf-feedback__panel { padding-top: 24px; }
.sf-feedback__frame:not([src]) { display: none; }
.sf-feedback h2 { margin: 0 0 24px; font: 400 clamp(1.65rem, 3vw, 2.6rem)/1.15 "Cal Sans", Arial, sans-serif; overflow-wrap: anywhere; }
.sf-feedback__frame { display: block; width: 100%; max-width: 100%; min-height: 320px; border: 0; background: transparent; }
.sf-feedback__link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 16px; color: inherit; font-size: .9rem; text-underline-offset: 5px; }
.sf-feedback__link:focus-visible { outline: 3px solid #064ba2; outline-offset: 4px; }
.sf-feedback-editor { padding: 20px; border: 1px solid #d6dfe9; border-radius: 8px; }
.sf-feedback-editor__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.sf-feedback-editor__preview { margin-top: 20px; pointer-events: none; }
@media(max-width:600px) { .sf-feedback-editor__pair { grid-template-columns: minmax(0,1fr); } .sf-feedback h2 { margin-bottom: 16px; } }