Template:Infobox person/styles.css

.ws-infobox{
float:right;
width:340px;
margin:0 0 25px 30px;
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
border:1px solid #e8edf4;
font-size:14px;
}

.ws-header{
background:linear-gradient(135deg,#163A8C,#2956d7);
padding:25px;
text-align:center;
color:#fff;
}

.ws-header img{
width:220px;
max-width:100%;
border-radius:12px;
background:#fff;
padding:6px;
box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.ws-name{
font-size:28px;
font-weight:700;
margin-top:18px;
}

.ws-subtitle{
font-size:15px;
opacity:.9;
margin-top:8px;
}

.ws-body{
padding:18px;
}

.ws-row{
display:flex;
justify-content:space-between;
gap:15px;
padding:12px 0;
border-bottom:1px solid #eef2f8;
}

.ws-row:last-child{
border-bottom:none;
}

.ws-label{
font-weight:700;
color:#163A8C;
width:40%;
}

.ws-value{
width:60%;
text-align:right;
color:#444;
word-break:break-word;
}

@media (max-width:768px){

.ws-infobox{
float:none;
width:100%;
margin:20px 0;
}

.ws-row{
flex-direction:column;
}

.ws-label,
.ws-value{
width:100%;
text-align:left;
}

}