/* "Ask a question" page (ask.html / fa/ask.html). Layout comes from data.css (.doc, .intro). */
.ask{display:grid;gap:28px;max-width:640px}
.ask-faq{color:var(--muted)}
.ask-form{display:grid;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}
.ask-form .q{display:grid;gap:8px;margin:0}
.ask-form label{color:var(--text);font-weight:600;font-size:16px}
.ask-form .hint{font-size:14px;color:var(--muted);margin:0}
.ask-form input[type="text"],.ask-form input[type="email"],.ask-form textarea{width:100%;min-height:48px;padding:10px 14px;font:400 16px/1.6 var(--body);color:var(--text);background:var(--bg);border:1px solid var(--faint);border-radius:10px}
.ask-form textarea{min-height:170px;resize:vertical}
.ask-form input:focus-visible,.ask-form textarea:focus-visible{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.ask-form .has-error input,.ask-form .has-error textarea{border-color:var(--crit)}
.ask-form .err{color:var(--crit);font-size:14px;font-weight:600;margin:0}
.ask-count{font-family:var(--mono);font-size:13px;color:var(--muted);justify-self:end}
.ask-note{font-size:14px;color:var(--muted);border-inline-start:3px solid var(--brass);padding-inline-start:12px;margin:0}
.ask-send{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ask-status{color:var(--crit);font-weight:600;font-size:15px;margin:0}
/* honeypot: invisible to people, still filled in by naive bots (clipped in place, not pushed off-screen,
   since a large left offset widens right-to-left pages) */
.ask-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ask-done{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}
.ask-done:focus{outline:2px solid var(--teal);outline-offset:3px}
.ask-done h2{font-family:var(--display);font-weight:600;font-size:22px;color:var(--text)}
.ask-done b{color:var(--text);direction:ltr;unicode-bidi:isolate}
.site-nav a[aria-current="page"]{color:var(--text)}