.v1860-family-overview{
 margin:14px 0 18px;
 padding:16px;
 border:1px solid #dbe4f2;
 border-radius:18px;
 background:#fbfcff;
}
.v1860-family-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.v1860-family-head h3{margin:0}.v1860-family-head p{margin:4px 0 0;color:#687596}
.v1860-active{display:flex;flex-direction:column;align-items:flex-end;padding:8px 12px;border-radius:12px;background:#eef3ff}
.v1860-active small{font-size:.72rem;color:#687596}
.v1860-family-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.v1860-family-metrics>div{padding:12px;border-radius:14px;background:#f2f5fb;text-align:center}
.v1860-family-metrics strong{display:block;font-size:1.15rem}.v1860-family-metrics span{font-size:.78rem;color:#687596}
.v1860-family-list{display:grid;gap:8px;margin-top:12px}
.v1860-family-row{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(90px,1fr));gap:10px;align-items:center;padding:11px 12px;border:1px solid #e0e7f2;border-radius:14px;background:#fff}
.v1860-family-row.active{border-color:#8fa7ff;background:#f3f6ff}
.v1860-family-row>div{min-width:0}.v1860-family-row strong{display:block;overflow-wrap:anywhere}.v1860-family-row small{display:block;color:#687596;margin-top:2px}
.v1860-family-empty{margin-top:12px;padding:16px;text-align:center;border-radius:14px;background:#f4f6fa;color:#687596}
@media(max-width:760px){
 .v1860-family-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v1860-family-row{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .v1860-family-head{flex-direction:column}
 .v1860-active{align-items:flex-start}
 .v1860-family-row{grid-template-columns:1fr}
}