/* Feedback & suggestions form (homepage section and /feedback/). */
.feedback{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;border-top:1px solid var(--line);margin-top:50px;padding-top:34px;scroll-margin-top:20px}
.feedback h2{font-size:29px;margin:8px 0 10px;letter-spacing:-1px}
.feedback-intro p,.feedback-page .lede{color:var(--muted);font-size:13px;line-height:1.8}
.feedback-page{max-width:760px}
.feedback-page h1{font-size:42px;letter-spacing:-1.7px;margin:8px 0 10px}
.feedback-page .fb-form{margin-top:24px}
.fb-form{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:16px}
.fb-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fb-field label{font-weight:700;color:var(--ink)}
.fb-field label span{font-weight:400;color:var(--muted)}
.fb-field textarea{resize:vertical;min-height:140px;line-height:1.6}
.fb-field [aria-invalid=true]{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e}
.fb-hint{font-size:11px;color:var(--muted);margin:6px 0 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fb-error{font-size:12px;color:#b3261e;font-weight:700;margin:6px 0 0}
.fb-error:empty{display:none}
.fb-error::before{content:"⚠ "}
.fb-summary{border:2px solid #b3261e;border-radius:10px;padding:12px 16px;background:#fdf0ee;color:#5c1410}
.fb-summary h3{font-size:14px;margin:0 0 6px}
.fb-summary ul{margin:0;padding-left:18px;font-size:12px}
.fb-summary a{color:inherit}
.fb-summary:focus{outline:3px solid var(--accent);outline-offset:3px}
.fb-notice{border-left:4px solid var(--accent);background:var(--bg);border-radius:0 10px 10px 0;padding:12px 14px;font-size:12px;line-height:1.7;color:var(--ink)}
.fb-notice p{margin:0 0 6px}
.fb-notice p:last-child{margin:0}
.fb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.fb-actions .primary,.fb-actions .secondary{font-size:13px;text-decoration:none}
.fb-mailnote{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.fb-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.fb-thanks{max-width:640px}
.fb-thanks .fb-actions{margin-top:20px}
@media(max-width:900px){.feedback{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.fb-row{grid-template-columns:1fr}.fb-form{padding:18px}.feedback h2{font-size:25px}.feedback-page h1{font-size:32px}.fb-actions>*{width:100%;text-align:center;box-sizing:border-box}}
html[data-theme=dark] .fb-form{background:#19281f;border-color:#35483e}
html[data-theme=dark] .fb-field label{color:#e3eee6}
html[data-theme=dark] :is(.fb-field label span,.fb-hint,.fb-mailnote,.feedback-intro p,.feedback-page .lede){color:#a7b9ac}
html[data-theme=dark] .fb-notice{background:#122219;color:#e3eee6}
html[data-theme=dark] .fb-error{color:#ffb1a7}
html[data-theme=dark] .fb-field [aria-invalid=true]{border-color:#ffb1a7;box-shadow:0 0 0 1px #ffb1a7}
html[data-theme=dark] .fb-summary{background:#3a1f1c;color:#ffd9d3;border-color:#ffb1a7}
@media(forced-colors:active){.fb-field [aria-invalid=true],.fb-summary{border:2px solid CanvasText}}