.handoff{margin:72px auto;max-width:1120px;padding:0 24px;color:var(--bone,#FAFAF7)}
.handoff h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.12;max-width:760px}
.handoff>p{max-width:760px;line-height:1.65}
.handoff-site{display:block;margin:24px 0 8px}
.handoff input,.handoff select,.handoff textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:var(--ink,#0B0B0C);border:1px solid var(--grey,#6E6E66);border-radius:6px;padding:12px}
.handoff>input{max-width:520px}
.handoff-list{list-style:none;padding:0;margin:28px 0}
.handoff-list>li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(140px,.65fr) minmax(180px,1fr);gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--grey,#6E6E66)}
.handoff-list h3{font-size:1rem;margin:0 0 6px}
.handoff-list p{font-size:.9rem;line-height:1.5;margin:0}
.handoff-list label{display:block;font-size:.85rem;margin-bottom:8px}
.handoff-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}
.handoff button,.handoff-actions a{font:inherit;font-weight:600;border:1px solid var(--grey,#6E6E66);border-radius:6px;padding:13px 18px;background:var(--bone,#FAFAF7);color:var(--ink,#0B0B0C);text-decoration:none;cursor:pointer}
.handoff a:not(.handoff-actions a){color:inherit;text-decoration:underline;text-underline-offset:3px}
.handoff textarea{min-height:240px;margin:16px 0;resize:vertical}
.handoff :focus-visible{outline:2px solid var(--bone,#FAFAF7);outline-offset:4px}
@media(max-width:700px){.handoff-list>li{grid-template-columns:1fr;gap:14px}.handoff{padding:0 20px;margin:48px auto}}

.handoff-example-steps{list-style:none;margin:28px 0;padding:0}
.handoff-example-steps>li{padding:22px 0;border-top:1px solid var(--grey,#6E6E66)}
.handoff-example pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;border-block:1px solid var(--grey,#6E6E66);padding:16px 0}
.handoff-example code{font:inherit;overflow-wrap:anywhere}