.clf{--clf-gap:1.25rem;--clf-line:rgba(127,127,127,.28);--clf-accent:#0a66c2;display:grid;gap:var(--clf-gap);grid-template-columns:repeat(var(--clf-cols,3),minmax(0,1fr));margin:1.5rem 0}
.clf--list{grid-template-columns:1fr}
.clf-post{display:flex;flex-direction:column;border:1px solid var(--clf-line);border-radius:6px;overflow:hidden;background:transparent;min-width:0}
.clf--list .clf-post{flex-direction:row}
.clf-media{display:block;flex:0 0 auto;aspect-ratio:16/9;overflow:hidden;background:rgba(127,127,127,.12)}
.clf--list .clf-media{width:32%;aspect-ratio:auto;min-height:100%}
.clf-media img{display:block;width:100%;height:100%;object-fit:cover}
.clf-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem 1.15rem;flex:1}
.clf-date{font-size:.8125rem;opacity:.65}
.clf-title{margin:0;font-size:1.05rem;line-height:1.3}
.clf-text{margin:0;line-height:1.55;overflow-wrap:anywhere}
.clf-more{margin-top:auto;padding-top:.25rem;font-weight:600;color:var(--clf-accent);text-decoration:none}
.clf-more:hover,.clf-more:focus-visible{text-decoration:underline}
.clf-more:focus-visible,.clf-media:focus-visible,.clf-follow a:focus-visible{outline:2px solid var(--clf-accent);outline-offset:2px}
.clf-follow{margin:0 0 1.5rem}
.clf-follow a{font-weight:600;color:var(--clf-accent)}
.clf-empty{padding:1rem;border:1px dashed var(--clf-line);border-radius:6px}
@media (max-width:900px){.clf{grid-template-columns:repeat(min(var(--clf-cols,3),2),minmax(0,1fr))}.clf--list{grid-template-columns:1fr}}
@media (max-width:600px){.clf{grid-template-columns:1fr}.clf--list .clf-post{flex-direction:column}.clf--list .clf-media{width:100%;aspect-ratio:16/9}}