.newsroom-archive{
    margin-top:16px;
    margin-bottom:32px;
    padding:24px;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.13);
}
.newsroom-archive-header{
    padding:8px 0 22px;
    border-bottom:1px solid var(--line);
}
.newsroom-archive-header h1{
    margin:0;
    color:var(--accent);
    font:800 2.5rem/1.1 'Roboto Slab',Georgia,serif;
    letter-spacing:-.025em;
}
.archive-list-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) 290px;
    gap:30px;
    padding:24px 0;
    border-bottom:1px solid var(--line);
}
.archive-list-item:last-child{border-bottom:0}
.archive-list-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.archive-kicker{
    margin-bottom:5px;
    color:#111;
    font:1.2rem/1.3 var(--sans);
}
.archive-list-copy h2{
    margin:0 0 12px;
    font:700 2.1rem/1.2 var(--sans);
    letter-spacing:-.015em;
}
.archive-list-copy h2 a{display:inline}
.archive-access-mark{
    display:inline-grid;
    place-items:center;
    width:20px;
    height:20px;
    margin-right:7px;
    border-radius:2px;
    background:var(--accent);
    color:#fff;
    font:800 1.7rem/1 var(--sans);
    vertical-align:2px;
}
.archive-list-copy p{
    max-width:680px;
    margin:0 0 16px;
    color:#161616;
    font:1.55rem/1.45 var(--sans);
}
.archive-list-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
    color:#555;
    font:1.2rem/1.3 var(--sans);
}
.archive-access-text{
    margin-left:4px;
    color:var(--accent);
    font-weight:700;
}
.archive-list-image{
    align-self:stretch;
    min-height:175px;
    overflow:hidden;
    background:#eee;
}
.archive-list-image img{
    width:100%;
    height:100%;
    min-height:175px;
    object-fit:cover;
    transition:transform .3s ease;
}
.archive-list-image:hover img{transform:scale(1.02)}
.newsroom-archive .pagination{
    margin:26px 0 4px;
    padding-top:24px;
    border-top:1px solid var(--line);
}
.newsroom-archive .pagination a{
    padding:11px 16px;
    background:#111;
    color:#fff;
}
.newsroom-archive .pagination .page-number{
    align-self:center;
    color:#555;
}
@media(max-width:700px){
    .newsroom-archive{width:100%;margin-top:8px;padding:16px}
    .archive-list-item{grid-template-columns:minmax(0,1fr) 120px;gap:14px;padding:18px 0}
    .archive-list-copy h2{font-size:1.8rem}
    .archive-list-copy p{display:none}
    .archive-list-image,.archive-list-image img{min-height:105px}
    .archive-list-meta{font-size:1.05rem;gap:5px}
    .archive-list-meta time{display:none}
    .archive-kicker{font-size:1.05rem}
}