@layer quartz-base{.section h3{margin:0}.section-ul>.section-li:before,.section>.tags>li:before{content:none}.section>.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding-left:0;list-style:none;display:flex}.section>.tags>li{margin:0;display:inline-block}.section-controls.has-filter-rows{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.5rem;display:flex}.section-controls-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.section-controls-label{color:var(--gray);font-size:.8rem}.section-li.is-filtered-out{display:none}.section-filter-btn,.section-sort-btn{font:inherit;border:1px solid var(--lightgray);color:var(--darkgray);cursor:pointer;background:0 0;border-radius:6px;padding:.15rem .55rem;font-size:.8rem;transition:border-color .15s,color .15s}.section-filter-btn:hover,.section-sort-btn:hover{border-color:var(--secondary)}.section-filter-btn.is-active,.section-sort-btn.is-active{border-color:var(--secondary);color:var(--secondary)}.section-filter-btn.is-active{background:var(--lightgray)}.section-sort-btn .sort-arrow{width:.7em;display:inline-block}ul.section-ul.tiled{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:start;gap:1rem;margin-top:.75rem;padding-left:0;display:grid}.section-ul.tiled>.section-li{margin-bottom:0}.section-ul.tiled>.section-li:before{content:none}.section-ul.tiled>.section-li>.section{grid-template-columns:unset;border:1px solid var(--lightgray);background:var(--light);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;transition:box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.section-ul.tiled>.section-li>.section:hover{box-shadow:0 4px 16px #00000024}.section-ul.tiled>.section-li>.section>.meta{order:1;margin:0}.section-ul.tiled>.section-li>.section>.desc{order:0}.section-ul.tiled>.section-li>.section>.tags{order:2;display:flex!important}.section-ul.tiled>.section-li>.section>.section-image{aspect-ratio:16/9;background:var(--lightgray);order:-1;margin:-1rem -1rem 0;overflow:hidden}.section-ul.tiled>.section-li>.section>.section-image img{object-fit:cover;width:100%;height:100%;display:block}.section-ul.tiled>.section-li>.section>.section-image.section-image-color{min-height:60px}}