:root{--article-min-width: 300px}article-list{display:grid;grid-gap:var(--gutter1);grid-template-columns:repeat(auto-fill, minmax(var(--article-min-width), 1fr))}article-list>.text{grid-column:1/-1}article-list[class*=columns-]{grid-template-columns:repeat(auto-fit, minmax(var(--article-min-width), 1fr))}article-list.columns-1{grid-template-columns:1fr}article-list.columns-2{--article-min-width: 440px}article-list.columns-3{--article-min-width: 400px}article-list.columns-4{--article-min-width: 350px}article-list.columns-5{gap:var(--gutter0);--article-min-width: 250px}article-list.columns-6{gap:var(--gutter0);--article-min-width: 220px}@media(max-width: 480px){article-list[class*=columns-]{grid-template-columns:1fr}}body:has(side-bar) main article-list.columns-2{--article-min-width: 320px}body:has(side-bar) main article-list.columns-3{--article-min-width: 250px}body:has(side-bar) main article-list.columns-4{--article-min-width: 200px}body:has(side-bar) main article-list.columns-5{--article-min-width: 200px}side-bar article-list{--font-colour: #6a6a6a;padding:0;background-color:initial;border:none;grid-gap:var(--gap);align-content:flex-start}side-bar article-list.columns-6{gap:var(--gutter0);--article-min-width: 220px}side-bar article-list .article{color:#6a6a6a;--image-width: 120px;--image-width: clamp(100px, 11vw, 200px)}side-bar article-list .article .container{position:relative;background-color:#fff;padding:var(--gap) var(--gap) var(--gap) calc(var(--image-width) + var(--gap));min-height:120px}side-bar article-list .article .container .heading{font-size:1.0625em;line-height:1.6;line-height:1.3;margin:0}side-bar article-list .article .container time{order:1;margin-bottom:calc(var(--gap) * 0.5);color:#969695}side-bar article-list .article .container .image{position:absolute;margin:0;left:0;top:0;width:var(--image-width);height:100%}