.feedback-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.feedback-nav a{padding:10px 18px;border:1px solid #d0e0d6;border-radius:12px;background:#ffffffc9}.feedback-nav a[aria-current=page]{background:#214e40;color:#fff;border-color:#214e40}.feedback-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:24px;align-items:start}.feedback-layout>*{min-width:0}.feedback-types{padding:0;border:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feedback-types legend{padding:0 0 12px;font-weight:600}.feedback-types label{display:flex;align-items:flex-start;gap:8px;border:1px solid #ceded4;background:#f6faf7;padding:14px 12px;border-radius:12px;cursor:pointer}.feedback-types label:has(input:checked){background:#e6f2e9;border-color:#42765b}.feedback-types input{margin:5px 0 0;accent-color:#214e40}.feedback-types strong,.feedback-types small{display:block}.feedback-types strong{font-size:14px}.feedback-types small{font-size:12px;margin-top:4px}.feedback-aside{background:linear-gradient(135deg,#f9fcf9,#ecf4ec)}.feedback-aside ol{padding-left:22px;margin:20px 0}.feedback-aside li{padding-left:5px;margin-bottom:20px}.feedback-aside p{font-size:14px;color:#536c5f;margin:5px 0 0}.feedback-aside .text-link{display:block;margin-top:22px;font-size:14px}.feedback-status{font-size:12px;color:#596f64;margin:14px 0 0}#feedback-form textarea{min-height:180px;resize:vertical}.feedback-records{display:grid;gap:20px;max-width:1100px;margin-top:22px}.feedback-records h2{font-size:20px;margin-top:14px}#help-category{max-width:320px}.feedback-types input:focus-visible{outline:3px solid #71986b;outline-offset:4px}
@media(max-width:1000px){.feedback-layout{grid-template-columns:1fr}.feedback-aside ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
@media(max-width:650px){.feedback-types{grid-template-columns:1fr}.feedback-types label{align-items:center}.feedback-types small{margin:0}.feedback-aside ol{display:block}.feedback-nav a{font-size:14px}#feedback-form>.btn{width:100%}}
@media(min-width:801px) and (max-width:1050px){.header-inner{flex-wrap:wrap;gap:16px}.header nav{order:3;flex-basis:100%;justify-content:flex-start;gap:24px}.workspace-link{margin-left:auto}}
