/* /developers/: the MCP server */
.dv-head .lede{max-width:64ch}
.dv-url{display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1rem; margin-top:1.4rem; padding:.9rem 1rem; border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); border-radius:var(--r-lg); background:var(--panel); box-shadow:var(--shadow); max-width:44rem}
.dv-url-lab{font:500 var(--t-xs)/1 var(--f-ui); color:var(--ink-3)}
.dv-url code{flex:1 1 14rem; font:500 1.05rem/1.3 var(--f-mono); color:var(--ink); overflow-wrap:anywhere}
.dv-note{margin-top:.7rem; font:400 .95rem/1.45 var(--f-serif); color:var(--ink-2)}
.dv{display:flex; flex-direction:column; gap:clamp(2.4rem,5vw,3.4rem)}
.dv > *{max-width:56rem}
.dv-sec{display:flex; flex-direction:column; gap:.9rem}
.dv-sec > p,.dv-sec li{font:400 1.04rem/1.6 var(--f-serif); color:var(--ink-2)}
.dv-sec h3{font:420 1.3rem/1.25 var(--f-head); margin-top:.6rem}
.dv-sec code{font:500 .88em/1.4 var(--f-mono); background:var(--bg-2); padding:.08em .3em; border-radius:4px}
.dv-panel{display:flex; flex-direction:column; gap:.8rem; padding-top:1rem}
.dv-steps{list-style:decimal; padding-left:1.4rem; display:flex; flex-direction:column; gap:.4rem}
.dv-asks,.dv-list{display:flex; flex-direction:column; gap:.5rem; list-style:disc; padding-left:1.3rem}
.dv-snip{position:relative}
.dv-pre{margin:0; white-space:pre-wrap; overflow-wrap:anywhere; padding-right:4.5rem}
.dv-copy{position:absolute; top:.5rem; right:.5rem}
.dv-table td{vertical-align:top; font:400 .95rem/1.45 var(--f-ui)}
.dv-table td:first-child{white-space:nowrap}
.dv-table td:last-child{white-space:nowrap; color:var(--ink-3)}
@media (max-width:40rem){ .dv-table td:first-child{white-space:normal} }