.main-nav-group{position:relative}
.main-nav-group>summary{list-style:none;cursor:pointer}
.main-nav-group>summary::-webkit-details-marker{display:none}
.main-nav-group>summary::after{content:"⌄";margin-left:5px;color:#a38048}
.main-nav-menu{position:absolute;top:calc(100% + 16px);left:-16px;z-index:50;display:none;min-width:220px;max-height:min(70vh,540px);overflow:auto;padding:9px;border:1px solid #dfd5c6;background:#f5ebdd;box-shadow:0 18px 42px rgba(20,46,40,.16)}
.main-nav-group[open]>.main-nav-menu{display:grid}
.main-nav-menu a{padding:9px 11px;white-space:nowrap}
.main-nav-menu a:hover{background:#eadcc7;color:#244638}
@media(max-width:850px){.main-nav-group{width:100%}.main-nav-group>summary{padding:8px 0}.main-nav-menu{position:static;max-height:none;min-width:0;margin:0 0 8px;padding:4px 8px;background:#efe3d0;box-shadow:none}.main-nav-menu a{white-space:normal}}