/* Keep the existing article typography and give the fixed contents rail its own space. */
.nvLearningDetail.nvTocReady > .containerWrap { width:calc(100% - 64px); max-width:1280px; }
.nvTocReady .nvArticleLayout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:44px; align-items:start; }
.nvArticleLayout > .main_content { min-width:0; width:100%; }
.nvArticleTocRail { min-width:0; align-self:stretch; }
.nvArticleTocPanel { position:fixed; width:220px; top:var(--nv-toc-top,180px); max-height:calc(100dvh - var(--nv-toc-top,180px) - 24px); overflow:auto; overscroll-behavior:contain; z-index:90; padding:18px 14px; background:#fff; color:#173949; border:1px solid #d4dfe3; border-radius:12px; scrollbar-color:#9dabb2 #f3f6f7; scrollbar-width:thin; }
.nvTocHeading { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 0 12px; }
.nvTocHeading h2 { font-size:16px!important; line-height:1.5!important; margin:0!important; color:#173949!important; font-weight:600; }
.nvArticleTocPanel .nvTocLinks { list-style:none; padding:0; margin:0; }
.nvTocLinks li { padding:0; margin:0 0 3px; }
.nvTocLinks a { display:block; font-size:14px; line-height:1.65; text-decoration:none; padding:8px 10px; color:#36515e; border-radius:5px; overflow-wrap:anywhere; }
.nvTocLinks li[data-depth="1"] a { padding-left:22px; }
.nvTocLinks li[data-depth="2"] a { padding-left:34px; }
.nvTocLinks li[data-depth="3"] a { padding-left:46px; }
.nvTocLinks a:hover,.nvTocLinks a[aria-current="location"] { color:#843c20; background:#f7eee5; }
.nvTocLinks a[aria-current="location"] { font-weight:600; }
.nvTocToggle,.nvTocClose { display:none; }
.nvTocBackdrop[hidden],.nvArticleTocRail[hidden] { display:none!important; }
[data-article-body] :is(h1,h2,h3,h4) { scroll-margin-top:var(--nv-anchor-top,180px); }
.nvArticleRelated { margin:56px 0; color:#173949; }
.nvArticleRelated > h2 { font-size:26px; line-height:1.4; font-weight:600; margin:0 0 22px; color:#173949; }
.nvRelatedGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.nvRelatedGrid > li { min-width:0; }
.nvRelatedGrid > li > a { display:block; height:100%; text-decoration:none; color:#173949; }
.nvRelatedImage { overflow:hidden; border-radius:10px; background:#edf2f4; aspect-ratio:16/10; margin-bottom:16px; }
.nvRelatedImage img { width:100%; height:100%; object-fit:cover; }
.nvRelatedType { font-size:14px; color:#526773; }
.nvRelatedGrid h3 { font-size:20px; line-height:1.5; font-weight:600; margin:8px 0 14px; overflow-wrap:anywhere; }
.nvRelatedAction { font-size:14px; color:#89401f; text-decoration:underline; text-underline-offset:4px; }
.nvArticleRelated a:hover h3 { color:#89401f; }
.nvArticleTocRail :focus-visible,.nvArticleRelated :focus-visible { outline:2px solid #9b4d29; outline-offset:4px; }
@media(max-width:1100px) {
 .nvLearningDetail.nvTocReady > .containerWrap { width:calc(100% - 40px); }
 .nvTocReady .nvArticleLayout { display:block; }
 .nvTocReady .nvArticleHeading { padding-top:54px; }
 .nvTocToggle { position:fixed; top:var(--nv-toc-top,104px); left:12px; z-index:1031; display:flex; align-items:center; justify-content:center; gap:7px; min-width:44px; height:44px; border:1px solid #c7d6dc; border-radius:10px; background:#fff; color:#173949; box-shadow:0 4px 14px #1739491a; padding:8px 12px; font-size:14px; }
 .nvArticleTocPanel { display:none; top:var(--nv-toc-top,104px); left:12px; width:min(330px,calc(100vw - 24px)); max-height:calc(100dvh - var(--nv-toc-top,104px) - 16px); z-index:1043; padding:16px; }
 .nvArticleTocRail.is-open .nvArticleTocPanel { display:block; }
 .nvTocClose { display:flex; width:40px; height:40px; align-items:center; justify-content:center; border:0; background:#f2f5f6; color:#173949; border-radius:6px; }
 .nvTocBackdrop { position:fixed; inset:0; z-index:1042; border:0; background:#17394966; }
 .nvTocLinks a { font-size:16px; padding-top:11px; padding-bottom:11px; }
 body.nvTocOpen { overflow:hidden; }
}
@media(max-width:600px) {
 .nvRelatedGrid { grid-template-columns:minmax(0,1fr); gap:26px; }
 .nvArticleRelated { margin:40px 0; }
 .nvRelatedGrid > li > a { display:grid; grid-template-columns:100px minmax(0,1fr); gap:0 16px; align-content:start; }
 .nvRelatedImage { grid-column:1; grid-row:1/4; margin:0; aspect-ratio:1; }
 .nvRelatedGrid > li > a:not(:has(.nvRelatedImage)) { display:block; }
 .nvRelatedGrid h3 { font-size:18px; margin-top:5px; margin-bottom:10px; }
}