/* Help (FAQ) and Report pages. Builds on workflow-audit.css (tokens, header, buttons). */
.help-main{max-width:760px;padding-top:32px;padding-bottom:64px}
.help-main h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}
.help-main h1:focus{outline:none}
.help-lede{color:var(--muted);margin:0 0 28px}
.help-main h2{margin:32px 0 8px;font-size:1.25rem}
.help-main p,.help-main li{line-height:1.55}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:700}
.faq summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.faq details p{margin:10px 0 0}
.report-form{display:grid;gap:14px;margin:20px 0;padding:24px;border:1px solid var(--line);border-top:4px solid var(--wheat);border-radius:18px;background:var(--paper)}
.report-form label,.report-form legend{display:block;font-weight:700;font-size:.9rem;margin-bottom:6px}
.report-form input[type=text],.report-form input[type=email],.report-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.report-form fieldset{border:0;margin:0;padding:0}
.report-form .choice{display:flex;align-items:center;gap:8px;margin:4px 0;font-weight:400}
.report-form .choice input{width:auto;margin:0}
.report-form .button{justify-self:start}
.report-form .hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.report-error{color:#8a2f25;margin:0}
.report-done{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.not-found-links{list-style:none;margin:18px 0;padding:0}.not-found-links li{margin:0 0 6px}.not-found-links a{display:inline-block;padding:10px 2px}
/* Legal page shells: a plain banner that says the page is a placeholder pending legal review */
.shell-banner{margin:0 0 20px;padding:12px 14px;border:2px solid var(--line,#8a7a5a);border-radius:10px;background:rgba(255,214,102,.12)}
/* Whole-app pass: the question rows on the help pages are comfortable to tap */
.faq summary{min-height:44px;padding:8px 0;box-sizing:border-box}
/* Phone: the long connector address and the command lines wrap instead of pushing the page sideways (live walk 10-25: /connect-ai/ was 583 px wide at 375) */
code,pre{overflow-wrap:anywhere}
pre{white-space:pre-wrap}