.listed-article-image{min-width:calc(var(--standard-unit) * 10 * 2);border-right:1px solid var(--foreground);flex-shrink:0;width:30%;max-width:360px;display:block;position:relative;overflow:hidden}.listed-article-image>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:relative}.listed-article{margin-bottom:var(--standard-unit);color:inherit;border:1px solid var(--foreground);background:var(--tech-light);border-radius:5px;text-decoration:none;transition:box-shadow .2s ease-in-out;display:flex;overflow:hidden}.listed-article-inner{gap:var(--standard-double);flex-grow:0;flex-shrink:0;width:100%;display:flex;position:relative}.listed-article:not(:last-of-type){border-bottom:1px solid var(--foreground)}.listed-article-body{padding:var(--standard-unit);position:relative}h1.listed-article-title{margin:0;padding:0;font-size:1.2em}.listed-article .excerpt{margin-top:0;font-size:.8em}.listed-article .by-line,.listed-article .post-time{font-size:.8em}.listed-article .by-line a{color:inherit;text-decoration:none}.listed-article .by-line a:hover{color:var(--primary);text-decoration:underline}@media (width<=800px){.listed-article-inner{flex-direction:column;gap:0}.listed-article-inner .listed-article-image{border-right:none;border-bottom:1px solid var(--foreground);width:100%;max-width:none;height:auto;max-height:240px}}