.category-tabs-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));box-shadow:0 2px 12px #ffd08555;overflow:visible;margin:30px 20px;position:relative}.category-tab-button{width:100%;padding:4px;background:#fff;color:#943211;border:1px solid #f29726;font-weight:700;font-size:14px;cursor:pointer;outline:none;transition:background .2s,color .2s}.category-tab-button.active{background:#8e2e0f;color:#fff;border-color:transparent}.article-dropdown-wrapper{position:relative}.article-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #f29726;border-top:none;z-index:1000;box-shadow:0 4px 12px #ffd08555;margin-top:1px}.article-dropdown-item{width:100%;padding:8px 12px;background:#fff;color:#943211;border:none;border-bottom:1px solid #f29726;font-weight:700;font-size:13px;cursor:pointer;outline:none;text-align:left;transition:background .2s,color .2s}.article-dropdown-item:last-child{border-bottom:none}.article-dropdown-item:hover{background:#ffd085;color:#943211}.article-dropdown-item.active{background:#8e2e0f;color:#fff}@media (max-width:768px){.category-tabs-container{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tab-button{font-size:12px;padding:4px 2px}}@media (max-width:480px){.category-tabs-container{grid-template-columns:1fr 1fr}}