#egp-javascript-upgrade{--jsu-rose:#e11d48;--jsu-rose-deep:#b9154a;--jsu-ink:#18202b;--jsu-muted:#596574;--jsu-line:#e2e6ed;--jsu-soft:#f6f7fa;max-width:1240px;margin:0 auto;padding:24px 24px 72px;color:var(--jsu-ink);font:inherit;font-size:16px;line-height:1.78;overflow-wrap:anywhere;isolation:isolate}
#egp-javascript-upgrade :where(*,*::before,*::after):not(.egp-js *){box-sizing:border-box}
#egp-javascript-upgrade :where(h1,h2,h3,p,figure):not(.egp-js *){margin-top:0}
#egp-javascript-upgrade :where(h1,h2,h3):not(.egp-js *){font-family:inherit;color:var(--jsu-ink);letter-spacing:-.035em}
#egp-javascript-upgrade h1:not(.egp-js *){font-size:clamp(2.8rem,5vw,4.45rem);font-weight:800;line-height:1.06;margin-bottom:25px}
#egp-javascript-upgrade .jsu-hero h1 span{color:var(--jsu-rose)}
#egp-javascript-upgrade h2:not(.egp-js *){font-size:clamp(1.9rem,3.2vw,2.9rem);font-weight:750;line-height:1.13;margin-bottom:15px}
#egp-javascript-upgrade h3:not(.egp-js *){font-size:1.22rem;font-weight:750;line-height:1.4;margin-bottom:16px}
#egp-javascript-upgrade p:not(.egp-js *){margin-bottom:18px}
#egp-javascript-upgrade a:not(.jsu-button,.egp-js *){color:var(--jsu-rose-deep);text-underline-offset:4px;text-decoration-thickness:1px}
#egp-javascript-upgrade a:not(.jsu-button,.egp-js *):hover{color:#951037;text-decoration-thickness:2px}
#egp-javascript-upgrade :where(a,summary,[tabindex]):not(.egp-js *):focus-visible{outline:3px solid #bc1648;outline-offset:5px}
#egp-javascript-upgrade :where(section,[id]):not(.egp-js *){scroll-margin-top:28px}
#egp-javascript-upgrade code:not(.egp-js *){font-size:.88em;padding:.15em .34em;border:1px solid #e6e9ef;border-radius:4px;background:#f8f9fb;color:#71354a;white-space:normal;overflow-wrap:anywhere}
#egp-javascript-upgrade img:not(.egp-js *){display:block;max-width:100%;height:auto}
#egp-javascript-upgrade .jsu-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.77rem;line-height:1.6;padding-bottom:33px;color:var(--jsu-muted)}
#egp-javascript-upgrade .jsu-breadcrumb a{color:var(--jsu-muted)}
#egp-javascript-upgrade .jsu-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:40px;align-items:center;padding:12px 0 40px}
#egp-javascript-upgrade .jsu-eyebrow{display:flex;gap:10px;align-items:center;font-size:.64rem;line-height:1.65;font-weight:800;letter-spacing:.14em;color:var(--jsu-rose);margin-bottom:17px}
#egp-javascript-upgrade .jsu-eyebrow>span{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--jsu-rose);box-shadow:0 0 0 5px #fde5ec}
#egp-javascript-upgrade .jsu-lead{font-size:1.035rem;line-height:1.85;color:#4c5868;margin-bottom:27px}
#egp-javascript-upgrade .jsu-actions{display:flex;flex-wrap:wrap;gap:12px}
#egp-javascript-upgrade .jsu-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:51px;padding:12px 19px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:.85rem;font-weight:750;line-height:1.55;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
#egp-javascript-upgrade .jsu-button-primary{color:#fff;background:var(--jsu-rose);box-shadow:0 7px 19px #d4145a20}
#egp-javascript-upgrade .jsu-button-primary:hover{color:#fff;background:var(--jsu-rose-deep);box-shadow:0 9px 20px #d4145a30}
#egp-javascript-upgrade .jsu-button-secondary{color:var(--jsu-ink);border-color:var(--jsu-line);background:#fff}
#egp-javascript-upgrade .jsu-button-secondary:hover{color:var(--jsu-ink);border-color:#89929f;background:var(--jsu-soft)}
#egp-javascript-upgrade .jsu-micro{font-size:.72rem;line-height:1.75;color:var(--jsu-muted);margin:18px 0 0}
#egp-javascript-upgrade .jsu-hero-visual{margin:0;border:1px solid var(--jsu-line);border-radius:23px;box-shadow:0 20px 65px #18202b0c;background:#fcfcfe;overflow:hidden}
#egp-javascript-upgrade .jsu-visual-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--jsu-line);padding:15px 18px;background:#fff;font-size:.55rem;font-weight:800;letter-spacing:.12em;line-height:1.4}
#egp-javascript-upgrade .jsu-tag{color:var(--jsu-rose-deep);background:#fff0f4;padding:5px 7px;border-radius:5px;font-size:.51rem;white-space:nowrap}
#egp-javascript-upgrade .jsu-hero-visual img{width:100%}
#egp-javascript-upgrade :where(.jsu-hero-visual,.jsu-capture-visual) figcaption{padding:0 20px 20px;text-align:center;font-size:.69rem;line-height:1.7;color:var(--jsu-muted)}
#egp-javascript-upgrade .jsu-boundary{display:grid;grid-template-columns:.7fr 2fr;gap:32px;border:1px solid #f7d5df;border-left:4px solid var(--jsu-rose);border-radius:13px;background:#fff5f8;padding:24px 29px;font-size:.86rem;line-height:1.8}
#egp-javascript-upgrade .jsu-boundary>strong{font-size:1.05rem;line-height:1.5}
#egp-javascript-upgrade .jsu-boundary p{margin:0;color:#645664}
#egp-javascript-upgrade .jsu-jump{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:22px;border-bottom:1px solid var(--jsu-line);margin:23px 0 48px}
#egp-javascript-upgrade .jsu-jump a{padding:9px 12px;border:1px solid #e9ecf1;border-radius:7px;background:var(--jsu-soft);text-decoration:none;color:#4d5867;font-size:.72rem;line-height:1.5}
#egp-javascript-upgrade .jsu-jump a:hover{color:var(--jsu-rose-deep);background:#ffeff4}
#egp-javascript-upgrade .jsu-section,#egp-javascript-upgrade .jsu-workspace{padding:57px 0;border-bottom:1px solid var(--jsu-line)}
#egp-javascript-upgrade .jsu-workspace{padding-top:0}
#egp-javascript-upgrade .jsu-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:47px;align-items:end;margin-bottom:31px}
#egp-javascript-upgrade .jsu-heading .jsu-eyebrow{margin-bottom:14px}
#egp-javascript-upgrade .jsu-heading>p{font-size:.91rem;line-height:1.85;color:var(--jsu-muted);margin-bottom:15px}
#egp-javascript-upgrade .jsu-tool-shell{padding:clamp(13px,2.6vw,30px);border:1px solid var(--jsu-line);border-radius:23px;background:#fff;box-shadow:0 14px 50px #18202b09;min-width:0}
#egp-javascript-upgrade .jsu-workspace-note{font-size:.76rem;line-height:1.85;color:var(--jsu-muted);margin:17px 0 0}
#egp-javascript-upgrade .jsu-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px;min-width:0}
#egp-javascript-upgrade .jsu-source-options{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--jsu-line);border-radius:15px;overflow:hidden;background:#fcfcfe}
#egp-javascript-upgrade .jsu-source-option{padding:29px;min-width:0}
#egp-javascript-upgrade .jsu-source-option+.jsu-source-option{border-left:1px solid var(--jsu-line)}
#egp-javascript-upgrade .jsu-source-option p{font-size:.91rem;margin-bottom:0}
#egp-javascript-upgrade .jsu-index{display:block;font-size:.63rem;line-height:1.65;font-weight:800;letter-spacing:.12em;color:var(--jsu-rose);margin-bottom:14px}
#egp-javascript-upgrade .jsu-section-tail{padding-top:28px;font-size:.9rem;color:#4c5868}
#egp-javascript-upgrade .jsu-section-tail p:last-child{margin-bottom:0}
#egp-javascript-upgrade .jsu-snapshot-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:40px;align-items:start;min-width:0}
#egp-javascript-upgrade .jsu-copy p,#egp-javascript-upgrade .jsu-copy-grid p{font-size:.92rem;line-height:1.87;color:#4c5868}
#egp-javascript-upgrade .jsu-capture-visual{margin:0;border:1px solid var(--jsu-line);border-radius:20px;background:#fcfcfe;overflow:hidden}
#egp-javascript-upgrade .jsu-capture-visual img{width:100%}
#egp-javascript-upgrade .jsu-context-strip{display:grid;grid-template-columns:.8fr 2fr;gap:35px;padding:27px 30px;border-left:3px solid var(--jsu-rose);background:#fff6f8;border-radius:0 13px 13px 0;margin-top:27px}
#egp-javascript-upgrade .jsu-context-strip p{font-size:.88rem;line-height:1.85;color:#625665}
#egp-javascript-upgrade .jsu-context-strip p:last-child{margin-bottom:0}
#egp-javascript-upgrade .jsu-signal-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px}
#egp-javascript-upgrade .jsu-signal{position:relative;padding:24px 0 0;border-top:2px solid #e11d4850;min-width:0}
#egp-javascript-upgrade .jsu-signal-number{display:block;font-size:2.5rem;font-weight:750;line-height:1;letter-spacing:-.06em;color:#d4145a22;margin-bottom:20px}
#egp-javascript-upgrade .jsu-signal p{font-size:.9rem;line-height:1.88;color:#4c5868}
#egp-javascript-upgrade .jsu-route-pair{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:23px 0 25px;padding:19px;border:1px solid var(--jsu-line);border-radius:12px;background:#fafbfc}
#egp-javascript-upgrade .jsu-route-pair>span{font-size:1.6rem;color:var(--jsu-rose)}
#egp-javascript-upgrade .jsu-route-pair div{min-width:0}
#egp-javascript-upgrade .jsu-route-pair div>span{display:block;font-size:.52rem;font-weight:800;line-height:1.7;letter-spacing:.08em;color:#727b87;margin-bottom:7px}
#egp-javascript-upgrade .jsu-route-pair code{font-size:.75rem;border:0;padding:0;background:none}
#egp-javascript-upgrade .jsu-evidence-key{border:1px solid var(--jsu-line);border-radius:12px;margin:23px 0;background:#fcfcfe;overflow:hidden}
#egp-javascript-upgrade .jsu-evidence-key>div{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:17px;padding:15px 18px}
#egp-javascript-upgrade .jsu-evidence-key>div+div{border-top:1px solid var(--jsu-line)}
#egp-javascript-upgrade .jsu-evidence-key code{padding:7px 4px;text-align:center;font-size:.91rem;background:#fff3f7;border-color:#f7d5df;color:var(--jsu-rose-deep)}
#egp-javascript-upgrade .jsu-evidence-key p{margin:0;font-size:.79rem;line-height:1.7}
#egp-javascript-upgrade .jsu-evidence-key strong{color:var(--jsu-ink);font-weight:700}
#egp-javascript-upgrade .jsu-example-label{padding-left:17px;border-left:3px solid #e11d4850}
#egp-javascript-upgrade .jsu-example-label>strong:first-child{display:block;color:var(--jsu-rose-deep);margin-bottom:9px}
#egp-javascript-upgrade .jsu-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--jsu-line);border-radius:13px;overscroll-behavior-inline:contain}
#egp-javascript-upgrade .jsu-example-table{width:100%;min-width:670px;border-collapse:collapse;margin:0;table-layout:fixed;font-size:.84rem;line-height:1.8;background:#fff}
#egp-javascript-upgrade .jsu-example-table caption{text-align:left;background:#fafbfc;padding:17px 20px;font-size:.75rem;font-weight:650;color:var(--jsu-muted);caption-side:top}
#egp-javascript-upgrade .jsu-example-table th,#egp-javascript-upgrade .jsu-example-table td{text-align:left;padding:18px 20px;vertical-align:top;border:0;border-bottom:1px solid var(--jsu-line);color:#4c5868;overflow-wrap:anywhere}
#egp-javascript-upgrade .jsu-example-table thead th{font-size:.69rem;font-weight:800;letter-spacing:.035em;line-height:1.65;color:var(--jsu-ink);background:#fff4f7}
#egp-javascript-upgrade .jsu-example-table th:first-child{width:38%}
#egp-javascript-upgrade .jsu-example-table tbody th{font-weight:650;color:var(--jsu-ink)}
#egp-javascript-upgrade .jsu-example-table tbody tr:last-child :where(th,td){border-bottom:0}
#egp-javascript-upgrade .jsu-inline-note{padding:22px 25px;margin-top:25px;background:#fff5f8;border:1px solid #f7d5df;border-radius:13px;font-size:.87rem}
#egp-javascript-upgrade .jsu-inline-note>strong{display:block;margin-bottom:8px;color:#822640}
#egp-javascript-upgrade .jsu-inline-note p{margin-bottom:0;color:#625665}
#egp-javascript-upgrade .jsu-handoff{display:grid;grid-template-columns:1.5fr .8fr;gap:40px;align-items:start}
#egp-javascript-upgrade .jsu-handoff-steps{list-style:none;padding:0;margin:0}
#egp-javascript-upgrade .jsu-handoff-steps li{display:grid;grid-template-columns:38px 1fr;gap:20px;padding:0 0 22px;margin-bottom:25px;border-bottom:1px solid var(--jsu-line)}
#egp-javascript-upgrade .jsu-handoff-steps li:last-child{padding:0;margin:0;border:0}
#egp-javascript-upgrade .jsu-handoff-steps li>span{display:grid;place-items:center;width:36px;height:36px;font-size:.63rem;font-weight:800;line-height:1;color:var(--jsu-rose-deep);border:1px solid #f4cbd7;background:#fff3f7;border-radius:10px}
#egp-javascript-upgrade .jsu-handoff-steps h3{font-size:1.08rem;margin-bottom:11px}
#egp-javascript-upgrade .jsu-handoff-steps p{font-size:.9rem;line-height:1.88;color:#4c5868;margin-bottom:0}
#egp-javascript-upgrade .jsu-related-note{padding:27px;background:#f6f7fa;border-radius:15px;border:1px solid var(--jsu-line)}
#egp-javascript-upgrade .jsu-related-note p{font-size:.86rem;line-height:1.88;color:#596574}
#egp-javascript-upgrade .jsu-related-note p:last-child{margin-bottom:0}
#egp-javascript-upgrade .jsu-next{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding:41px 35px;margin:46px 0 0;border:1px solid #f3d4de;border-radius:18px;background:linear-gradient(120deg,#fff8fa 0%,#fff 100%)}
#egp-javascript-upgrade .jsu-next h2{font-size:clamp(1.75rem,2.7vw,2.35rem)}
#egp-javascript-upgrade .jsu-next p:not(.jsu-eyebrow){font-size:.89rem;line-height:1.88;color:#625665}
#egp-javascript-upgrade .jsu-next p:last-child{margin-bottom:0}
#egp-javascript-upgrade .jsu-details{border:1px solid var(--jsu-line);border-radius:11px;background:#fff;margin:12px 0;overflow:hidden}
#egp-javascript-upgrade .jsu-details summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;min-height:65px;padding:19px 22px;font-size:.92rem;font-weight:700;line-height:1.6;color:var(--jsu-ink)}
#egp-javascript-upgrade .jsu-details summary::-webkit-details-marker{display:none}
#egp-javascript-upgrade .jsu-details summary>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;color:var(--jsu-rose);background:#fff0f4;font-size:1.2rem;font-weight:400;line-height:1;transition:transform .15s ease}
#egp-javascript-upgrade .jsu-details[open] summary{background:#fff8fa}
#egp-javascript-upgrade .jsu-details[open] summary>span{transform:rotate(45deg)}
#egp-javascript-upgrade .jsu-details>div{padding:0 22px 20px;background:#fff8fa}
#egp-javascript-upgrade .jsu-details>div p{font-size:.89rem;line-height:1.9;color:#596574;max-width:900px;margin-bottom:0}
#egp-javascript-upgrade .jsu-return{margin:28px 0 0}
@media(min-width:1500px){#egp-javascript-upgrade{max-width:1320px;padding-left:35px;padding-right:35px}}
@media(max-width:1000px){#egp-javascript-upgrade .jsu-hero{gap:26px}#egp-javascript-upgrade .jsu-heading{gap:28px}#egp-javascript-upgrade .jsu-snapshot-layout{grid-template-columns:1fr 1fr;gap:28px}#egp-javascript-upgrade .jsu-signal-layout{gap:30px}#egp-javascript-upgrade .jsu-handoff{grid-template-columns:1.3fr .8fr;gap:26px}#egp-javascript-upgrade .jsu-route-pair{flex-wrap:wrap;gap:12px;padding:16px}#egp-javascript-upgrade .jsu-next{padding:32px;gap:30px}}
@media(max-width:760px){#egp-javascript-upgrade{padding:19px 18px 45px}#egp-javascript-upgrade .jsu-breadcrumb{font-size:.7rem;padding-bottom:25px;gap:8px}#egp-javascript-upgrade .jsu-hero{grid-template-columns:1fr;gap:29px;padding-top:4px;padding-bottom:28px}#egp-javascript-upgrade h1:not(.egp-js *){font-size:clamp(2.75rem,9vw,4rem);line-height:1.07}#egp-javascript-upgrade .jsu-lead{font-size:1rem;line-height:1.83}#egp-javascript-upgrade .jsu-hero-visual{max-width:580px;width:100%;justify-self:center;border-radius:17px}#egp-javascript-upgrade .jsu-boundary{grid-template-columns:1fr;gap:14px;padding:22px}#egp-javascript-upgrade .jsu-boundary>strong br{display:none}#egp-javascript-upgrade .jsu-jump{margin-bottom:35px;gap:8px}#egp-javascript-upgrade .jsu-jump a{font-size:.69rem;padding:9px 11px}#egp-javascript-upgrade .jsu-section,#egp-javascript-upgrade .jsu-workspace{padding:39px 0}#egp-javascript-upgrade .jsu-workspace{padding-top:0}#egp-javascript-upgrade .jsu-heading{grid-template-columns:1fr;gap:3px;margin-bottom:24px}#egp-javascript-upgrade .jsu-heading>p{margin-bottom:0}#egp-javascript-upgrade h2:not(.egp-js *){font-size:clamp(1.85rem,6.6vw,2.5rem);line-height:1.16}#egp-javascript-upgrade .jsu-tool-shell{border-radius:15px;padding:13px}#egp-javascript-upgrade .jsu-two-columns,#egp-javascript-upgrade .jsu-source-options,#egp-javascript-upgrade .jsu-snapshot-layout,#egp-javascript-upgrade .jsu-signal-layout,#egp-javascript-upgrade .jsu-context-strip,#egp-javascript-upgrade .jsu-handoff,#egp-javascript-upgrade .jsu-next{grid-template-columns:1fr;gap:23px}#egp-javascript-upgrade .jsu-source-options{gap:0}#egp-javascript-upgrade .jsu-source-option{padding:24px}#egp-javascript-upgrade .jsu-source-option+.jsu-source-option{border-left:0;border-top:1px solid var(--jsu-line)}#egp-javascript-upgrade .jsu-two-columns p:last-child{margin-bottom:0}#egp-javascript-upgrade .jsu-context-strip{padding:24px;gap:10px;margin-top:27px}#egp-javascript-upgrade .jsu-context-strip h3{margin-bottom:5px}#egp-javascript-upgrade .jsu-signal{padding-top:22px}#egp-javascript-upgrade .jsu-signal-number{font-size:2.2rem;margin-bottom:17px}#egp-javascript-upgrade .jsu-signal-layout{gap:25px}#egp-javascript-upgrade .jsu-capture-visual{max-width:530px;justify-self:center}#egp-javascript-upgrade .jsu-route-pair{flex-wrap:nowrap;gap:12px;justify-content:space-around}#egp-javascript-upgrade .jsu-route-pair div>span{font-size:.48rem}#egp-javascript-upgrade .jsu-route-pair code{font-size:.7rem}#egp-javascript-upgrade .jsu-example-table{min-width:640px}#egp-javascript-upgrade .jsu-example-table th,#egp-javascript-upgrade .jsu-example-table td{padding:16px}#egp-javascript-upgrade .jsu-section-tail{padding-top:24px}#egp-javascript-upgrade .jsu-handoff-steps li{gap:14px;grid-template-columns:34px 1fr}#egp-javascript-upgrade .jsu-handoff-steps li>span{width:32px;height:32px}#egp-javascript-upgrade .jsu-related-note{padding:24px}#egp-javascript-upgrade .jsu-next{padding:26px;margin-top:35px}#egp-javascript-upgrade .jsu-details summary{padding:18px;font-size:.88rem}#egp-javascript-upgrade .jsu-details>div{padding:0 18px 18px}}
@media(max-width:390px){#egp-javascript-upgrade{padding-left:13px;padding-right:13px}#egp-javascript-upgrade .jsu-button{font-size:.8rem;padding:12px 15px;gap:11px}#egp-javascript-upgrade .jsu-actions{gap:9px}#egp-javascript-upgrade .jsu-tool-shell{padding:10px}#egp-javascript-upgrade .jsu-source-option,#egp-javascript-upgrade .jsu-context-strip,#egp-javascript-upgrade .jsu-next{padding:21px}#egp-javascript-upgrade .jsu-route-pair{padding:14px 10px;gap:8px}#egp-javascript-upgrade .jsu-route-pair code{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){#egp-javascript-upgrade :where(.jsu-button,.jsu-details summary>span){transition:none}}