.menu-format-dropdown{position:relative}
.menu-format-dropdown>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:7px;font:inherit}
.menu-format-dropdown>summary::-webkit-details-marker{display:none}
.menu-format-dropdown>summary:after{content:'⌄';font:12px/1 var(--sans);margin-left:0}
.menu-format-dropdown[open]>summary{color:var(--gold)}
.menu-format-options{position:absolute;top:100%;left:-18px;z-index:40;display:flex;flex-direction:column;min-width:310px;width:max-content;max-width:min(380px,calc(100vw - 32px));max-height:min(600px,calc(100dvh - var(--site-header-height,110px) - 30px));overflow-y:auto;overscroll-behavior:contain;padding:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 35px #20382c20}
.menu-format-options>a,.nav-menu-options.menu-format-options>a{display:flex;align-items:center;min-height:44px;padding:10px 14px;font:400 12px/1.65 var(--sans);text-align:left;white-space:normal;color:var(--forest);text-decoration:none;overflow-wrap:anywhere}
.menu-format-options>a:hover{background:#eae7dc}
.menu-format-dropdown summary:focus-visible,.menu-format-options>a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mobile-format-dropdown{grid-column:1/-1}
.mobile-format-dropdown>summary{font:21px/1.5 var(--serif)}
.mobile-format-dropdown .menu-format-options{position:static;min-width:0;max-width:none;width:100%;max-height:none;box-shadow:none;margin-top:8px}
@media(max-width:1000px){.mobile-nav{position:fixed;top:var(--site-header-height,90px);max-height:calc(100dvh - var(--site-header-height,90px) - 78px);overflow-y:auto;overscroll-behavior:contain}.journal-header .menu-format-options{left:0;min-width:280px;max-width:calc(100vw - 36px)}}
@media(max-width:600px){.journal-header .menu-format-options{left:-10px;min-width:270px}.menu-format-options>a{font-size:12px}.mobile-format-dropdown>summary{font-size:20px}}