.hatnote {
display: flex;
align-items: center;
padding: 10px 15px;
margin-top: 0.6rem;
margin-bottom: 0.8rem;
background: hsl(210,17%,98%);
border-radius: 8px;
color: #72777d;
font-size: 0.94rem;
line-height: 1.4;
}
.hatnote-icon img {
width: 25px;
height: auto;
margin-right: 10px;
opacity: 0.6;
}