.epr-wrap{width:100%;box-sizing:border-box}
.epr-wrap *,.epr-wrap *::before,.epr-wrap *::after{box-sizing:border-box}
.epr-search{margin:0 0 20px}
.epr-search-input{width:100%;max-width:480px;padding:10px 14px;border:1px solid rgba(128,128,128,.4);border-radius:8px;font:inherit;background:transparent;color:inherit}
.epr-list{--epr-cols:3;display:grid;gap:24px;grid-template-columns:repeat(var(--epr-cols),minmax(0,1fr))}
.epr-layout-list{grid-template-columns:minmax(0,1fr)}
.epr-item{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(128,128,128,.25);border-radius:12px;background:rgba(128,128,128,.04)}
.epr-item[hidden]{display:none}
.epr-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.epr-body{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1}
.epr-meta{font-size:.85em;opacity:.75}
.epr-sep{margin:0 4px}
.epr-title{margin:0;font-size:1.15em;line-height:1.3}
.epr-title a{color:inherit;text-decoration:none}
.epr-title a:hover{text-decoration:underline}
.epr-desc{font-size:.95em;line-height:1.5}
.epr-desc p{margin:0 0 .6em}
.epr-cats{display:flex;flex-wrap:wrap;gap:6px}
.epr-cat{font-size:.75em;padding:2px 10px;border-radius:999px;border:1px solid rgba(128,128,128,.4)}
.epr-player{margin-top:auto}
.epr-player audio{display:block;width:100%;max-width:100%}
.epr-button{align-self:flex-start;display:inline-block;padding:10px 18px;border-radius:8px;background:#111;color:#fff;text-decoration:none;font-weight:600;line-height:1.2}
.epr-button:hover{opacity:.85}
.epr-empty,.epr-notice{padding:14px;border:1px dashed rgba(128,128,128,.5);border-radius:8px;margin:0}
.epr-notice{background:#fff8e5;color:#7a5b00;border-color:#e0b84c}
.epr-layout-list .epr-item{flex-direction:row}
.epr-layout-list .epr-image{flex:0 0 200px;max-width:35%}
.epr-layout-list .epr-image img{height:100%;aspect-ratio:auto;min-height:140px}
@media (max-width:767px){
 .epr-list{--epr-cols:1}
 .epr-layout-list .epr-item{flex-direction:column}
 .epr-layout-list .epr-image{flex:none;max-width:100%}
 .epr-layout-list .epr-image img{aspect-ratio:16/9;height:auto}
}
