/* Shared Journal navigation. Links remain available without JavaScript. */
.journal-nav{position:relative;color:var(--text-mid,#203c2e)}
.journal-nav>summary{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:500;line-height:1.6;list-style:none;cursor:pointer;white-space:nowrap}
.journal-nav>summary::-webkit-details-marker{display:none}
.journal-nav>summary svg{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.journal-nav[open]>summary svg{transform:rotate(180deg)}
.journal-nav>summary:hover,.journal-nav[open]>summary,.journal-nav--current>summary{color:#1c4e34;background:#eaf5ee}
.journal-nav>summary:focus-visible,.journal-nav .journal-nav__menu>a:focus-visible{outline:3px solid #839f49;outline-offset:3px}
.journal-nav__menu{position:absolute;right:0;top:100%;z-index:30;width:350px;max-width:calc(100vw - 40px);max-height:calc(100svh - 140px);overflow-y:auto;padding:8px;background:#fff;border:1px solid #d8ebe0;border-radius:12px;box-shadow:0 12px 32px #1c4e3420}
.journal-nav .journal-nav__menu>a{display:block;width:100%;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.65;color:#3d5143;border-radius:6px;white-space:normal;overflow-wrap:break-word;text-align:left;text-decoration:none}
.journal-nav .journal-nav__menu>a:hover,.journal-nav .journal-nav__menu>a[aria-current=page]{background:#eaf5ee;color:#1c4e34}
.journal-nav .journal-nav__menu>a:first-child{font-weight:500;border-bottom:1px solid #e4ebe2;border-radius:6px 6px 0 0;margin-bottom:5px}
.desktop-nav .journal-nav>summary{font-size:12px;padding:10px 9px;margin-inline:-9px}
.journal-nav--mobile{width:100%;border-top:1px solid #dce3d9;border-bottom:1px solid #dce3d9;margin-block:8px}
.journal-nav--mobile>summary{justify-content:space-between;font-size:1rem;padding:14px 16px}
.journal-nav--mobile .journal-nav__menu{position:static;width:100%;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0 0 10px 12px}
.journal-nav--mobile .journal-nav__menu>a{font-size:13px;padding:11px 16px}
.mobile-nav .journal-nav--mobile>summary{font-size:14px;padding:11px 12px}
/* Switch the main header before the additional item crowds the navigation. */
@media(max-width:1024px){.nav .nav__links,.nav .nav__cta{display:none}.nav .nav__burger{display:flex}}
@media(prefers-reduced-motion:reduce){.journal-nav>summary svg{transition:none}}
@media print{.journal-nav{display:none}}
