/* "Was this helpful?" control on free tool pages and blog posts. Loaded with the page's own stylesheets; uses only colours that work on both the dark tool pages and the light blog pages. */
.page-feedback{max-width:760px;margin:32px auto 0;padding:18px 16px;border:1px solid currentColor;border-radius:6px;font-size:16px;line-height:1.5}
.page-feedback h2{margin:0 0 10px;font-size:1.1rem}
.page-feedback .fb-actions{display:flex;flex-wrap:wrap;gap:10px}
.page-feedback .fb-actions[hidden],.page-feedback .fb-form[hidden],.page-feedback .fb-fallback[hidden]{display:none}
.page-feedback button{min-height:44px;padding:8px 16px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.page-feedback button:disabled{opacity:.6;cursor:default}
.page-feedback .fb-form{display:grid;gap:8px;margin-top:14px}
.page-feedback label{font-weight:600}
.page-feedback input[type=email],.page-feedback input[type=text],.page-feedback select,.page-feedback textarea{box-sizing:border-box;width:100%;min-height:44px;padding:8px;border:1px solid currentColor;border-radius:4px;background:#fff;color:#111;font:inherit}
.page-feedback textarea{min-height:96px;resize:vertical}
.page-feedback .fb-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400}
.page-feedback .fb-consent input{flex:none;width:22px;height:22px;margin:2px 0 0}
.page-feedback .fb-note,.page-feedback .fb-fallback{margin:0;font-size:14px}
.page-feedback .fb-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.page-feedback .fb-hp input{width:1px;min-height:0;height:1px;padding:0;border:0}
.page-feedback .fb-status{margin:10px 0 0;min-height:1.5em}
.page-feedback .fb-status:empty{display:none}
.page-feedback :focus-visible{outline:3px solid #f5b301;outline-offset:2px}
.page-feedback a{color:inherit;text-decoration:underline}
@media(max-width:480px){.page-feedback{margin-left:0;margin-right:0}.page-feedback .fb-actions button{flex:1 1 100%}}