@import url("./root.css");
@import url("./fonts.css");
@import url("./base.css");
@import url("./animation.css");
@import url("./glassmorphism.css");
@import url("./navbar.css");
@import url("./footer.css");
@import url("./insight/must-read.css");
@import url("./insight/insight.css");
@import url("./insight/article.css");

.insight-page {
    min-height: 100vh;
    background: #ffffff;
    color: var(--text);
    font-family: var(--font-primary);
}

.insight-page main {
    padding-top: calc(var(--site-nav-offset, 96px) + 28px);
    transition: filter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

body.is-nav-open .insight-page main {
    filter: blur(14px) brightness(0.5) saturate(0.85);
}