/* 395local.com -- styles for the shared reader forms (assets/site-forms.js).
   395-243 (PR 1). Relies on the brand custom properties every page's inline :root
   defines (--gold, --pinyon, --pinyon-deep, --line) and on the pages' own .field /
   .btn / .card rules; this file only adds what those lack (select + textarea,
   the honeypot, the status line, the confirmation).
   Gold FILL for the button (dark text on it); gold TEXT is #8a6414, never the
   #cf9c34 fill colour (contrast). */
.sf-form{margin:0}
.sf-form .field input,.sf-form .field select,.sf-form .field textarea{width:100%;max-width:100%;padding:12px 15px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:#fff;color:inherit}
.sf-form .field textarea{min-height:130px;resize:vertical}
.sf-form .field .sf-opt{font-weight:500;color:#5b6358}
/* Honeypot: off-screen (not display:none -- some bots skip those), never focusable, hidden from AT. */
.sf-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sf-form .btn[disabled]{opacity:.6;cursor:default}
.sf-form .btn.gold{background:var(--gold);color:var(--pinyon-deep)}
.sf-status{margin:14px 0 0;font-size:14.5px;min-height:20px;overflow-wrap:anywhere}
.sf-status:focus{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.sf-status.sf-err{color:#a4443a;font-weight:600}
.sf-done{margin:0;padding:6px 2px;font-family:"Fraunces",serif;font-size:21px;font-weight:600;color:var(--pinyon);line-height:1.3}
.sf-done:focus{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.sf-more{font-size:15px}
.sf-more a{color:#8a6414;font-weight:600}