.mch-byline-frame {
display: flex;
align-items: center;
gap: 14px;
box-sizing: border-box;
}
.mch-byline-frame-reverse {
flex-direction: row-reverse;
}
.mch-byline-frame-avatar {
flex-shrink: 0;
overflow: hidden;
}
.mch-byline-frame-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.mch-byline-frame-copytext {
display: flex;
flex-direction: column;
min-width: 0;
}
.mch-byline-frame-day {
color: var(--mch-paint);
}
.mch-byline-frame-name a {
font-weight: 600;
text-decoration: none;
}
.mch-byline-frame-name a:hover {
text-decoration: underline;
}
.mch-pill-ul {
display: flex;
flex-wrap: wrap;
gap: var(--mch-pill-spacing, 6px);
line-height: 1.4;
}
.mch-pill {
display: inline-block;
background: var(--mch-pill-back, var(--mch-tone));
color: var(--mch-pill-copytext, inherit);
font-size: var(--mch-pill-size, 13px);
font-weight: var(--mch-pill-wt, 600);
border-radius: var(--mch-pill-round, 999px);
padding: var(--mch-pill-padding, 4px 12px);
border: var(--mch-pill-rim-widesize, 0) solid var(--mch-pill-rim-colour, transparent);
white-space: nowrap;
}
.mch-pill-readmore .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}