.update-page{--update-header-height:88px;--update-navigation-height:80px;--update-document-padding:112px;--update-gold:#846136;--update-muted:#625e57;background:#faf7f2;color:#141515;padding-bottom:68px}
.update-page .update-wrap{max-width:1440px}
.update-page h1,.update-page h2,.update-page h3,.update-page h4,.update-page p,.update-page figure{margin:0}
.update-intro{padding:70px 0 0}
.update-intro .eyebrow{color:var(--update-gold);margin-bottom:22px}
.update-intro h1{font-size:clamp(43px,5.6vw,76px);font-weight:500;line-height:1.06;letter-spacing:-.055em}
.update-intro h1>span{color:var(--update-gold)}
.update-page .update-lead{max-width:650px;margin-top:23px;font-size:19px;line-height:1.6;color:var(--update-muted)}
.update-topics{position:sticky;top:calc(var(--update-header-height) + 10px);z-index:20;display:flex;align-items:center;gap:20px;min-width:0;margin:34px 0 30px;padding:10px 12px 13px 22px;border:1px solid #d8cdbd;border-radius:12px;background:#faf7f2f5;backdrop-filter:blur(14px);box-shadow:0 3px 12px #3c2c1705;transition:box-shadow .2s}
.update-topics.is-stuck{box-shadow:0 9px 28px #3c2c1717}
.update-topics-position{flex:0 0 auto;display:grid;gap:2px;padding-right:20px;border-right:1px solid #d8cdbd}
.update-topics-position[hidden]{display:none}
.update-topics-label{font-size:10px;font-weight:650;letter-spacing:.04em;color:var(--update-muted)}
.update-topics-count{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.update-topics-count b{font-size:25px;font-weight:500;line-height:1.1;letter-spacing:-.04em;color:var(--update-gold)}
.update-topics-count>span{font-size:12px;color:var(--update-muted)}
.update-topics-track{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9b89f transparent;scroll-padding-inline:5px;padding:4px}
.update-topics-track::-webkit-scrollbar{height:3px}
.update-topics-track::-webkit-scrollbar-thumb{background:#c9b89f;border-radius:3px}
.update-topics a{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;min-height:44px;padding:10px 13px;border-radius:7px;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;transition:background .15s,color .15s}
.update-topics a:hover{background:#eee7dc}
.update-topics a>span{font-size:10px;color:var(--update-gold);font-variant-numeric:tabular-nums}
.update-topics a[aria-current=location]{background:#141515;color:#f1dfc5;box-shadow:0 3px 7px #14151514}
.update-topics a[aria-current=location]>span{color:#e8c48a}
.update-page .update-topics a:focus-visible{outline-offset:0}
.update-reading-progress{position:absolute;bottom:0;left:16px;right:16px;height:2px;overflow:hidden;background:#d8cdbd66}
.update-reading-progress>span{display:block;height:100%;background:#a27a46;transform:scaleX(0);transform-origin:left}
.update-section{padding:40px 0 43px;border-top:1px solid #dcd4c8;scroll-margin-top:110px}
.update-section-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:25px}
.update-index{color:var(--update-gold);font-size:13px;padding-top:10px}
.update-section h2{font-size:clamp(30px,3.3vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1.15}
.update-section-heading p{max-width:720px;color:var(--update-muted);font-size:17px;line-height:1.5;margin-top:12px}
.update-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.update-comparison-single{grid-template-columns:minmax(0,1fr);max-width:1100px;margin-inline:auto}
.update-migration{margin-bottom:26px;padding:22px 25px;border-left:4px solid #b58c57;background:#f0e9df}
.update-migration h3{font-size:21px;font-weight:650;letter-spacing:-.02em}
.update-migration p{max-width:920px;margin-top:9px;font-size:16px;line-height:1.6;color:var(--update-muted)}
.update-shot{min-width:0}
.update-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.update-shot figcaption strong{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:650}
.update-shot-new figcaption strong{color:var(--update-gold)}
.update-shot figcaption>span{font-size:12px;color:var(--update-muted)}
.update-image-link{display:block;border:1px solid #d8cdbd;border-radius:8px;background:#fffdfa;overflow:hidden;transition:box-shadow .15s}
.update-image-link:hover{box-shadow:0 7px 22px #14151514}
.update-screen{display:block;position:relative;isolation:isolate}
.update-screen img{display:block;width:100%;height:auto;aspect-ratio:2732/2048}
.update-pin{position:absolute;left:clamp(13px,var(--pin-x),calc(100% - 13px));top:clamp(13px,var(--pin-y),calc(100% - 13px));transform:translate(-50%,-50%);width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fff;background:#e8c48a;color:#141515;box-shadow:0 1px 5px #0006;font:700 13px/1 'Urbanist',sans-serif;pointer-events:none}
.update-enlarge{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 13px;border-top:1px solid #d8cdbd;font-size:12px;color:#625e57}
.update-enlarge .icon{width:15px;height:15px}
.update-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:25px 0 0;padding:0}
.update-notes li{display:flex;align-items:flex-start;gap:12px}
.update-note-number{display:flex;align-items:center;justify-content:center;flex:0 0 26px;height:26px;background:#e8c48a;border-radius:50%;font-size:13px;font-weight:700}
.update-notes :is(h3,h4){font-size:18px;font-weight:650;letter-spacing:-.02em;line-height:1.45}
.update-notes p{font-size:15px;line-height:1.6;color:var(--update-muted);margin-top:7px}
.update-footnote{padding:22px 25px;background:#f0e9df;border-radius:6px;font-size:14px;line-height:1.6;color:var(--update-muted)}
.update-page a:focus-visible,.update-viewer button:focus-visible,.update-viewer-scroll:focus-visible{outline:3px solid #846136;outline-offset:4px}
.update-viewer{padding:0;width:min(1500px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);border:1px solid #d8cdbd;border-radius:10px;background:#faf7f2;color:#141515;overflow:hidden}
.update-viewer::backdrop{background:#141515d9}
.update-viewer[open]{display:flex;flex-direction:column}
.update-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;flex-shrink:0;border-bottom:1px solid #d8cdbd}
.update-viewer-bar h2{font:600 18px/1.35 'Urbanist',sans-serif;letter-spacing:-.02em;margin:0}
.update-viewer-actions{display:flex;gap:8px}
.update-viewer button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;border:1px solid #c9b89f;border-radius:5px;background:transparent;color:inherit;font:600 14px/1.2 'Urbanist',sans-serif;padding:8px 13px;cursor:pointer;white-space:nowrap}
.update-viewer button:hover,.update-viewer button[aria-pressed=true]{background:#f1dfc5}
.update-viewer button .icon{width:17px;height:17px}
.update-viewer-scroll{overflow:auto;overscroll-behavior:contain;padding:16px;min-height:0}
.update-viewer .update-screen{width:100%;max-width:calc((100dvh - 160px)*2732/2048);margin:auto}
.update-viewer.is-zoomed .update-screen{width:1366px;max-width:none;margin:0 auto}
.update-viewer-open{overflow:hidden}
.update-notes-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.update-note-link{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:650;color:var(--update-gold);text-decoration:underline;text-underline-offset:3px}
.update-note-link .icon,.update-detail-nav .icon{width:16px;height:16px;flex-shrink:0}
.update-detail-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:30px 0;padding:20px 0;border-top:1px solid #dcd4c8;border-bottom:1px solid #dcd4c8}
.update-detail-nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:15px;font-weight:600;color:var(--update-gold)}
.update-mapping h3,.update-detail-heading h3,.update-finish h3{font-size:clamp(24px,2.6vw,32px);font-weight:500;letter-spacing:-.035em;line-height:1.2}
.update-mapping table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:20px;font-size:15px;line-height:1.5}
.update-mapping th,.update-mapping td{text-align:left;vertical-align:top;padding:15px 18px;border-bottom:1px solid #dcd4c8;overflow-wrap:anywhere}
.update-mapping th:first-child{width:29%}
.update-mapping thead{background:#f0e9df}
.update-mapping th,.update-mapping strong{font-weight:650}.update-mapping th{hyphens:auto}
.update-mapping td p{margin-top:4px;color:var(--update-muted)}
.update-detail{margin-top:45px;padding-top:35px;border-top:1px solid #dcd4c8;scroll-margin-top:110px}
.update-detail-heading{margin-bottom:25px}
.update-detail-heading p{max-width:820px;margin-top:12px;font-size:17px;line-height:1.6;color:var(--update-muted)}
.update-page .update-step{margin-top:12px;padding:0;border:1px solid #d8cdbd;border-radius:10px;background:#fffdfa;overflow:clip}
.update-step>summary{display:flex;align-items:center;gap:18px;min-height:82px;padding:20px 24px;cursor:pointer;list-style:none}
.update-step>summary::-webkit-details-marker{display:none}
.update-step>summary h3{flex:1;min-width:0;font-size:clamp(20px,2.2vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.025em}
.update-step>summary>.icon{width:22px;height:22px;flex:none;color:var(--update-gold)}
.update-step[open]>summary>.icon{transform:rotate(45deg)}
.update-step-number{font-size:12px;color:var(--update-gold);font-variant-numeric:tabular-nums}
.update-step>summary:hover,.update-step[open]>summary{background:#f0e9df}
.update-step>summary:focus-visible{outline:3px solid #846136;outline-offset:-4px}
.update-step-content{padding:25px}
.update-page .update-step-intro{max-width:850px;margin-bottom:25px;font-size:17px;line-height:1.6;color:var(--update-muted)}
@media(max-width:740px){.update-step>summary{padding:18px 14px;gap:12px;min-height:74px}.update-step-content{padding:18px 12px}.update-page .update-step-intro{font-size:16px}}
.update-finish{margin-top:35px;padding:28px;border-left:4px solid #b58c57;background:#f0e9df;scroll-margin-top:110px}
.update-finish p{max-width:920px;margin-top:14px;font-size:16px;line-height:1.65;color:var(--update-muted)}
@media(max-width:960px){.update-notes{gap:20px}.update-notes li{gap:9px}.update-notes :is(h3,h4){font-size:17px}.update-comparison{gap:18px}}
@media(max-width:740px){.update-detail,.update-finish{scroll-margin-top:90px}.update-mapping th,.update-mapping td{padding:12px 9px;font-size:14px}.update-mapping th:first-child{width:43%}.update-detail{margin-top:32px;padding-top:28px}.update-detail-heading p{font-size:16px}.update-finish{padding:20px}.update-detail-nav{gap:4px}.update-detail-nav a{width:100%}.update-intro{padding-top:42px}.update-page .update-lead{font-size:17px}.update-topics{gap:8px;margin-top:26px;margin-bottom:22px;padding:7px 6px 10px 12px;border-radius:10px}.update-topics-position{padding-right:10px}.update-topics-label{display:none}.update-topics-count{display:grid;gap:1px;text-align:center}.update-topics-count b{font-size:21px}.update-topics-count>span{font-size:10px}.update-topics a{font-size:13px;padding:10px 12px;gap:7px}.update-topics a>span{display:none}.update-section{padding:30px 0 34px;scroll-margin-top:90px}.update-section-heading{gap:12px}.update-section-heading p{font-size:16px}.update-comparison{grid-template-columns:1fr;gap:24px}.update-notes{grid-template-columns:1fr;gap:19px}.update-notes :is(h3,h4){font-size:18px}.update-notes p{margin-top:3px}.update-notes li{gap:12px}.update-page{padding-bottom:40px}.update-footnote{padding:18px}.update-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.update-viewer-bar{flex-wrap:wrap;padding:10px 12px;gap:8px}.update-viewer-bar h2{font-size:16px;flex:1 1 100%}.update-viewer-actions{margin-left:auto}.update-viewer-scroll{padding:8px}.update-viewer .update-screen{max-width:calc((100dvh - 170px)*2732/2048)}.update-viewer.is-zoomed .update-screen{max-width:none}}
@media(prefers-reduced-motion:reduce){.update-topics a,.update-image-link{transition:none}}

/* Account for both bars without adding the document's scroll padding twice. */
.update-page :is(.update-section,.update-detail,.update-finish){scroll-margin-top:calc(var(--update-header-height) + var(--update-navigation-height) + 26px - var(--update-document-padding))}
@media(max-width:960px){.update-page{--update-header-height:78px}}
@media(max-width:740px){.update-page{--update-header-height:74px;--update-navigation-height:74px;--update-document-padding:90px}html:not(.enhanced) .update-topics{position:static}html:not(.enhanced) .update-topics-position{display:none}}
@media(prefers-reduced-motion:reduce){.update-topics{transition:none}}
@media print{.update-topics{position:static;box-shadow:none;backdrop-filter:none}.update-topics-track{flex-wrap:wrap;overflow:visible}.update-reading-progress,.update-topics-position{display:none}}
