Template:NewsItem/styles.css

.news-card{
border:1px solid var(--border-color, #e6e6e6);
border-radius:14px;
background:var(--background-color, #fff);
padding:18px 18px 16px 18px;
max-width:920px;
}
.news-card__header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.news-card__date{
font-size:0.95em;
font-weight:600;
opacity:0.9;
}
.news-card__badge{
font-size:0.78em;
font-weight:700;
letter-spacing:0.04em;
text-transform:uppercase;
padding:6px 10px;
border-radius:999px;
border:1px solid var(--border-color, #e6e6e6);
background:rgba(0,0,0,0.03);
}
.news-card__title{
font-size:1.25em;
font-weight:700;
line-height:1.2;
margin:2px 0 10px 0;
}
.news-card__titlelink{
text-decoration:none;
}
.news-card__titlelink:hover{
text-decoration:underline;
}
.news-card__meta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 12px 0;
}
.news-card__tag{
font-size:0.9em;
padding:6px 10px;
border-radius:999px;
border:1px solid var(--border-color, #e6e6e6);
background:rgba(0,0,0,0.02);
}
.news-card__taglink{
text-decoration:none;
}
.news-card__taglink:hover{
text-decoration:underline;
}
.news-card__summary{
font-size:1em;
line-height:1.55;
margin:0 0 14px 0;
}
.news-card__footer{
display:flex;
justify-content:flex-start;
}
.news-card__sourcebtn{
display:inline-block;
padding:10px 14px;
border-radius:12px;
border:1px solid var(--border-color, #e6e6e6);
background:rgba(0,0,0,0.02);
text-decoration:none;
font-weight:700;
}
.news-card__sourcebtn:hover{
text-decoration:underline;
}