.site-block {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:6px 4px;
  display:flex;
  align-items:flex-start;
  gap:0;
}
.site-left {
  flex:1;
  min-width:0;
}
.site-left h2 { margin:0 0 2px; font-size:14px; color:#c00; }
.site-left .desc { font-size:12px; color:#555; margin:0 0 3px; }
.site-left .cat { font-size:11px; color:#888; margin:0 0 4px; }
.site-left .logo-uip { display:flex; align-items:center; gap:8px; }
.site-left .logo-uip img { width:50px; height:50px; object-fit:contain; border:1px solid #ddd; }
.site-left .uip-pv { font-size:12px; color:#333; line-height:1.8; }
.site-left .uip-pv b { color:#000; }

.site-right {
  width:82px;
  flex-shrink:0;
  text-align:center;
  border-left:1px solid #eee;
  padding-left:6px;
  margin-left:6px;
  font-size:10px;
  color:#555;
  line-height:3;
}
.site-right .rank-badge {
  font-size:10px;
  font-weight:bold;
  color:#336699;
  display:block;
  margin-bottom:2px;
}
.site-right .yest-label {
  font-size:9px;
  color:#aaa;
  display:block;
  margin-bottom:1px;
}
.site-right .yest-val {
  font-size:9px;
  color:#333;
  display:block;
}
.filter-bar {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 10px; flex-wrap: wrap;
  }
  .chip {
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.12);
    background: transparent;
    color: rgba(240,237,232,0.45);
    font-size: 12px;
    font-family: 'Sarabun', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
  }
   .chip.active { background: #f0a972; border-color: #f0a972; color: #000000; font-weight: 600; }