@charset "UTF-8";
  .kp-author-box {
margin-top: 36px; margin-bottom: 36px;
padding: 20px 22px;
background: #eff6ff;
border: 1.5px solid #bfdbfe;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.kp-author-box__inner {
display: flex;
gap: 18px;
align-items: flex-start;
}
.kp-author-box__avatar-wrap {
flex-shrink: 0;
display: block;
}
.kp-author-box__avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.kp-author-box__body {
flex: 1;
min-width: 0;
}
.kp-author-box__label {
font-size: 11px;
font-family: 'Space Mono', monospace;
letter-spacing: 1px;
text-transform: uppercase;
color: #6b7280;
margin: 0 0 4px;
line-height: 1;
}
.kp-author-box__name {
display: block;
font-size: 15px;
font-weight: 900;
color: #1a1209;
text-decoration: none;
margin-bottom: 8px;
line-height: 1.4;
}
.kp-author-box__name:hover {
color: #d97706;
text-decoration: underline;
}
.kp-author-box__bio {
font-size: 13px;
color: #444;
line-height: 1.8;
margin: 0;
} @media (max-width: 600px) {
.kp-author-box__inner {
flex-direction: column;
align-items: center;
text-align: center;
}
.kp-author-box__label {
margin-bottom: 6px;
}
}