.article{width:calc(33% - .75em);margin:0 0 2em 0}.articles:after,.articles:before{width:calc(33% - .75em)}.search-navigation{display:none;margin:0 0 1em 0;position:relative}.search-navigation:after{display:block;content:"";position:absolute;bottom:0;z-index:1;background:#fff;width:100%;height:3px}.search-navigation button{background:#fff;border:3px solid #fff;border-bottom:0;border-radius:0;border-top-left-radius:3px;border-top-right-radius:3px;margin:0 .5em 0 0;padding:.5em 1em;z-index:2;position:relative;font-size:1rem}.search-navigation button.active{background:#f5f5f5;font-weight:bold}.extra-search-content{width:400px;margin-left:2em;margin-right:0}@media only screen and (min-width:0) and (max-width:100rem){.article,.articles:after,.articles:before{width:calc(50% - .5em)}}@media only screen and (min-width:0) and (max-width:65rem){.search-navigation{display:flex}.extra-search-content{width:100%;position:relative;margin:0;transform:none;height:auto}.extra-search-content .filter,.extra-search-content .filter.hide{display:none}.extra-search-content .filter.show{display:block}.extra-search-content .filter.hide .inner{max-height:unset;padding-top:0;padding-bottom:0}.extra-search-content .filter.hide .inner a{border-bottom:2px solid #fafafa;padding:1em 2em;margin:0}.extra-search-content .filter.hide .inner:after{display:none}.extra-search-content .filter .toggle-filter{display:none}.search-navigation button{font-size:.9rem}.article{width:100%}}