:root{--site-header-height:99px}
html{scroll-padding-top:calc(var(--site-header-height) + 16px)}
body>.header{position:sticky;top:0;z-index:150;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #132f4b06}
body.atlas-page>.header{background:#07132bf5}
.mobile-nav{max-height:calc(100dvh - var(--site-header-height));overflow:auto}
.collection-reading-path{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:28px}
.collection-reading-path strong{display:block;font-size:20px}.collection-reading-path p{margin-top:5px;font-size:15px;color:var(--muted)}
.collection-reading-path>a{white-space:nowrap;color:#2463b6;font-size:15px}
.longform-reader .reader-aside{top:calc(var(--site-header-height) + 24px)}
.longform-reader .toc{max-height:calc(100dvh - var(--site-header-height) - 48px);scrollbar-color:#528bd3 #edf2f8}
.longform-reader .toc nav a[aria-current]{background:linear-gradient(100deg,#e8f0fe,#eef7fa);border-left-color:#397bd3}
.reading-meter{top:var(--site-header-height);height:3px;background:#d6e4f226}
.reading-meter>span{background:linear-gradient(90deg,#245fce 0%,#4b91e7 55%,#67c0d8 100%);box-shadow:0 0 7px #4b91e72b}
.longform-reader .prose>section{scroll-margin-top:16px}
.atlas-page .dictionary-index{top:calc(var(--site-header-height) + 24px);max-height:calc(100dvh - var(--site-header-height) - 48px)}
@supports selector(::-webkit-scrollbar){
 .longform-reader .toc{scrollbar-width:auto;scrollbar-color:auto}
 .longform-reader .toc::-webkit-scrollbar{width:7px}
 .longform-reader .toc::-webkit-scrollbar-track{background:#edf2f8;border-radius:12px}
 .longform-reader .toc::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3973cf,#65afd8);border-radius:12px;border:1px solid #edf2f8}
 .longform-reader .toc::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#245fc4,#4598ca)}
}
@media(max-width:760px){
 :root{--site-header-height:80px}
 .collection-reading-path{align-items:flex-start;gap:16px}
 .longform-reader .reader-aside{position:static}
 .longform-reader .toc{max-height:min(50dvh,calc(100dvh - var(--site-header-height) - 48px))}
 .atlas-page .dictionary-index{max-height:none}
}
@media print{body>.header{position:static;backdrop-filter:none;box-shadow:none}}