/* Shared dropdown navigation for the site and exported blog. */
.site-header .nav-dropdown{position:relative;flex-shrink:0}
.site-header .nav-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:44px;padding:10px 0;list-style:none;cursor:pointer;font-size:inherit;white-space:nowrap}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary>span{font-size:14px;transition:transform .15s}
.nav-dropdown[open] summary>span{transform:rotate(180deg)}
.nav-dropdown summary:focus-visible{outline:2px solid #4d5945;outline-offset:5px}
.site-header .nav-submenu{position:absolute;top:100%;left:-18px;min-width:290px;max-width:360px;padding:10px;background:#f8f8f5;border:1px solid #dedfd8;border-radius:10px;box-shadow:0 16px 36px #20221f14;z-index:20}
.site-header .nav-submenu a{display:flex;align-items:center;min-height:44px;white-space:normal;padding:10px 12px;font-size:13px;line-height:1.5;border-radius:5px;text-decoration:none}
.site-header .nav-submenu a:hover,.site-header .nav-submenu a:focus-visible{background:#e9ece3;color:#34422b;text-decoration:none}
.site-header .nav-links.open{max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}
@media(min-width:801px) and (max-width:1100px){.site-header .brand small{display:none}.site-header .nav-links{gap:14px;font-size:12px}.site-header .nav-shell{gap:16px}}
@media(max-width:800px){.site-header .nav-dropdown{width:100%}.site-header .nav-dropdown summary{min-height:44px;padding:10px 0}.site-header .nav-submenu{position:static;min-width:0;max-width:none;padding:0 0 8px 14px;border:0;border-left:1px solid #cbd2c1;border-radius:0;box-shadow:none;background:transparent}.site-header .nav-submenu a{font-size:14px}.site-header .nav-links>a{display:flex;align-items:center}.site-header .nav-shell{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.nav-dropdown summary>span{transition:none}}