ul.navigation {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}

		ul.navigation li {position: relative;display: block;font-size: 13px;}

		ul.navigation li > ul {display: none;position: absolute;
		    top: 100%;
		    width: 230px;
		    padding: 0;
		    left: 0;}

		ul.navigation li a {text-decoration: none;  color: #000;  background: #efefef;  padding: 3px 10px;  display: block;}

		ul.navigation li:hover a {background: #2c2c2c;color: #fff;}

		ul.navigation li:hover > ul {display: block;}

		ul.navigation li:hover > ul li {width: 100%;}

		ul.navigation li:hover ul ul {left: 100%;top: 0;}
		ul.navigation li ul li:hover > a {background: #efefef;color: #000;}
		ul.navigation li.dropdown:before {content: "";border: 5px solid transparent;position: absolute;border-top-color: #000;right: 3px;top: 54%;transform: translateY(-50%);}

		ul.navigation li:hover:before {border-top-color: #fff;}
		ul.navigation li.dropdown li.dropdown:before {border-top-color: #fff;}

		ul.navigation li.dropdown li.dropdown:hover:before {border-top-color: #2c2c2c;}

/* Tile crossref: click-to-open (+) instead of hover dropdown */
.tile-more { margin-top: 6px; }
.tile-more > summary { list-style: none; display: inline-block; cursor: pointer; }
.tile-more > summary::-webkit-details-marker { display: none; }
.tile-more-content { margin-top: 8px; padding-left: 0; }
.tile-more-content > li { list-style: none; }
/* polish */
.tile-more-btn { user-select: none; }
.tile-more > summary:focus { outline: none; }
.tile-more[open] > summary { filter: brightness(0.95); }

/* Disable legacy hover-dropdown behavior inside tiles; we use <details> now */
.tile .navigation { display: none !important; }
.tile-more { display: inline-block; }
.tile-more-content { list-style: none; margin: 8px 0 0 0; padding: 0; }
.tile-more-content li { margin: 4px 0; }