.brain-about-page { background:var(--paper); color:var(--ink); }
html { scrollbar-width:none; }
html::-webkit-scrollbar { display:none; }
.brain-about-page .topbar { position:relative; }
.about-main { width:min(1040px,calc(100% - 48px)); margin:40px auto 72px; }
.about-main h1 { margin:0 0 16px; font:400 36px/1.2 var(--headerFont); }
.about-main > p { margin:0 0 24px; }
.brain-flow { margin:24px 0; }
.brain-flow svg { width:100%; height:auto; display:block; }
.brain-flow .box { fill:var(--paper); stroke:var(--line); stroke-width:1.5; }
.brain-flow .focal { fill:var(--light); stroke:var(--accent); }
.brain-flow .edge { fill:none; stroke:var(--muted); stroke-width:1.5; }
.brain-flow .label { fill:var(--ink); font:600 20px Arial,Helvetica,sans-serif; }
.brain-flow .detail { fill:var(--muted); font:16px Arial,Helvetica,sans-serif; }
.brain-flow .pending { stroke-dasharray:5 4; }
.brain-flow figcaption { color:var(--muted); margin-top:12px; }
.brain-flow-mobile { display:none; }
.brain-flow-mobile section { border-left:2px solid var(--line); padding:4px 0 4px 20px; margin:0 0 24px; }
.brain-flow-mobile h2 { font:600 18px/1.3 Arial,Helvetica,sans-serif; margin:0 0 8px; }
.brain-flow-mobile p { margin:0; }
.brain-flow-mobile .focal { border-color:var(--accent); background:transparent; }
.about-ai-setup { margin:34px 0 0; padding:24px 0 0; border-top:1px solid var(--line); }
.about-ai-setup h2 { margin:0 0 12px; font:400 28px/1.3 var(--headerFont); }
.about-ai-setup p { margin:0 0 14px; }
.about-ai-setup a { overflow-wrap:anywhere; }
.mcp-address { display:flex; align-items:center; gap:10px; width:fit-content; max-width:100%; margin:15px 0 4px; padding:5px 6px 5px 14px; border:1px solid var(--line); border-radius:9px; background:var(--light); }
.mcp-address code { overflow-wrap:anywhere; font-size:14px; }
.mcp-address button { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:7px; color:var(--ink); }
.mcp-address svg { width:18px; height:18px; }
#mcp-copy-status:empty { display:none; }
.client-setup { margin:18px 0; }
.client-setup summary { width:fit-content; cursor:pointer; font-weight:600; }
.client-setup code { display:block; overflow-wrap:anywhere; margin:10px 0; padding:13px; border-radius:8px; background:var(--light); font-size:13px; }
.client-guides { display:flex; flex-wrap:wrap; gap:10px 22px; }
@media(max-width:640px) { .about-main { width:calc(100% - 40px); margin:24px auto 54px; } .about-main h1 { font-size:28px; } .brain-flow svg { display:none; } .brain-flow-mobile { display:block; } .brain-flow figcaption { border-top:1px solid var(--line); padding-top:16px; } }

/* Shared Help links and support form. */
.help-policy-links{display:flex;flex-wrap:wrap;gap:2px 16px;margin:8px 0 0}.help-policy-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.help .about-flow-link,.help .help-link{margin:0}.help .about-flow-link a,.help .help-link button{display:inline-flex;align-items:center;min-height:44px}.help .help-feedback{margin-top:4px}.help .help-feedback summary{min-height:44px;align-content:center}.brain-policy-page .topbar{justify-content:flex-end}.support-contact{margin:28px 0}.support-contact h2{font:400 28px/1.3 var(--headerFont);margin:0 0 16px}.support-contact form{display:grid;gap:10px}.support-contact label{font-size:14px;font-weight:600}.support-contact input:not([type=hidden]):not([type=checkbox]),.support-contact textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}.support-contact textarea{resize:vertical}.support-contact .feedback-actions button{min-height:44px}.support-contact [role=status]:empty{display:none}

/* Brain About: shared action hierarchy and compact service footer. */
.brain-help .help-actions{display:grid;gap:0;margin-top:12px}
.brain-help .help-actions>p,.brain-help .help-actions>.help-feedback{margin:0}
.brain-help .help-actions a,.brain-help .help-actions button,.brain-help .help-actions summary{display:flex;align-items:center;min-height:44px;width:fit-content;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--accent-dark,var(--accent));font:500 15px/1.5 Arial,Helvetica,sans-serif;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
.brain-help .help-actions a:hover,.brain-help .help-actions button:hover,.brain-help .help-actions summary:hover{color:var(--ink);text-decoration:underline}
.brain-help .help-actions a:focus-visible,.brain-help .help-actions button:focus-visible,.brain-help .help-actions summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
.brain-help .help-actions summary::-webkit-details-marker{display:none}
.brain-help .help-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;margin-top:16px;padding-top:8px;border-top:1px solid var(--line)}
.brain-help .help-footer .help-policy-links{display:flex;flex-wrap:wrap;gap:0 16px;margin:0}
.brain-help .help-footer .help-policy-links a{display:inline-flex;align-items:center;min-height:44px;font:400 13px/1.5 Arial,Helvetica,sans-serif;text-decoration-thickness:1px;text-underline-offset:4px}
.brain-help .help-footer .site-about-credit{margin:0;text-align:left;font:12px/1.5 Arial,Helvetica,sans-serif}
.feedback-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;font:400 16px/1.25 Arial,Helvetica,sans-serif;text-align:center}
.brain-help .help-actions .feedback-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:12px 18px;border-radius:7px;background:var(--accent);color:var(--paper);font:400 16px/1.25 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none}
.brain-help .help-actions .feedback-actions button:hover{background:var(--accent-dark,var(--accent));color:var(--paper);text-decoration:none}

/* Confirmed layout corrections: credit target and shared Send padding. */
.brain-help .help-footer .site-about-credit a{display:inline-flex;align-items:center;min-height:44px}
.feedback-actions #feedback-submit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;font:400 16px/1.25 Arial,Helvetica,sans-serif;text-align:center}