.onpost-search-container{
  width:100%;
  border:var(--border);
  border-radius:12px;
  overflow:hidden;
}

.onpost-search-bar{
  padding:1.25rem 1.5rem;
  border-bottom:var(--border);
}

.onpost-search-input{
  width:100%;
  padding:0.9rem 1.2rem;
  font-size:1rem;
  border:var(--border);
  border-radius:12px;
  outline:none;
  color:var(--color);
  background:var(--Mainbg);
  font-family:inherit;
}

.onpost-search-input:focus{
  border-color:var(--primary-color);
}

.onpost-table-wrapper{
  overflow-x:auto;
  overflow-y:visible;
}

.onpost-search-table{
  width:100%;
  border-collapse:collapse;
  font-size:0.95rem;
  table-layout:fixed;
}

.onpost-search-table th:nth-child(1),
.onpost-search-table td:nth-child(1){
  width:35%;
}

.onpost-search-table th:nth-child(2),
.onpost-search-table td:nth-child(2){
  width:65%;
  word-break:break-word;
}

.onpost-search-table thead tr{
  background:var(--primary-color);
}


.onpost-search-table th{
  text-align:left !important;
  padding:1rem 1.5rem;
  font-weight:600;
  font-size:0.9rem;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--beige);
}
.onpost-search-table td{
  padding:1rem 1.5rem;
  border-bottom:var(--border);
}

.onpost-letter-row td{
  text-align:center !important;
  font-weight:800;
  font-size:1.2rem;
  background:#2b2b2b;
  color:#fff;
}

.onpost-highlight{
  background:rgba(243,147,83,0.35);
  border-radius:3px;
  padding:1px 2px;
}

.onpost-no-results td{
  text-align:center;
  padding:2rem;
}

.onpost-loadmore-wrap{
  display:flex;
  justify-content:center;
  gap:10px;
  padding:1.2rem;
}

#onpost-toggle-btn,
#onpost-collapse-btn{
  padding:0.7rem 1.4rem;
  border-radius:12px;
  border:var(--border);
  background:var(--Mainbg);
  color:var(--color);
  cursor:pointer;
  font-weight:500;
  font-family:inherit;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
}

#onpost-toggle-btn:hover,
#onpost-collapse-btn:hover{
  border-color:var(--primary-color);
  transform:translateY(-2px);
}

#onpost-toggle-btn:active,
#onpost-collapse-btn:active{
  transform:translateY(0);
}

.onpost-row{
  opacity:0;
  transform:translateY(10px) scale(.98);
  transition:opacity .4s ease, transform .4s cubic-bezier(.2,.8,.2,1);
}

.onpost-row.show{
  opacity:1;
  transform:translateY(0) scale(1);
}