/* Article grid: readable main column and contextual tools on the shared rails. */
:is(.site-blog-article,.site-resource) .article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:start}
:is(.site-blog-article,.site-resource) .article-main{min-width:0}
:is(.site-blog-article,.site-resource) .article-flow{width:100%;max-width:100%;margin-left:0 !important;margin-right:0 !important}
:is(.site-blog-article,.site-resource) .article-main .art-img-fullbleed{width:100%;max-width:100%;margin-top:40px;margin-bottom:40px}
:is(.site-blog-article,.site-resource) .article-main .layout-reading>*{max-width:100%}
.article-sidebar{min-width:0;border-top:1px solid #ffffff24;padding-top:28px}
.article-sidebar-inner{color:#e3e8dd}
:is(.site-blog-article,.site-resource) .article-sidebar .reader-related-title{font:600 20px/1.25 var(--font-ui) !important;letter-spacing:-.025em !important;margin:0 0 8px}
.reader-sidebar-intro{font:400 13px/1.6 var(--font-ui);color:#b8c0b0;margin:0 0 20px}
.reader-related-list{display:grid;gap:12px}
:is(.site-blog-article,.site-resource) .reader-related{display:block;border:1px solid #ffffff20;border-radius:18px;padding:18px;text-decoration:none;background:linear-gradient(145deg,#ffffff05,#ffffff01);transition:background .2s ease,border-color .2s ease,transform .25s var(--site-ease)}
:is(.site-blog-article,.site-resource) .reader-related p{margin:0;color:#c0c7b8;font:400 12px/1.5 var(--font-ui);letter-spacing:0;text-transform:none}
:is(.site-blog-article,.site-resource) .reader-related p+p{margin-top:8px}
:is(.site-blog-article,.site-resource) .reader-related p:nth-child(2){font-size:16px;font-weight:550;line-height:1.4;color:#edf0e7}
:is(.site-blog-article,.site-resource) .reader-related p:last-child{font-size:12px;color:#bdce96}
.reader-outline{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin-top:24px}
.reader-outline summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:16px 0;font:550 14px/1.4 var(--font-ui)}
.reader-outline summary::-webkit-details-marker{display:none}
.reader-outline summary span{font-size:20px;transition:transform .2s ease}
.reader-outline[open] summary span{transform:rotate(45deg)}
.reader-outline ol{list-style:decimal;margin:0;padding:0 0 16px 20px}
.reader-outline li{color:#8f9b83;padding-left:4px}
.reader-outline a{display:block;padding:7px 0;color:#bdc5b4;font:400 13px/1.45 var(--font-ui);text-decoration:none;overflow-wrap:anywhere}
.reader-outline a[aria-current="location"]{color:#d4f000}
.reader-back{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:12px;color:#d7dece;font:500 13px/1.4 var(--font-ui);text-decoration:none}
.article-sidebar a:focus-visible,.reader-outline summary:focus-visible{outline:2px solid #d4f000;outline-offset:3px;border-radius:6px}
.reader-progress{margin-bottom:28px}
.reader-progress[hidden]{display:none}
.reader-progress-label{display:flex;justify-content:space-between;font:400 11px/1.4 var(--font-ui);color:#abb69f;margin-bottom:10px;font-variant-numeric:tabular-nums}
.reader-progress-track{height:3px;background:#ffffff18;border-radius:3px;overflow:hidden}
.reader-progress-track span{display:block;width:100%;height:100%;background:#c8df6b;transform:scaleX(0);transform-origin:left}
@media(min-width:1100px){:is(.site-blog-article,.site-resource) .article-layout{grid-template-columns:minmax(0,48rem) minmax(260px,1fr);gap:clamp(40px,5vw,80px)}.article-sidebar{position:sticky;top:calc(var(--site-nav-height) + env(safe-area-inset-top,0px) + 24px);border-top:0;border-left:1px solid #ffffff1c;padding:0 0 0 28px}.article-sidebar-inner{max-height:calc(100vh - var(--site-nav-height) - 56px);max-height:calc(100dvh - var(--site-nav-height) - env(safe-area-inset-top,0px) - 56px);overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 4px 4px;scrollbar-width:thin;scrollbar-color:#555e4b transparent}}
@media(min-width:600px) and (max-width:1099px){.reader-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:hover) and (pointer:fine){:is(.site-blog-article,.site-resource) .reader-related:hover{transform:translateY(-2px);border-color:#d4f00060;background:#d4f00006}.reader-back:hover,.reader-outline a:hover{color:#d4f000}}
@media(prefers-reduced-motion:reduce){:is(.site-blog-article,.site-resource) .reader-related,.reader-outline summary span{transition:none!important;transform:none!important}}
.reader-outline.reader-outline-mobile{margin:0 0 32px;border:1px solid #ffffff24;border-radius:16px;padding:0 18px;background:#ffffff03}@media(max-width:1099px){.article-sidebar .reader-progress{display:none}}
/* Reading advances along the navbar edge, without adding a second toolbar. */
@media(max-width:1099px){
 #navbar .reader-progress-mobile{position:absolute;inset:auto 0 0;margin:0;pointer-events:none}
 #navbar .reader-progress-mobile .reader-progress-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #navbar .reader-progress-mobile .reader-progress-track{height:3px;border-radius:0;background:#ffffff16}
 #navbar .reader-progress-mobile .reader-progress-track span{background:#c8df6b}
}