<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.news--full .type{
    text-transform: uppercase;
}
.news--full .field_related h3{
    margin-bottom: 1rem;
}
.news--full .field_related &gt; div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* Teasers */
.news h2 {
    font: var(--f--18-700);
}
.news.news--teaser-text,
.news.news--teaser{
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    display: block;
    height: 100%;
    transition: var(--transition);
}
.news.news--teaser-text:hover,
.news.news--teaser:hover{
    text-decoration: none;
    background-color: var(--color--accent-500);
    color: var(--color--light);
}
.news.news.news--teaser-text h2{
    font: var(--f--16-700);
}
.news.news--teaser-text:hover h2,
.news.news.news--teaser:hover h2{
    text-decoration: underline ;
    color: var(--color--light);
}
.news.news--teaser-text:hover .date{
    color: var(--color--light);
}
.news.news.news--teaser:hover img{
    opacity: var(--opacity);
}
.news.news--teaser img{
    width: 100%;
    height: auto;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.news.news--teaser-text,
.news.news--teaser .news--teaser-content{
    padding: var(--space--0-5) var(--space--1) var(--space--1);
}
.news.news--teaser .news--teaser-content .news--teaser-content-abstract{
    display: none;
}
@media (min-width:48rem){
    .news h1 {
        font: var(--f--42-700);
    }
    .news h2 {
        font: var(--f--24-700);
    }
    .news.news--teaser-text,
    .news.news--teaser .news--teaser-content{
        padding: var(--space--1) var(--space--1-5) var(--space--1-5);
    }
    .news.news--teaser h2 {
        font: var(--f--20-700);
    }
    .news.news--teaser .news--teaser-content .news--teaser-content-abstract{
        display: block;
        padding: var(--space--0-5) 0;
        color: var(--color--dark);
    }
    .news.news--teaser:hover .news--teaser-content .news--teaser-content-abstract,
    .news.news--teaser:hover .news--teaser-content .date{
        color: var(--color--light);
    }
}

/* Taxonomy page adjustments */

.taxonomy-page .news.news--teaser img{
  display: none;
}

.taxonomy-page .news.news--teaser .date{
  margin-bottom: 0;
}
</pre></body></html>