/* ===== menu: heading = its own page + separate submenu toggle ===== */
nav>ul>li.has-sub{display:flex;align-items:center}
nav>ul>li.has-sub>a{padding-right:0}
.sub-tg{background:none;border:0;color:inherit;font:inherit;font-size:12px;line-height:1;cursor:pointer;padding:10px 6px 10px 3px;opacity:.75;transition:transform .2s,opacity .2s}
.sub-tg:hover,li:hover>.sub-tg{opacity:1}
li.open>.sub-tg{transform:rotate(180deg);opacity:1}
.sub-tg:focus-visible{outline:2px solid #8b55fb;outline-offset:1px;border-radius:6px}
nav>ul>li.has-sub>ul{top:100%}
nav li.cur-p>a,nav a[aria-current=page]{color:#6d3be0}
@media (max-width:1020px){
  nav>ul>li.has-sub{flex-wrap:wrap}
  nav>ul>li.has-sub>a{flex:1;padding:14px 0}
  .sub-tg{width:52px;height:48px;font-size:16px;padding:0}
  nav>ul>li.has-sub>ul{flex:0 0 100%;top:auto}
}