html{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
.ssux-bar{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#FEC226,#f5a500);z-index:120;transition:width .12s linear;}
.ssux-jump{border:1px solid #e6e9f0;border-radius:14px;background:#fff;padding:16px 16px 8px;margin:6px 0 24px;box-shadow:0 6px 18px rgba(15,42,68,.07);}
.ssux-jump h2{font-family:'Merriweather',Georgia,serif;font-size:15px;color:#0f2a44;margin:0 0 10px;padding:0 0 10px;border:0;border-bottom:2px solid #FEC226;letter-spacing:.2px;display:flex;align-items:center;justify-content:space-between;}
.ssux-jump h2 span{font-family:Inter,system-ui,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#9a6b00;}
.ssux-jump ol{list-style:none;margin:0;padding:0;counter-reset:ssux;}
.ssux-jump li{counter-increment:ssux;}
.ssux-jump a{display:flex;align-items:center;gap:12px;min-height:46px;padding:7px 10px 7px 6px;margin:2px 0;border-radius:10px;font-size:15px;line-height:1.35;color:#0f2a44;text-decoration:none;font-weight:600;transition:background .15s,transform .15s;}
.ssux-jump a:before{content:counter(ssux);flex:0 0 26px;height:26px;border-radius:8px;background:#0f2a44;color:#FEC226;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.ssux-jump a:after{content:'\203A';margin-left:auto;color:#c9ced8;font-size:22px;line-height:1;transition:color .15s,transform .15s;}
.ssux-jump a:hover,.ssux-jump a:focus-visible{background:#fffbea;transform:translateX(2px);}
.ssux-jump a:hover:after,.ssux-jump a:focus-visible:after{color:#FEC226;transform:translateX(3px);}
.main-content h2{scroll-margin-top:62px;}
.ssux-up{text-align:right;margin:2px 0 0;font-size:13px;}
.ssux-up a{display:inline-flex;align-items:center;gap:6px;color:#5a6a7e;text-decoration:none;padding:4px 10px;border-radius:999px;border:1px solid #e6e9f0;background:#fff;}
.ssux-up a:before{content:'\2191';color:#FEC226;font-weight:800;}
.ssux-up a:hover,.ssux-up a:focus-visible{color:#0f2a44;border-color:#FEC226;background:#fffbea;}
.ssux-top{position:fixed;right:14px;bottom:16px;width:48px;height:48px;border-radius:50%;background:#0f2a44;color:#FEC226;border:0;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:110;box-shadow:0 6px 18px rgba(15,42,68,.3);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s;}
.ssux-top.on{opacity:1;transform:none;pointer-events:auto;}
.ssux-now{position:fixed;left:0;right:0;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid #e6e9f0;box-shadow:0 2px 12px rgba(15,42,68,.08);display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;transform:translateY(-110%);transition:transform .2s;}
.ssux-now.on{transform:none;}
.ssux-now .ssux-now-t{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:#0f2a44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ssux-now .ssux-now-k{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#9a6b00;display:block;}
.ssux-now a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#0f2a44;color:#fff;font-size:13px;font-weight:700;text-decoration:none;padding:8px 14px;border-radius:999px;}
.ssux-now a:after{content:'\2261';color:#FEC226;font-size:16px;}
.ssux-side{display:none;}
@media(min-width:981px){
html,body{overflow-x:clip;max-width:none;}
.container{overflow:visible;}
.ssux-now{display:none;}
.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:30px;}
.content-grid > .ssux-side,.sidebar > .ssux-side{display:block;order:2;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;border:1px solid #e6e9f0;border-radius:14px;background:#fff;padding:14px 12px 10px;box-shadow:0 6px 18px rgba(15,42,68,.07);scrollbar-width:thin;}
.ssux-side h2{font-family:'Merriweather',Georgia,serif;font-size:14px;color:#0f2a44;margin:0 0 8px;padding:0 4px 8px;border:0;border-bottom:2px solid #FEC226;}
.ssux-side ol{list-style:none;margin:0;padding:0;counter-reset:ssuxs;}
.ssux-side li{counter-increment:ssuxs;}
.ssux-side a{display:flex;align-items:center;gap:9px;padding:7px 8px;margin:1px 0;font-size:13.5px;line-height:1.35;color:#2d3748;text-decoration:none;border-radius:8px;transition:background .15s,color .15s;}
.ssux-side a:before{content:counter(ssuxs);flex:0 0 20px;height:20px;border-radius:6px;background:#eef1f6;color:#5a6a7e;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;}
.ssux-side a:hover,.ssux-side a:focus-visible{color:#0f2a44;background:#fffdf0;}
.ssux-side a.on{color:#0f2a44;font-weight:700;background:#fffbea;}
.ssux-side a.on:before{background:#FEC226;color:#0f2a44;}
.ssux-jump ol{columns:2;column-gap:20px;}
.ssux-jump li{break-inside:avoid;}
}
@media(min-width:760px) and (max-width:980px){.ssux-jump ol{columns:2;column-gap:20px;}.ssux-jump li{break-inside:avoid;}}
@media(max-width:620px){.main-content p{font-size:15.5px;line-height:1.72;}.ssux-jump{padding:14px 12px 6px;}}

/* when the list sits inside a page's existing sidebar it flows with the other cards */
.sidebar > .ssux-side{position:static;max-height:none;margin:0 0 14px;}