/* Collaboration follows the approved paper, grain, red edge and content spacing. */
body.ao-collaboration{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.6}
.ao-collaboration *{box-sizing:border-box}
body.ao-collaboration main{padding-top:68px;padding-bottom:24px}
body.ao-collaboration>footer{max-width:1360px;width:calc(100% - 64px);margin-inline:auto}
body.ao-collaboration .concept-page-title{margin:10px 0 30px!important}
.collab-kicker{margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.14em;color:#d62828}
.collab-lead{max-width:34ch;margin:0 0 24px;font-size:clamp(25px,2.6vw,36px);font-weight:500;line-height:1.3;letter-spacing:-.02em;color:#0f0f0f}
.collab-introduction{max-width:68ch;color:#55534f;font-size:17px;line-height:1.7}
.collab-introduction p{margin:0 0 16px}
.collab-introduction .collab-signature{font-size:14px;color:#55534f;margin:24px 0 12px}
.collab-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#0f0f0f;text-decoration:underline;text-underline-offset:5px;font-size:15px;font-weight:500}
.collab-opening{padding-bottom:54px}
.collab-rule{position:relative}
.collab-rule:before,.collaborate-invite:before{content:"";position:absolute;top:0;left:var(--ao-divider-inset,24px);right:var(--ao-divider-inset,24px);height:1px;background:#fff;pointer-events:none}
.collab-contributions{padding:46px 0 48px}
.ao-collaboration h2{margin:0 0 28px}
.collab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.collab-role{padding:24px 28px;background-color:#f7f6f2;background-image:var(--ao-grain-light);background-size:192px 192px;border:0;border-left:2px solid #d62828;border-radius:0}
.collab-role .collab-kicker{font-size:11px;margin-bottom:12px}
.collab-role h3{font-size:clamp(23px,2vw,28px);line-height:1.2;letter-spacing:-.025em;margin:0 0 14px;color:#0f0f0f}
.collab-role>p:not(.collab-kicker){max-width:60ch;margin:0;font-size:16px;line-height:1.7;color:#55534f}
.collab-role .collab-text-link{margin-top:16px}
.collab-contact{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:48px;padding:30px 32px;border:0;border-left:2px solid #d62828;background-image:var(--ao-grain-light);background-size:192px 192px;scroll-margin-top:24px}
.collab-contact h2{margin-bottom:16px}
.collab-contact p:not(.collab-kicker){max-width:62ch;font-size:16px;line-height:1.7;color:#55534f;margin:0 0 16px}
.collab-contact .collab-credit{font-size:14px!important;margin-bottom:0!important}
.collab-contact-action{min-width:0}
.collab-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 22px;background-color:#0f0f0f;background-image:var(--ao-grain-dark);background-size:192px 192px;color:#f7f6f2!important;text-decoration:none;font-size:16px;font-weight:600;border:0;border-radius:0}
.collab-button:hover{background-color:#242320;text-decoration:underline;text-underline-offset:5px}
.collab-email{display:block;margin:16px 0 12px;font-size:14px;overflow-wrap:anywhere;text-underline-offset:4px}
.collab-contact-action p{font-size:13px!important;margin:0!important}
.collab-skip{position:absolute;top:12px;left:20px;z-index:100;background:#0f0f0f;padding:12px;color:#f7f6f2!important;transform:translateY(-200%)}
.collab-skip:focus{transform:none}
/* The About invitation keeps the existing closing section's left edge. */
.collaborate-invite{position:relative;margin-top:32px;padding-top:28px}
body.concept-about.ao-surface-theme .collaborate-invite h3{color:#0f0f0f;font-size:var(--ao-type-chapter)!important;font-weight:600;line-height:1.15;letter-spacing:-.02em;margin:0 0 8px}
.collaborate-invite>p:not(.collab-kicker){max-width:70ch;color:#55534f;line-height:1.65}
@media(max-width:900px){.collab-contact{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.collab-grid{grid-template-columns:1fr}}
@media(max-width:600px){
 body.ao-collaboration main{padding-top:38px}
 body.ao-collaboration>footer{width:calc(100% - 40px)}
 body.ao-collaboration .concept-page-title{font-size:clamp(38px,9vw,50px)!important;letter-spacing:.08em!important;margin-bottom:24px!important}
 .collab-desktop-break{display:none}
 .collab-opening{padding-bottom:36px}
 .collab-introduction{font-size:16px}
 .collab-contributions{padding:32px 0}
 .collab-grid{gap:20px}
 .collab-role{padding:22px 20px}
 .collab-contact{padding:24px 20px}
 .collab-contact-action .collab-button{width:100%}
}
