:root{ --esp-accent:#0073aa; --esp-accent-contrast:#fff; }
.esp-search, #esp-submit-form{background:#fff;padding:10px;}
#esp-search-form, #esp-submit-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
#esp-search-form input{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;max-width:220px}
#esp-search-form button{padding:8px 14px;border-radius:6px;border:0;background:var(--esp-accent);color:var(--esp-accent-contrast);cursor:pointer}
.esp-grid{display:grid;grid-template-columns:repeat(3, minmax(120px,1fr));gap:8px}
#esp-top3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:12px}
.esp-top-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;background:#fff}
.esp-top-img{height:140px;background:#ddd;background-size:cover;background-position:center}
.esp-top-body{padding:10px}
.esp-top-title{font-weight:700;margin-bottom:4px}
.esp-top-meta{font-size:12px;opacity:.8}
#esp-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.esp-tile{display:flex;flex-direction:column;box-shadow:0 5px 7px 1px rgba(0,0,0,0.08);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit}
.esp-img{width:100%;height:150px;background-position:center;background-size:cover;border-radius:8px 8px 0 0}
.no-img{background:#ddd}
.esp-info{padding:10px}
.esp-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.esp-date{font-size:12px;display:inline-block;margin-top:4px}
.esp-venue{font-size:13px}
.esp-empty{opacity:0.7;padding:8px}
#esp-submit-msg.ok{color:green} #esp-submit-msg.err{color:#b00020}