[data-article-navigation]>.notes-browser+.notes-browser{margin-top:12px}
[data-article-navigation] .article-browser .note-month{margin:0;border:0;border-radius:0}
.article-step{color:#526d85;font-size:10px;text-align:center;background:#f0f5f9;border-radius:3px;line-height:21px;margin-top:1px;font-variant-numeric:tabular-nums}
.article-browser a[aria-current]{background:#e6f0f8;color:#173f65;font-weight:700;box-shadow:inset 2px 0 #f39510}
.post-body h2[id]{scroll-margin-top:110px}
/* A connected reading timeline, with space between each stop. */
[data-article-navigation] .article-browser .note-month{padding:20px 14px 22px}
.article-browser .note-month ol{position:relative;margin:0;padding:0;border:0}
.article-browser .note-month ol:before{content:"";position:absolute;left:20px;top:22px;bottom:28px;width:1px;background:#bfd3e3}
.article-browser .note-month li{position:relative;margin:0 0 16px;padding:0}
.article-browser .note-month li:last-child{margin-bottom:0}
.article-browser .note-month li a{grid-template-columns:28px minmax(0,1fr);gap:13px;padding:12px 7px;line-height:1.7;min-height:54px}
.article-browser .article-step{position:relative;z-index:1;display:block;width:28px;height:28px;line-height:26px;margin-top:1px;border:1px solid #c8dbea;border-radius:50%;background:#fff;font-size:10px}
.article-browser a[aria-current] .article-step{background:#fff3df;border-color:#f39510;color:#75421b}
@media(min-width:761px){
  .notes-sidebar[data-article-navigation]{position:sticky!important;top:var(--notes-sticky-top,100px);align-self:start;max-height:calc(100dvh - var(--notes-sticky-top,100px) - 20px)!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:12px}
}
/* Keep line wrapping and row geometry unchanged as the active marker moves. */
.article-browser .note-month li a,.article-browser .note-month li a[aria-current]{font-weight:600;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.article-browser .article-step{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
[data-article-navigation] summary:after{transition:transform .26s ease}
@media(min-width:761px){.notes-sidebar[data-article-navigation]{scrollbar-gutter:stable}}
@media(prefers-reduced-motion:reduce){.article-browser .note-month li a,.article-browser .article-step,[data-article-navigation] summary:after{transition:none}}
/* Long technical filenames must not push article layouts beyond mobile widths. */
.blog-layout:has([data-article-navigation]) .post-body a{overflow-wrap:anywhere}