/* Two-level article contents, using the existing WiseDPO palette. */
.eg-contents{max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.eg-contents nav{display:flex;flex-direction:column;gap:4px;overflow:visible}
.toc-row{display:flex;align-items:stretch;gap:0}
.eg-contents nav .toc-primary{flex:1;min-width:0;align-items:baseline;padding:10px 5px 10px 8px;gap:8px}
.toc-number{flex-shrink:0}
.toc-toggle{flex:0 0 25px;color:#81776d;padding:0;border-radius:3px;font-size:17px;align-self:center;height:32px}
.toc-toggle:hover{color:#a13c16;background:#f2e8df}
.toc-toggle[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
.toc-children{margin:0 0 8px 17px;border-left:1px solid #e6ded5}
.toc-children[hidden]{display:none}
.eg-contents nav .toc-child{font-size:11px;line-height:1.8;padding:6px 9px;margin-left:-1px;border-left:2px solid transparent;border-radius:0;background:transparent;color:#7c7166}
.eg-contents nav .toc-child[aria-current]{border-color:var(--blue);color:var(--blue);background:#f6ede5}
.eg-contents nav .toc-parent-active{color:var(--blue);font-weight:600}
.eg-article h3,.eg-article h4,.toc-legacy-anchor,.ot-group{scroll-margin-top:30px}
.eg-article h4{font-size:14px;font-weight:600;line-height:1.8;color:#514a42;margin:19px 0 8px}
.eg-article h5{font-size:13px;font-weight:600;line-height:1.8;color:#62594f;margin:17px 0 7px}
.ot-group>.ot-answer{margin-top:15px}.ot-group+.ot-group{margin-top:30px}
.ot-group>h3{font-size:17px}
.toc-legacy-anchor{display:block;height:0}
@media(max-width:760px){
 .eg-contents{position:static;max-height:320px;padding:10px 12px;background:#f5f1eb;border-radius:4px;margin-bottom:20px}
 .eg-contents nav{flex-direction:column;overflow:visible;padding:0;gap:2px}
 .eg-contents nav a{white-space:normal;border-bottom:0;border-left:2px solid transparent}
 .eg-contents nav .toc-primary{font-size:12px;padding:8px}
 .eg-contents nav .toc-number{display:inline;font-size:10px}
 .eg-contents nav .toc-child{font-size:12px}
 .toc-toggle{flex-basis:32px}
}

/* Individual mechanisms sit under the three shared article categories. */
.eg-mechanism{scroll-margin-top:30px;margin-top:20px}
.eg-section[data-ca-nav]>.eg-subsection>h3{font-size:16px}
.eg-path-note{scroll-margin-top:30px}