/* "Request an invite" (task 28): the form that posts to my.atoll.place/api/invite-requests.
   No script: a plain form post, answered by a page on my. Readability as readability.css:
   text 16px or more, labels 14px or more, controls at least 44px, visible focus. */
.invite-section{padding-top:40px}
.invite-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;background:var(--lime);border-radius:12px;padding:56px}
.invite-copy h2{margin:0 0 24px}
.invite-copy h2 em{font-family:var(--serif);font-weight:400}
.invite-copy p{font-size:17px;line-height:1.65;margin:0 0 16px;max-width:30rem}
.invite-copy .section-kicker{color:#3d5233;margin-bottom:24px}
.invite-copy .invite-legal{font-size:15px;color:#2f4229}
.invite-copy .invite-legal a,.invite-form .invite-legal a{text-decoration:underline;text-underline-offset:3px}
.invite-form{display:flex;flex-direction:column;gap:10px;background:var(--paper);border-radius:12px;padding:32px;min-width:0}
.invite-form label{font-size:15px;font-weight:600}
.invite-form label span{font-weight:400;color:#4c5a46}
.invite-form input,.invite-form textarea{font:inherit;font-size:16px;width:100%;min-height:48px;padding:12px 14px;border:1.5px solid #8c967f;border-radius:10px;background:var(--white);color:var(--forest)}
.invite-form textarea{min-height:110px;resize:vertical;line-height:1.5}
.invite-form input:hover,.invite-form textarea:hover{border-color:var(--forest)}
.invite-form input:focus-visible,.invite-form textarea:focus-visible{outline:3px solid #a170b5;outline-offset:2px;border-color:var(--forest)}
.invite-form button{margin-top:10px;align-self:flex-start;min-height:48px;font-size:15px;border:0}
.invite-form .invite-hint{font-size:14px;color:#4c5a46;margin:0}
/* The honeypot: out of sight and out of the tab order, still in the form for bots that fill everything. */
.invite-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:950px){.invite-panel{grid-template-columns:1fr;gap:32px;padding:40px 32px}}
@media(max-width:740px){.invite-panel{padding:32px 20px;border-radius:10px}.invite-form{padding:24px 18px}.invite-form button{align-self:stretch;white-space:normal}}