/* Compact editorial list: one image and one text block per article. */
.shell{max-width:1000px;padding:0 36px;margin:32px auto 0}
header{height:112px}.brand img{width:170px}
main{min-height:calc(100vh - 290px)}
.blog-heading{margin-bottom:34px}.blog-heading h1{font-size:32px;line-height:1.2;font-weight:550;letter-spacing:-.035em;margin:0 0 12px}
.blog-heading p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:28px;align-items:center;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#cover-link{display:block;line-height:0;background:none}#cover{display:block;width:100%;height:auto;border-radius:3px}
.article-copy{min-width:0}.article-date{font:11px/1.5 "SFMono-Regular",Consolas,monospace;color:var(--muted);margin:0 0 9px}
.article-copy h2{font-size:21px;font-weight:550;line-height:1.4;letter-spacing:-.02em;margin:0 0 10px}.article-copy h2 a{text-decoration:none}.article-copy h2 a:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.article-description{font-size:13px!important;line-height:1.7!important;color:var(--muted);margin:0}#read-link{display:none}
nav .active{text-decoration:underline;text-underline-offset:6px}
footer{margin-top:48px;font-family:inherit;gap:18px;font-size:12px}footer>span:nth-child(2){margin-right:auto}
@media(max-width:720px){.shell{padding:0 24px}.featured{grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:22px}.article-copy h2{font-size:18px}header{height:100px}}
@media(max-width:540px){.shell{margin-top:24px;padding:0 22px}.brand img{width:125px}.featured{grid-template-columns:1fr;gap:18px}.blog-heading{margin-bottom:24px}.blog-heading h1{font-size:28px}.blog-heading p{font-size:14px}.article-copy h2{font-size:20px}footer{gap:14px;line-height:1.8}footer>span:nth-child(2){margin-right:0}}
@media(max-width:350px){.brand img{width:104px}}

.article-date{display:block}.article-copy h2{text-wrap:balance}.blog-page .language-link{font-family:inherit}.blog-page #cover-link:focus-visible{outline-offset:5px}
