.clarc-f{display:flex;flex-wrap:wrap;gap:.6em 1em;align-items:flex-end;margin:0 0 1.2em;padding:.8em 0;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.clarc-f label{display:flex;flex-direction:column;font-size:11px;letter-spacing:.1em;opacity:.9}.clarc-f span{opacity:.6;margin-bottom:.2em}
.clarc-f select{padding:.35em .5em;min-width:9em}.clarc-x{color:currentColor;font-size:12px}.clarc-n{margin-left:auto;font-size:12px;opacity:.7}
.clarc-g{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:1.2em}.clarc-c{display:block;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,currentColor 14%,transparent);transition:border-color .25s}.clarc-c:hover{border-color:currentColor}
.clarc-i{aspect-ratio:4/3;overflow:hidden}.clarc-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.clarc-c:hover .clarc-i img{transform:scale(1.04)}
.clarc-t{padding:.7em .8em .9em;min-width:0}.clarc-t b{display:block;font-size:1.02em;overflow-wrap:anywhere;word-break:normal;line-break:strict}.clarc-t span{display:block;font-size:.78em;opacity:.65;margin-top:.2em;overflow-wrap:anywhere}
.clarc-p{display:flex;gap:.4em;margin-top:1.4em}.clarc-p a{padding:.2em .6em;border:1px solid color-mix(in srgb,currentColor 30%,transparent);color:inherit;text-decoration:none}.clarc-p a.on{font-weight:700;border-color:currentColor}
.clarc-empty{opacity:.6}@media(max-width:900px){.clarc-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.clarc-g{grid-template-columns:1fr}}