body #main .sv-reading-aside nav a{color:#929292!important;transition:color .18s ease}
body #main .sv-reading-aside nav a[aria-current="location"]{color:#fff!important}
body #main .sv-reading-aside nav a:focus-visible{outline:1px solid #fff;outline-offset:4px}

@media(max-width:760px){
 body #main .sv-article .sv-reading-layout{display:block!important;min-width:0}
 body #main .sv-article .sv-reading-aside{position:sticky!important;top:var(--article-nav-top,64px)!important;z-index:900;width:100%!important;max-width:none!important;margin:0 0 28px!important;padding:0!important;justify-self:stretch;background:#2e323d;border-top:0!important;border-bottom:0!important;transition:top .28s ease}
 body #main .sv-article .sv-reading-aside>nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:22px!important;max-width:none!important;width:100%;height:46px;margin:0!important;padding:0 12px;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body #main .sv-article .sv-reading-aside>nav::-webkit-scrollbar{display:none}
 body #main .sv-article .sv-reading-aside>nav a{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;font-size:11px!important;line-height:1.4!important;min-height:44px;text-decoration:none!important}
 body #main .sv-reading-body :is(h2,h3),body #main #article-context{scroll-margin-top:130px}
}
@media(prefers-reduced-motion:reduce){body #main .sv-article .sv-reading-aside{transition:none!important}}

@media(max-width:760px){
 body #main .sv-article .sv-reading-aside>nav{gap:0!important}
 body #main .sv-article .sv-reading-aside>nav a+a::before{content:"";display:inline-block;width:1px;height:12px;background:rgba(255,255,255,.3);margin:0 14px;flex:0 0 1px}
}

@media(max-width:760px){
 body #main .sv-article .sv-reading-aside{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box}
 body #main .sv-article .sv-reading-aside>nav{padding-left:20px!important;padding-right:20px!important;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}
 body #main .sv-article .sv-reading-aside>nav a{font-size:10px!important}
}

@media(max-width:760px){
 body #main .sv-article .sv-reading-aside{background:transparent!important}
 body #main .sv-article .sv-reading-aside.is-stuck{background:#2e323d!important}
}

@media(max-width:760px){
 body #main .sv-article .sv-reading-aside{margin-top:0!important;margin-bottom:14px!important;transition:top .28s ease,background-color .4s ease!important}
 body #main .sv-article .sv-reading-aside>nav{height:34px!important;padding-top:0!important;padding-bottom:0!important}
 body #main .sv-article .sv-reading-aside>nav a{min-height:34px!important;padding-top:0!important;padding-bottom:0!important;transition:color .3s ease!important}
 body #main .sv-article-lead+.sv-reading-layout{padding-top:24px!important}
}
@media(prefers-reduced-motion:reduce){body #main .sv-article .sv-reading-aside,body #main .sv-article .sv-reading-aside>nav a{transition:none!important}}

@media(max-width:760px){
 body #main .sv-article .sv-reading-aside{top:calc(var(--article-nav-top,64px) - 2px)!important}
 body #main .sv-article .sv-reading-aside>nav{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 55px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 55px),transparent 100%)}
}

/* Align the article opening with its section navigation. */
body #main .sv-reading-body>:first-child{margin-top:0!important}
@media(min-width:761px){
 body #main .sv-reading-aside>nav{margin-top:0!important}
 body #main .sv-reading-body{padding-top:0!important}
 body #main .sv-reading-aside nav a{position:relative;padding-right:25px}
 body #main .sv-reading-aside nav a::after{content:"→";position:absolute;right:0;top:0;color:#bdff63;font-size:18px;line-height:1.1;opacity:0;transform:translateX(-8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
 body #main .sv-reading-aside nav a[aria-current="location"]::after{opacity:1;transform:translateX(0)}
}
@media(max-width:760px){body #main .sv-reading-aside nav a::after{display:none!important}}
@media(prefers-reduced-motion:reduce){body #main .sv-reading-aside nav a::after{transition:none!important}}

body #main .sv-article-image-frame.adhder-parallax-cover{overflow:hidden!important}
body #main .sv-article-image-frame.adhder-parallax-cover img{transform:translate3d(0,var(--article-photo-shift,0px),0) scale(1.24)!important;transform-origin:center!important;transition:none!important;animation:none!important;will-change:transform}
@media(prefers-reduced-motion:reduce){body #main .sv-article-image-frame img{transform:none!important;will-change:auto!important}}

@media(max-width:760px){
 body #main .sv-article .sv-article-lead .sv-article-cover{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
 body #main .sv-article .sv-article-lead .sv-article-image-frame{width:100%!important;max-width:none!important;left:auto!important;right:auto!important;border-radius:0!important}
}

body #main .adhder-mobile-posted{display:none}
body #main .sv-article-byline{display:flex;flex-direction:row;align-items:baseline;gap:12px 24px;flex-wrap:wrap}
body #main .adhder-posted-details{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
body #main .adhder-posted-details time{font:inherit;color:inherit}
@media(min-width:761px){body #main .sv-article .sv-article-lead .sv-article-deck{max-width:900px!important}body #main .sv-article .sv-article-byline{max-width:900px!important}}
@media(max-width:760px){
 body #main .sv-article .sv-article-byline{display:none!important}
 body #main .adhder-mobile-posted{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 14px;width:100%;box-sizing:border-box;margin:12px 0 0;padding:0;font-size:11px;line-height:1.5;color:#aaa}
 body #main .adhder-mobile-posted time{font:inherit;color:inherit}
}

/* Match the introduction container to the cover; keep the deck compact. */
body #main .sv-article .sv-article-lead .sv-article-deck{width:100%!important;max-width:300px!important}
@media(min-width:761px){
 body #main .sv-article .sv-article-lead-with-image{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 body #main .sv-article .sv-article-lead-with-image .sv-article-introduction,
 body #main .sv-article .sv-article-lead-with-image .sv-article-cover{width:min(100%,1400px)!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
 body #main .sv-article .sv-article-lead-with-image .sv-article-introduction{padding-left:0!important;padding-right:0!important}
 body #main .sv-article .sv-article-byline{width:100%!important;max-width:none!important}
}

/* One shared desktop container defines both introduction and image edges. */
@media(min-width:761px){
 body #main main.sv-page.sv-article section.sv-article-lead.sv-article-lead-with-image{display:flex!important;flex-direction:column!important;width:100%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important}
 body #main main.sv-page.sv-article .sv-article-lead-with-image>.sv-article-introduction,
 body #main main.sv-page.sv-article .sv-article-lead-with-image>figure.sv-article-cover{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box;align-self:stretch!important}
 body #main main.sv-page.sv-article .sv-article-introduction>h1,
 body #main main.sv-page.sv-article .sv-article-introduction>.sv-article-byline{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 body #main main.sv-page.sv-article .sv-article-introduction>.sv-article-deck{max-width:300px!important;margin-left:0!important;margin-right:0!important}
 body #main .sv-article .adhder-posted-details{column-gap:16px!important}
}

@media(max-width:760px){
 body #main .sv-article-lead>.adhder-mobile-posted{display:flex!important;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right;gap:3px;width:100%;margin:0 0 10px!important;padding:0!important}
 body #main .sv-article .sv-reading-aside>nav{padding-left:32px!important;scroll-padding-left:32px}
 body #main .sv-article .sv-reading-aside>nav>a:first-child{margin-left:0!important}
}

body #main .sv-article-introduction h1>.adhder-title-word{display:inline!important;font:inherit;letter-spacing:inherit}

@media(max-width:760px){
 body #main .sv-article-introduction>.adhder-mobile-posted{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:100%!important;margin:14px 0 0!important;padding:0!important;text-align:left!important;font-size:clamp(8px,2.35vw,10px)!important;line-height:1.4;white-space:nowrap}
 body #main .sv-article-introduction>.adhder-mobile-posted>.adhder-posted-author,
 body #main .sv-article-introduction>.adhder-mobile-posted>time{display:inline!important;flex:0 0 auto;white-space:nowrap;font:inherit!important}
 body #main .sv-article-introduction>.adhder-mobile-posted>.sv-mobile-read-time{display:inline-flex!important;position:static!important;flex:0 0 auto;align-items:center;margin-left:auto!important;background:#bdff63!important;color:#000!important;border-radius:3px!important;padding:1px 4px!important;font-size:10px!important;line-height:1.4!important;font-weight:600;text-transform:uppercase!important;white-space:nowrap}
 body #main .sv-article-introduction>.sv-article-category{max-width:100%!important}
}

body #main .sv-article-introduction h1,
body #main .sv-article-introduction h1 *{color:#fff!important}
body #main .sv-article-introduction .sv-article-deck>.adhder-description-word{display:inline!important;font:inherit;letter-spacing:inherit}

@media(min-width:901px){
 body #main main.sv-page.sv-article section.sv-article-lead.sv-article-lead-with-image{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:65px 0 50px!important}
}

/* Mobile overview cue and tighter image-to-navigation spacing. */
@media(max-width:760px){
 body #main .sv-article .sv-reading-aside>nav>a:first-child::before{content:"→";display:inline-block!important;position:static!important;margin-left:0!important;margin-right:8px;color:#bdff63!important;font-size:16px;line-height:1;opacity:1!important;transform:none!important;flex:0 0 auto}
 body #main .sv-article-lead{padding-bottom:0!important;margin-bottom:0!important;row-gap:24px!important}
 body #main .sv-article-lead .sv-article-cover{margin-bottom:0!important}
 body #main .sv-article-lead+.sv-reading-layout{padding-top:10px!important;margin-top:0!important}
}

@media(max-width:760px){body #main .sv-article-lead .sv-article-cover{margin-top:20px!important}}

/* Reserve the right quarter beside the main title on larger screens. */
@media(min-width:901px){
 body #main main.sv-page.sv-article .sv-article-introduction>h1{width:75%!important;max-width:75%!important;box-sizing:border-box}
}

/* Pin desktop section navigation below the top header. */
@media(min-width:761px){
 body #main .sv-article .sv-reading-layout{align-items:start!important}
 body #main .sv-article .sv-reading-aside{position:sticky!important;top:calc(var(--article-nav-top,64px) + 16px)!important;align-self:start!important;transform:none!important;max-height:calc(100dvh - var(--adhder-sticky-nav-height,64px) - 32px);overflow-y:auto;scrollbar-width:thin}
 body #main .sv-article .sv-reading-aside>nav{margin-top:0!important;margin-bottom:0!important}
}

/* Desktop sidebar uses the page scroll only. */
@media(min-width:761px){body #main .sv-article .sv-reading-aside{max-height:none!important;overflow:visible!important;scrollbar-width:none!important}}

/* Desktop: centre the reading column independently of the left navigation. */
@media(min-width:901px){
 body #main .sv-article .sv-reading-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,740px) minmax(0,1fr)!important;column-gap:24px!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;align-items:start!important}
 body #main .sv-article .sv-reading-body{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:740px!important;margin-left:auto!important;margin-right:auto!important}
 body #main .sv-article .sv-reading-aside{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;justify-self:start!important;margin-left:0!important;padding-left:0!important}
 body #main .sv-article .sv-reading-aside>nav{width:100%!important;max-width:240px!important;margin-left:0!important;margin-right:auto!important;padding-left:0!important}
}

/* Match the image's 1400px container while keeping the body centred. */
@media(min-width:901px){
 body #main .sv-article .sv-reading-layout{width:min(100%,1400px)!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}
 body #main .sv-article .sv-reading-aside>nav{overflow-wrap:anywhere}
}

/* Desktop hover is visual only; section navigation requires a click. */
@media(min-width:761px){
 body #main .sv-article .sv-reading-aside nav a:is(:hover,:focus-visible){color:#fff!important}
 body #main .sv-article .sv-reading-aside nav a>.adhder-section-flip{display:inline-block;transform-origin:center;backface-visibility:hidden}
 body #main .sv-article .sv-reading-aside nav a:is(:hover,:focus-visible)>.adhder-section-flip{animation:adhder-section-text-flip .45s ease both}
}
@keyframes adhder-section-text-flip{0%{transform:rotateX(0deg)}49%{transform:rotateX(90deg)}50%{transform:rotateX(-90deg)}100%{transform:rotateX(0deg)}}
@media(prefers-reduced-motion:reduce){body #main .sv-article .sv-reading-aside nav a>.adhder-section-flip{animation:none!important}}

/* Mobile: article section links use the main listing pages' category pill slider (Knowledge row). */
@media(max-width:760px){
 html body #main main.sv-article .sv-reading-aside,
 html body #main main.sv-article .sv-reading-aside.is-stuck{background:#000!important;padding:12px 0 4px!important}
 html body #main main.sv-article .sv-reading-aside>nav{gap:8px!important;height:auto!important;align-items:center!important;padding:3px 12px 15px!important;scroll-padding-left:12px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 115px),rgba(0,0,0,.32) calc(100% - 35px),transparent 100%),linear-gradient(#000,#000)!important;-webkit-mask-size:100% calc(100% - 12px),100% 12px!important;-webkit-mask-position:top,bottom!important;-webkit-mask-repeat:no-repeat!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 115px),rgba(0,0,0,.32) calc(100% - 35px),transparent 100%),linear-gradient(#000,#000)!important;mask-size:100% calc(100% - 12px),100% 12px!important;mask-position:top,bottom!important;mask-repeat:no-repeat!important}
 html body #main main.sv-article .sv-reading-aside>nav>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 auto!important;height:auto!important;min-height:30px!important;margin:0!important;padding:7px 10px!important;border:1px solid #666!important;border-radius:50px!important;background:transparent!important;color:#fff!important;font-family:Switzer,Arial,sans-serif!important;font-size:11px!important;font-weight:400!important;line-height:1.3!important;letter-spacing:-.02em!important;text-decoration:none!important;white-space:nowrap!important;transition:none!important}
 html body #main main.sv-article .sv-reading-aside>nav>a:is([aria-current="location"],:hover){background:#bdff63!important;border-color:#bdff63!important;color:#000!important}
 html body #main main.sv-article .sv-reading-aside>nav>a:nth-child(n)::before,
 html body #main main.sv-article .sv-reading-aside>nav>a:nth-child(n)::after{content:none!important;display:none!important}
}