:root { --digital-citizenship: #00aeef; }
.tag.digital-citizenship,
.digital-citizenship .semantic-icon,
.semantic-dot.digital-citizenship { background: var(--digital-citizenship); }
.article-toc { max-block-size: min(55vh, 34rem); overflow: auto; }
.article-toc a { line-height: 1.3; }
.source-note { margin-block-start: .72rem !important; color: var(--muted, #66788f) !important; font-size: .8rem !important; line-height: 1.4; }
.latest-thumb-link { overflow: hidden; background: var(--sky, #eefaff); }
.latest-thumb-link img[src*="riconoscimento-facciale"],
.article-title-grid img[src*="riconoscimento-facciale"],
.article-page-custom .article-hero img[src*="riconoscimento-facciale"] { object-position: 24% center; }
.hero-art { position: relative; isolation: isolate; }
.hero-art img { inline-size: min(100%, 30rem); filter: drop-shadow(0 1.1rem 1.7rem rgba(8, 46, 74, .13)); animation: csp-hero-breathe 7s ease-in-out infinite; }
@keyframes csp-hero-breathe { 50% { transform: translateY(-.4rem); } }
@media (prefers-reduced-motion: reduce) { .hero-art img { animation: none; } }