/* The feedback form and talk line of ganiri.com (src/components/feedback.mjs, src/static/form.js) in the look of the
   legal board: Barlow, ink #151515 on paper #f7f5ef, white fields with a 2px ink border, the ink pill button. */
#feedback .wrap{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:0 24px}
#feedback .v2-fb{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
#feedback .fb-head h2{font:800 42px/50px 'Barlow',sans-serif;margin:0;color:#151515}
#feedback .fb-body{display:flex;flex-direction:column;gap:24px;max-width:40rem;min-width:0}
#feedback .fb-form{display:flex;flex-direction:column;gap:24px;min-width:0}
#feedback fieldset{border:0;margin:0;padding:0;min-width:0}
#feedback .lbl,#feedback .field label{font:700 18px/26px 'Barlow',sans-serif;color:#151515;margin-bottom:10px;display:block}
#feedback .field{display:flex;flex-direction:column;gap:8px;min-width:0}
#feedback .hint,#feedback .cap-s{font:500 16px/24px 'Barlow',sans-serif;color:#55524c;margin:0}
#feedback .v2-choices{display:flex;flex-direction:column;gap:8px;max-width:24rem}
#feedback .choice{position:relative;display:flex;align-items:center;gap:14px;min-height:48px;padding:0 18px;border:2px solid #d9d5cb;border-radius:12px;background:#ffffff;font:600 18px/24px 'Barlow',sans-serif;color:#151515;cursor:pointer}
#feedback .choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#feedback .choice .dot{flex:none;box-sizing:border-box;width:18px;height:18px;border-radius:50%;border:3px solid #151515;background:#ffffff}
#feedback .choice:has(input:checked){border-color:#151515}
#feedback .choice:has(input:checked) .dot{border-width:6px}
#feedback .choice:has(input:focus-visible){outline:2px solid #151515;outline-offset:2px}
#feedback .input{box-sizing:border-box;width:100%;min-height:48px;padding:14px 16px;border:2px solid #151515;border-radius:10px;background:#ffffff;color:#151515;font:500 18px/26px 'Barlow',sans-serif}
#feedback textarea.input{min-height:140px;resize:vertical}
#feedback .input[aria-invalid="true"]{border-color:#d7263d}
#feedback .input:focus-visible{outline:2px solid #151515;outline-offset:2px}
#feedback .note{display:flex;flex-direction:column;gap:6px}
#feedback .note a{color:#151515}
#feedback .actions{display:flex}
#feedback .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;border:2px solid #151515;background:#ffffff;color:#151515;font:700 18px/24px 'Barlow',sans-serif;cursor:pointer}
#feedback .btn-accent{background:#151515;color:#ffffff}
#feedback .btn[disabled]{opacity:.6;cursor:default}
#feedback [hidden]{display:none!important}
#feedback .err{display:flex;align-items:flex-start;gap:8px;color:#b3122a;font:600 17px/24px 'Barlow',sans-serif;margin:0}
#feedback .err svg,#feedback .thanks svg{flex:none;width:20px;height:20px;margin-top:2px}
#feedback .thanks{display:flex;align-items:flex-start;gap:12px;padding:18px;border:2px solid #151515;border-radius:12px;background:#ffffff;font:600 18px/26px 'Barlow',sans-serif;margin:0}
#feedback .v2-talk{display:flex;flex-direction:column;gap:14px;padding:16px 0;border-top:2px solid #151515;border-bottom:2px solid #151515}
#feedback .v2-talkbtn{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:48px;padding:0;border:0;background:none;color:#151515;font:700 20px/26px 'Barlow',sans-serif;cursor:pointer}
#feedback .v2-talkbtn .pm{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #151515;border-radius:50%}
#feedback .v2-talkbtn[aria-expanded="true"] .pm-open,#feedback .v2-talkbtn[aria-expanded="false"] .pm-close{display:none}
#feedback .talk-panel{display:flex;flex-direction:column;gap:16px}
@media (max-width:767px){
#feedback .wrap{padding:0 16px}
#feedback .v2-fb{grid-template-columns:1fr;gap:24px}
#feedback .fb-head h2{font-size:32px;line-height:38px}
}