/* The keyword taxonomy is shared by all five reader themes. */
.main-nav{flex-wrap:wrap;gap:8px 22px;position:relative;z-index:30}
.main-nav > .nav-dropdown{position:relative}
.main-nav > .nav-dropdown > .nav-submenu{top:100%;margin-top:0;min-width:260px;width:max-content;max-width:min(340px,calc(100vw - 40px));max-height:min(640px,calc(100vh - 220px));overflow:auto;padding:16px;box-sizing:border-box;box-shadow:0 12px 28px #241a171c}
.main-nav > .nav-dropdown:nth-last-of-type(-n+2) > .nav-submenu{left:auto;right:0}
.nav-submenu a{white-space:normal;line-height:1.45}
.nav-submenu > a:first-child{font-weight:600;border-bottom:1px solid var(--line,#e2dbd6);padding-bottom:12px}
.nav-submenu .nav-dropdown{width:100%;padding:0}
.nav-submenu .nav-dropdown > summary{padding:9px 0;line-height:1.45}
.nav-submenu .nav-submenu{position:static;min-width:0;width:auto;box-shadow:none;padding:4px 0 10px 14px;gap:10px;border:0;border-left:2px solid var(--line,#e2dbd6);background:transparent}
.nav-submenu .nav-submenu > a:first-child{font-size:.85em;font-weight:400}
.nav-dropdown > summary{cursor:pointer;list-style:none}
.nav-dropdown > summary::-webkit-details-marker{display:none}
.nav-dropdown > summary::after{content:'⌄';margin-left:8px;display:inline-block}
.nav-dropdown[open] > summary::after{transform:rotate(180deg)}
.nav-dropdown a:focus-visible,.nav-dropdown summary:focus-visible,.mobile-menu > summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:980px){
 .main-nav{display:none}
 .mobile-menu{display:block}
 .mobile-menu > nav{max-height:calc(100dvh - 180px);overflow:auto}
 .mobile-menu .nav-dropdown{width:100%}
 .mobile-menu .nav-submenu{position:static;width:auto;min-width:0;box-shadow:none;padding:8px 0 8px 16px;border:0;border-left:2px solid var(--line,#e2dbd6)}
 .mobile-menu .nav-dropdown > summary{padding:12px 0}
 .mobile-menu a{display:block;white-space:normal}
}