/* Blog header uses the current site's shared header, logo, navigation and button styles. */
.journal-page .blog-site-header{color:var(--brand-text);isolation:isolate}
.journal-page .blog-site-header .btn,.journal-page .blog-mobile-menu .btn{color:#fff}
.journal-page .blog-site-header .desktop-nav a{font-weight:500}
.journal-page .blog-language{position:relative;flex:0 0 auto}
.journal-page .blog-language>.language-trigger{font-size:12px;font-weight:600;gap:7px;padding:8px 4px;color:var(--brand-navy);line-height:inherit}
.journal-page .blog-language>.language-trigger::-webkit-details-marker{display:none}
.journal-page .blog-language-list{position:absolute;top:calc(100% + 5px);right:0;display:grid;gap:2px;z-index:50;border-radius:6px}
.journal-page .blog-language:not([open])>.blog-language-list{display:none}
.journal-page .blog-language-list a{display:flex;gap:16px;align-items:center;min-height:46px;padding:10px 12px;font-size:14px;color:var(--brand-text);text-decoration:none}
.journal-page .blog-language-list a small{margin-left:auto;font-size:11px;letter-spacing:.06em;color:var(--brand-muted)}
.journal-page .blog-language-list a[aria-current],.journal-page .blog-language-list a:hover{color:var(--brand-navy);background:#eeedf5}
.journal-page .blog-mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,100vw);min-width:0;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--brand-border);padding:50px 28px calc(28px + env(safe-area-inset-bottom));background:#fff;color:var(--brand-text);overflow-y:auto;overscroll-behavior:contain;box-shadow:-10px 0 35px #1e18521a}
.journal-page .blog-mobile-menu:not([open]){display:none}
.journal-page .blog-mobile-menu::backdrop{background:rgb(0 0 0 / .5)}
.journal-page .blog-menu-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--brand-navy);background:transparent;border:0;cursor:pointer}
.journal-page .blog-mobile-menu nav>a{color:var(--brand-text);text-decoration:none}
.journal-page .blog-mobile-menu nav>a[aria-current]{color:var(--brand-navy);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.journal-page .blog-site-header :focus-visible,.journal-page .blog-mobile-menu :focus-visible{outline:2px solid var(--brand-navy);outline-offset:4px}
@media(max-width:700px){.journal-page .blog-language>.language-trigger{gap:5px}}
@media(min-width:1921px){.journal-page .blog-site-header{padding-inline:calc((100% - 1748px)/2)}}
@media print{.journal-page .blog-mobile-menu{display:none!important}}