.bridge-page{padding:140px var(--pad) 80px}.bridge-hero{max-width:1100px;margin:0 auto 64px}.bridge-hero h1{max-width:850px;font-size:clamp(42px,6.3vw,76px)}.bridge-hero h1 span{color:#8a456d}.bridge-lead{max-width:740px;margin:26px 0;font-size:18px}.bridge-actions,.bridge-facts{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bridge-facts{color:#626874;gap:12px 24px;margin:28px 0 0;padding:0;font-size:13px;list-style:none}.bridge-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:50px;max-width:1100px;margin:auto;display:grid}.bridge-nav{gap:16px;font-size:13px;display:grid;position:sticky;top:110px}.bridge-nav a{color:#626874;line-height:1.6;text-decoration:none}.bridge-nav a:hover{color:#8a456d}.bridge-content{min-width:0}.bridge-content section{border-top:1px solid #e7e9ee;padding:36px 0}.bridge-content h2{font-size:clamp(27px,3vw,37px)}.bridge-content p,.bridge-content li{font-size:15px;line-height:1.8}.bridge-content ul{padding-left:22px}.bridge-content li{color:#626874;margin:12px 0}.bridge-content a{color:#8a456d;text-underline-offset:4px}.bridge-content :not(pre)>code{color:#333748;overflow-wrap:anywhere;background:#f1f2f5;border-radius:4px;padding:2px 5px;font-size:.86em}.bridge-content .bridge-note{background:#f8f5f8;border:1px solid #eee4ec;border-radius:22px;margin-bottom:22px;padding:28px}.bridge-note h2{font-size:24px}.bridge-code{border:1px solid #dfe2e8;border-radius:14px;margin:24px 0;overflow:hidden}.bridge-code figcaption{color:#4d5360;background:#f6f7fa;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:14px 18px;font-size:12px;line-height:1.6;display:flex}.bridge-code pre{color:#e9edf6;tab-size:4;background:#20232c;margin:0;padding:22px;font-size:12px;line-height:1.75;overflow-x:auto}.bridge-code pre:focus-visible{outline-offset:-3px;outline:3px solid #ba92ac}.bridge-content details{margin:24px 0}.bridge-content summary{color:#8a456d;cursor:pointer;padding:14px 0;font-size:15px}.bridge-help p{overflow-wrap:anywhere}@media (max-width:780px){.bridge-page{padding-top:118px}.bridge-hero{margin-bottom:36px}.bridge-layout{grid-template-columns:minmax(0,1fr);gap:20px}.bridge-nav{border-bottom:1px solid #e7e9ee;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:24px;position:static}.bridge-code pre{padding:16px}.bridge-lead{font-size:16px}}