/* Progressive enhancement: the original details/nav remains the no-JS and desktop contents list. */
.article-navigation{display:none}
.article-navigation [hidden],.article-navigation[hidden]{display:none!important}
.article-navigation button,.article-navigation input{font:inherit}
.article-navigation button:focus-visible,.article-navigation a:focus-visible,.article-navigation input:focus-visible{outline:2px solid var(--accent,#6ca9ff);outline-offset:3px}
.article-navigation-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:768px){
 .article-toc[data-navigation-ready=true]{display:none}
 .article-navigation{display:block;position:sticky;top:var(--article-navigation-top,70px);z-index:40;margin:20px 0 24px;color:var(--text-primary,#e8edf5);background:var(--bg-primary,#101824);border:1px solid var(--border-color,#3b4a60);border-radius:10px}
 .article-navigation-row{display:flex;align-items:stretch;gap:4px;min-height:54px}
 .article-navigation-toggle{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-content:center;gap:2px 8px;flex:1;min-width:0;min-height:52px;padding:8px 10px;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:9px}
 .article-navigation-hint{grid-column:1;font-size:.69rem;font-weight:600;color:var(--text-secondary,#a9b8cc);line-height:1.15}
 .article-navigation-current{grid-column:1;font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .article-navigation-chevron{grid-column:2;grid-row:1/3;align-self:center;text-align:center;font-size:1.1rem;color:var(--text-secondary,#a9b8cc)}
 .article-navigation-toggle[aria-expanded=true] .article-navigation-chevron{transform:rotate(180deg)}
 .article-navigation-copy{flex:0 0 82px;min-height:44px;margin:5px 5px 5px 0;padding:6px;border:1px solid var(--border-color,#3b4a60);border-radius:7px;background:transparent;color:var(--accent,#8bbdff);font-size:.76rem!important;font-weight:600!important;cursor:pointer}
 .article-navigation-copy:disabled{opacity:.5;cursor:default}
 .article-navigation-panel{position:absolute;top:calc(100% + 6px);left:-1px;right:-1px;overflow-y:auto;overscroll-behavior:contain;max-height:min(420px,55dvh);padding:0 12px 12px;background:var(--bg-primary,#101824);border:1px solid var(--border-color,#3b4a60);border-radius:10px}
 .article-navigation-panel[data-side=above]{top:auto;bottom:calc(100% + 6px)}
 .article-navigation-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:1;min-height:48px;background:var(--bg-primary,#101824);border-bottom:1px solid var(--border-color,#3b4a60)}
 .article-navigation-panel-head strong{font-size:.85rem}
 .article-navigation-close{min-height:44px;min-width:50px;padding:8px 0 8px 8px;color:var(--accent,#8bbdff);background:transparent;border:0;cursor:pointer;font-size:.8rem!important}
 .article-navigation-list ol{list-style:none;margin:6px 0 0;padding:0;columns:1}
 .article-navigation-list li{margin:0;border-bottom:1px solid var(--border-color,#3b4a60)}
 .article-navigation-list li:last-child{border-bottom:0}
 .article-navigation-list a{display:block;min-height:44px;align-content:center;padding:10px 8px;color:var(--text-secondary,#a9b8cc);font-size:.86rem;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;border-radius:5px}
 .article-navigation-list a[aria-current=location]{color:var(--accent,#8bbdff);font-weight:600;background:var(--accent-light,rgba(80,140,230,.1))}
 .article-navigation-list a:hover{color:var(--accent,#8bbdff)}
 .article-navigation-manual{padding-top:12px}
 .article-navigation-manual label{display:block;margin-bottom:8px;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}
 .article-navigation-url{box-sizing:border-box;width:100%;min-height:44px;padding:10px 8px;color:var(--text-primary,#e8edf5);background:var(--bg-secondary,#1b2638);border:1px solid var(--border-color,#3b4a60);border-radius:6px;font-size:.8rem!important}
 .article-navigation-enabled .article-body-content h2[id]{scroll-margin-top:var(--article-navigation-scroll-offset,144px)}
}
@media(prefers-reduced-motion:reduce){html.article-navigation-enabled{scroll-behavior:auto}.article-navigation *{scroll-behavior:auto;transition:none!important;animation:none!important}}
@media print{.article-navigation{display:none!important}.article-toc[data-navigation-ready=true]{display:block}}