.contact-tip{border-left:4px solid var(--red);background:var(--surface);padding:20px 24px;margin-top:24px;margin-bottom:24px;overflow-wrap:anywhere}
.contact-tip h2{font:700 28px/1.15 var(--sans);margin:0 0 10px}
.contact-tip p{margin:8px 0;max-width:850px}
.contact-tip a{font-weight:600;color:var(--blue)}
.contact-actions{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:12px}
.contact-composer{max-width:680px;margin-top:24px}
.contact-composer[hidden]{display:none}
.contact-composer label{display:block;font-weight:600;margin:18px 0 7px}
.contact-composer input,.contact-composer textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--muted);border-radius:0;background:var(--bg);color:var(--ink);font:inherit;padding:12px}
.contact-composer textarea{resize:vertical;min-height:180px}
.contact-composer button{margin-top:16px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:600 16px/1.5 var(--sans);padding:12px 20px;cursor:pointer}
.contact-composer :focus-visible,.contact-tip a:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.contact-composer [role=status]{margin-top:16px}
@media(max-width:600px){.contact-tip{padding:16px}.contact-tip h2{font-size:23px}}