section{&.category-headline{align-items:start;display:grid;gap:3rem;grid-template-columns:100%;height:auto;justify-content:start;margin:0;padding:0;width:100%;>h3{color:var(--text-black);display:block;font-size:2.8rem;font-weight:700;height:auto;margin:0;padding:0;text-align:left;width:100%}>nav{height:auto;margin:0;overflow:auto;padding:0;width:100%;>ul{align-items:start;display:flex;flex-flow:row wrap;gap:0;height:auto;justify-content:start;margin:0;padding:0;width:-moz-max-content;width:max-content;>li{align-items:start;border-left:.1rem solid var(--border-darkgray);display:grid;gap:0;grid-template-columns:auto 1fr;height:auto;justify-content:start;margin:0;padding:0;width:auto;&.current_page_item{>a{color:var(--text-white);cursor:default;pointer-events:none;&:before{background-color:var(--background-blue);height:100%}}}&:has(.post-all){border-left:unset}>a{color:var(--text-black);display:none;font-size:1.4rem;font-weight:500;height:auto;line-height:1;margin:0;padding:1rem 4rem;position:relative;text-align:center;transition:.3s;width:100%;z-index:0;&:before{background-color:var(--background-darkgray);content:"";height:0;inset:auto 0 0 0;margin:0;padding:0;position:absolute;transition:.3s;width:100%;z-index:-10}&:hover{color:var(--text-white);&:before{background-color:var(--background-darkgray);height:100%}}}>ul{align-items:start;display:flex;flex-flow:row wrap;gap:0;height:auto;justify-content:start;margin:0;padding:0;width:-moz-max-content;width:max-content;>li{align-items:start;border-left:.1rem solid var(--border-darkgray);display:grid;gap:0;grid-template-columns:auto 1fr;height:auto;justify-content:start;margin:0;padding:0;width:auto;&:last-child{border-right:.1rem solid var(--border-darkgray)}&.current-menu-item{>a{color:var(--text-white);cursor:default;pointer-events:none;&:before{background-color:var(--background-blue);height:100%}}}>a{color:var(--text-black);display:block;font-size:1.4rem;font-weight:500;height:auto;line-height:1;margin:0;padding:1rem 4rem;position:relative;text-align:center;transition:.3s;width:100%;z-index:0;&:before{background-color:var(--background-darkgray);content:"";height:0;inset:auto 0 0 0;margin:0;padding:0;position:absolute;transition:.3s;width:100%;z-index:-10}&:hover{color:var(--text-white);&:before{background-color:var(--background-darkgray);height:100%}}}}}}}}}}