.coordination-guide{padding-top:68px;padding-bottom:78px}.coordination-guide-heading{max-width:880px;margin-bottom:25px}.coordination-guide-heading>span{font:500 11px var(--mono);letter-spacing:.14em;color:var(--rust)}.coordination-guide-heading h2{font:800 clamp(32px,4.5vw,58px)/1.09 var(--display);letter-spacing:-.055em;margin:14px 0 0}.coordination-lead{max-width:910px;margin:0 0 32px;font-size:clamp(17px,2vw,22px);line-height:1.55}.coordination-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0;display:grid}.coordination-flow span{color:#fff;min-height:100px;font:500 14px/1.5 var(--mono);background:#22212a;padding:20px 16px}.coordination-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0;display:grid}.coordination-cards article,.coordination-example{border:1px solid var(--line);background:#fff;padding:26px}.coordination-cards h3{font:750 23px/1.18 var(--display);letter-spacing:-.035em;margin:0 0 12px}.coordination-cards p,.coordination-example p{color:#45434a;margin:0;font-size:15px;line-height:1.7}.coordination-example{margin:25px 0}.coordination-example code{font:500 clamp(14px,2vw,20px)/1.4 var(--mono);overflow-wrap:anywhere;margin-bottom:12px;display:block}.coordination-note{border-left:4px solid var(--rust);background:#eae8e2;margin:28px 0;padding:14px 20px;font-size:15px;line-height:1.65}.coordination-table-wrap{border:1px solid var(--line);background:#fff;margin:25px 0;overflow-x:auto}.coordination-table-wrap table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px;line-height:1.5}.coordination-table-wrap th,.coordination-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:15px}.coordination-table-wrap thead{color:#fff;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#22212a}.coordination-table-wrap tbody th{white-space:nowrap;font-weight:700}.coordination-table-wrap tbody tr:last-child th,.coordination-table-wrap tbody tr:last-child td{border-bottom:0}.coordination-table-wrap td code{font:12px/1.7 var(--mono);overflow-wrap:anywhere}.coordination-footer{font:500 13px var(--mono);flex-wrap:wrap;gap:15px 32px;padding-top:12px;display:flex}.coordination-footer a{text-underline-offset:4px;text-decoration:underline}@media (max-width:700px){.coordination-guide{padding-top:45px;padding-bottom:50px}.coordination-flow,.coordination-cards{grid-template-columns:1fr}.coordination-flow span{min-height:0}}