.tanzdb-wrap{
max-width:1100px;
margin:40px auto;
padding:0 20px;
}
.tanzdb-filters .tanzdb-row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:20px 0;
}
.tanzdb-filters input,.tanzdb-filters select{
padding:10px 12px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.12);
background:rgba(255,255,255,0.06);
color:inherit;
min-width:220px;
}
.tanzdb-filters button{
padding:10px 16px;
border-radius:12px;
border:0;
cursor:pointer;
font-weight:650;
}
.tanzdb-reset{
align-self:center;
text-decoration:none;
opacity:0.85;
}
.tanzdb-table{
width:100%;
border-collapse:collapse;
overflow:hidden;
border-radius:16px;
}
.tanzdb-table th,.tanzdb-table td{
padding:12px 10px;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.tanzdb-table th{
text-align:left;
font-weight:700;
background:rgba(255,255,255,0.06);
}
.tanzdb-badge{
display:inline-block;
padding:4px 10px;
border-radius:999px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.12);
}
.tanzdb-header,.tanzdb-filters,.tanzdb-results{
width:100%;
}
.tanzdb-hero{
margin:10px 0 22px 0;
}
.tanzdb-hero-inner{
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.10);
border-radius:18px;
box-shadow:0 16px 40px rgba(0,0,0,0.25);
padding:28px 26px;
}
.tanzdb-title{
margin:0 0 8px 0;
font-size:clamp(28px,3.2vw,44px);
line-height:1.05;
}
.tanzdb-subtitle{
margin:0;
opacity:0.85;
line-height:1.5;
max-width:70ch;
}
.tanzdb-pagination{
margin:18px 0 0;
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}
.tanzdb-pagination .page-numbers{
display:inline-block;
padding:8px 12px;
border-radius:12px;
text-decoration:none;
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.10);
}
.tanzdb-pagination .page-numbers.current{
font-weight:700;
background:rgba(255,255,255,0.12);
}
.tanzdb-filters select,.tanzdb-filters input{
background-color:rgba(255,255,255,0.08);
color:#ffffff;
}
.tanzdb-filters select option{
background-color:#111111;
color:#ffffff;
}
.tanzdb-filters select:focus{
background-color:rgba(255,255,255,0.10);
color:#ffffff;
}
.tanzdb-desktop{display:block;}
.tanzdb-mobile{display:none;}
.tanzdb-cards{
display:grid;
gap:12px;
}
.tanzdb-card{
border-radius:var(--tsr-radius);
border:1px solid var(--tsr-border);
background:var(--tsr-surface);
box-shadow:0 10px 25px rgba(0,0,0,0.22);
padding:14px;
}
.tanzdb-card-top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}
.tanzdb-card-title{
text-decoration:none;
font-weight:750;
font-size:1.05rem;
line-height:1.25;
}
.tanzdb-card-icons{
display:inline-flex;
gap:6px;
flex:0 0 auto;
}
.tanzdb-card-sub{
margin-top:6px;
color:var(--tsr-muted);
font-size:0.95rem;
}
.tanzdb-card-line{
margin-top:6px;
color:var(--tsr-text);
opacity:0.92;
font-size:0.95rem;
}
.tanzdb-card-tags{
margin-top:10px;
display:flex;
flex-wrap:wrap;
gap:8px;
}
.tanzdb-tag{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
background:var(--tsr-surface-2);
border:1px solid rgba(255,255,255,0.10);
color:var(--tsr-text);
font-size:0.85rem;
}
.tanzdb-card-actions{
margin-top:12px;
display:flex;
justify-content:flex-end;
}
.tanzdb-card-link{
text-decoration:none;
font-weight:650;
opacity:0.92;
}
.tanzdb-card-link:hover{opacity:1;}
@media (max-width: 820px){
.tanzdb-desktop{display:none;}
.tanzdb-mobile{display:block;}
.tanzdb-filters input,.tanzdb-filters select{
min-width:0;
width:100%;
}
.tanzdb-filters .tanzdb-row{
gap:10px;
}
}