#reading-progress-bar {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 3px;
background: var(--color-primary, #e63946);
z-index: 9999;
transition: width 0.1s linear;
border-radius: 0 2px 2px 0; box-shadow: 0 0 6px rgba(230, 57, 70, 0.5);
} .post-label {
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: 4px;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
width: fit-content; }
.label-icon {
display: inline-block;
font-size: 0.85em;
} .post-label--card {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 3;
font-size: 0.62rem;
padding: 4px 8px;
letter-spacing: 0.08em;
} .post-label--single {
font-size: 0.72rem;
padding: 5px 10px;
} .post-label--hero {
position: static !important;
display: inline-flex !important;
font-size: 0.65rem;
padding: 4px 9px;
vertical-align: middle;
} .post-label--mini {
font-size: 0.58rem;
padding: 2px 6px;
margin-bottom: 4px;
display: inline-flex;
} .label-breaking {
background-color: #e63946;
color: #fff; animation: breaking-pulse 2s ease-in-out infinite;
}
@keyframes breaking-pulse {
0%, 100% { opacity: 1; }
50%       { opacity: 0.80; }
}
.label-esclusivo {
background-color: #f4a500;
color: #fff;
}
.label-video {
background-color: #111;
color: #fff;
}
.label-intervista {
background-color: #2563eb;
color: #fff;
}
.label-anteprima {
background: linear-gradient(90deg, #7c3aed, #4f46e5);
color: #fff;
}
.label-ufficiale {
background: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);
color: #fff;
animation: ufficiale-pulse 3s ease-in-out infinite;
}
@keyframes ufficiale-pulse {
0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,255,255,0.15); }
50%       { opacity: 0.85; box-shadow: 0 0 4px 2px rgba(255,255,255,0.08); }
}
.label-dichiarazioni {
background-color: #10b981;
color: #fff;
}
.label-social {
background-color: #0ea5e9; color: #fff;
} .article-card-image {
position: relative;
} .article-header-top {
display: flex;
align-items: center;
gap: 0.6rem;
flex-wrap: wrap;
margin-bottom: 0.75rem;
} .article-header-top .article-category {
margin-bottom: 0;
} .reading-time {
color: var(--color-text-muted, #888);
font-size: 0.82em;
font-style: italic;
} body.dark-mode .reading-time {
color: #666;
}
body.dark-mode #reading-progress-bar {
box-shadow: 0 0 8px rgba(230, 57, 70, 0.6);
}