/* news page and the news block on the home page (plain CSS, works in old browsers too) */
.news-list{list-style:none;padding:0;margin:20px 0 0;max-width:820px}
.news-item{background:#242628;border:2px solid #4a4d50;border-left:8px solid #c1402f;border-radius:4px;padding:18px 22px 8px;margin:0 0 20px}
.news-item.pinned{border-left-color:#f2c230}
.news-item h2,.news-item h3{margin:6px 0 8px;font-size:1.8rem;color:#ecebe4}
.news-meta{color:#a3a5a7;font-size:.9rem}
.news-meta .chip{display:inline-block;background:#f2c230;color:#222;font-weight:700;padding:1px 9px;border-radius:2px;margin-right:8px;text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}
.news-meta .chip.pin{background:#c1402f;color:#fff}
.news-item p{max-width:70ch}
.latest-news{list-style:none;padding:0;margin:0 0 8px;max-width:520px}
.latest-news li{padding:9px 0;border-bottom:1px dashed #55585b}
.latest-news b{font-weight:700}
.latest-news span{color:#a3a5a7;font-size:.88rem;margin-left:8px}

/* download buttons (home page and menu) */
.top nav a.nav-dl{background:#c1402f;color:#fff;padding:4px 14px;border-radius:3px;border-bottom:0;box-shadow:0 2px 0 #8f2c20}
.top nav a.nav-dl:hover{background:#d24a38;border-bottom:0}
.dl-wrap{margin:6px 0 22px}
.btn.btn-dl{font-size:1.6rem;padding:16px 38px}
.dl-note{display:block;margin-top:12px;color:#a3a5a7;font-size:.9rem}