.infobox {
float: right;
width: 300px;
margin: 0 0 20px 24px;
border: 1px solid #a2a9b1;
background: #fff;
color: #202122;
font-size: 14px;
line-height: 1.45;
box-sizing: border-box;
}
.infobox-title {
padding: 10px 12px;
background: #eaecf0;
border-bottom: 1px solid #a2a9b1;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.infobox-row {
display: grid;
grid-template-columns: 105px 1fr;
border-bottom: 1px solid #eaecf0;
}
.infobox-row:last-child {
border-bottom: 0;
}
.infobox-label {
padding: 8px 10px;
background: #f8f9fa;
font-weight: bold;
}
.infobox-value {
padding: 8px 10px;
min-width: 0;
overflow-wrap: anywhere;
}
.infobox-value a {
color: #0645ad;
text-decoration: none;
}
.infobox-value a:hover {
text-decoration: underline;
}
@media (max-width: 700px) {
.infobox {
float: none;
width: 100%;
margin: 16px 0;
}
}