/* left - article listings... */
.fl { width: calc(68.5% - 3rem); }
#listings:not(.on-tag-1) { column-count: 2; column-gap: 3.5rem; }
#listings > * { display: inline-block; margin-bottom: 2.65rem; }

/* ...featured article (overall) */
#featured { background: linear-gradient(45deg, #d66672 40%,#edb668 95%); padding: 1.4rem; margin-bottom: 2rem; }
#featured * { font-size: 1.55rem; }
#featured h2 { margin: 0; }
#featured h2::after { content: none; }
#featured span { padding: .4rem; background: #eDb668; border-radius: 4px; margin-right: .5rem; color: #444; }
#featured a { color: #fff; }

/* ...no on tag - featured article of cat */
#listings > li > a { font-size: 1.6rem; font-weight: 500; }
#listings img { width: 100%; margin-top: .8rem; }

/* ...no on tag - more articles */
#listings p { margin: .65rem 0 .5rem 0; }

/* ...on tag - normal listings (articles of on cat) */
#listings.on-tag-1 li:not(:last-child) { padding-bottom: 1rem; border-bottom: solid 1px #dadada; margin-bottom: 1.4rem; }
#listings.on-tag-1 a + a { float: left; width: 200px; margin: -5px 2rem 0 0; }
#listings.on-tag-1 img { width: 100%; }
#listings.on-tag-1 p { width: 100%; }