/* AY Post Loop styles */
.ay-pl-wrap{--ay-gap:1.25rem;--ay-radius:1rem;--ay-card-bg:#fff;--ay-border:1px solid rgba(0,0,0,.06);--ay-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 24px -12px rgba(0,0,0,.12);--ay-text:#111;--ay-muted:#666;--ay-button:#111;--ay-button-bg:#f3f4f6;--ay-button-bg-hover:#e5e7eb;color:var(--ay-text)}
.ay-pl-grid{display:grid;gap:var(--ay-gap)}
.ay-pl-grid.cols-1{grid-template-columns:1fr}
.ay-pl-grid.cols-2{grid-template-columns:1fr}
.ay-pl-grid.cols-3{grid-template-columns:1fr}
@media(min-width:640px){
  .ay-pl-grid.cols-2{grid-template-columns:repeat(2,1fr)}
  .ay-pl-grid.cols-3{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .ay-pl-grid.cols-3{grid-template-columns:repeat(3,1fr)}
}
.ay-pl-card{display:flex;flex-direction:column;background:var(--ay-card-bg);border:var(--ay-border);border-radius:var(--ay-radius);box-shadow:var(--ay-shadow);overflow:hidden}
.ay-pl-thumb{display:block;position:relative;aspect-ratio:16/9;background:#f6f7f8}
.ay-pl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ay-pl-thumb--placeholder{width:100%;height:100%;background:linear-gradient(180deg,#f3f4f6,#e5e7eb)}
.ay-pl-meta{padding:1rem 1rem .25rem}
.ay-pl-cats{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}
.ay-pl-cat{font-size:.75rem;line-height:1;border:1px solid rgba(0,0,0,.1);padding:.25rem .5rem;border-radius:999px;color:var(--ay-muted);text-decoration:none}
.ay-pl-cat:hover{border-color:rgba(0,0,0,.2)}
.ay-pl-cat-more{font-size:.75rem;color:var(--ay-muted)}
.ay-pl-title{font-size:1.125rem;margin:.25rem 0}
.ay-pl-title a{color:inherit;text-decoration:none}
.ay-pl-title a:hover{text-decoration:underline}
.ay-pl-date{font-size:.8125rem;color:var(--ay-muted)}
.ay-pl-excerpt{padding:0 1rem 1rem;color:#333;flex:1}
.ay-pl-actions{padding:0 1rem 1rem}
.ay-pl-button{display:inline-block;padding:.625rem 1rem;border-radius:.625rem;background:var(--ay-button-bg);color:var(--ay-button);text-decoration:none;border:1px solid rgba(0,0,0,.08)}
.ay-pl-button:hover{background:var(--ay-button-bg-hover)}
.ay-pl-pagination{display:flex;justify-content:center;margin-top:1rem}
.ay-pl-page-list{display:flex;gap:.5rem;list-style:none;padding:0;margin:0}
.ay-pl-page-item a,.ay-pl-page-item span{display:inline-block;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;text-decoration:none;color:#111;background:#fff}
.ay-pl-page-item .current{background:#111;color:#fff;border-color:#111}
.ay-pl-empty{padding:1rem;color:var(--ay-muted)}