.usability-link{margin:0 0 20px;font-size:14px;font-weight:700}
.usability-link a{display:inline-block;padding:10px 0;min-height:44px}
.usability-feedback{max-width:880px;margin:28px auto 48px;padding:32px;border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:8px;background:var(--paper);scroll-margin-top:20px}
.usability-feedback h2{font-size:28px;margin-bottom:14px}
.usability-feedback p{font-size:14px;color:var(--muted);margin-bottom:14px}
.usability-feedback .usability-notice{padding:16px;background:var(--peach);border-radius:6px;font-size:13px;line-height:1.8}
.usability-question{margin:24px 0;min-width:0}
.usability-question label{display:block;font-size:15px;font-weight:700;line-height:1.75;margin-bottom:10px;overflow-wrap:anywhere}
.usability-question textarea{display:block;width:100%;min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:6px;background:#fffdf9;color:var(--ink);padding:13px;font:16px/1.6 Pretendard,system-ui,sans-serif}
.usability-question textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.usability-question textarea[aria-invalid=true]{border:2px solid #a33c20}
.usability-question textarea[readonly]{background:var(--peach)}
.usability-count{display:block;margin-top:6px;text-align:right;font-size:12px;color:var(--muted)}
.usability-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.usability-actions .action{justify-content:center;min-width:160px}
.usability-actions .text-button{font-size:14px;min-height:44px;padding:10px 0}
.usability-feedback .usability-status{margin-top:18px;margin-bottom:0;line-height:1.8}
.usability-feedback .usability-validation{color:#99361b;font-size:13px}
.usability-validation:empty{display:none}
@media(max-width:700px){.usability-feedback{padding:22px 18px;margin:22px 0 32px}.usability-feedback h2{font-size:24px}.usability-actions{display:grid;gap:8px}.usability-actions .action{width:100%}.usability-feedback p{font-size:13px}}
