.showcase-writing-list:has(.showcase-article-preview){display:grid;gap:14px;border-top:0}.showcase-article-preview{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr) 22px;grid-template-rows:auto auto auto;align-items:start;-moz-column-gap:20px;column-gap:20px;row-gap:7px;padding:18px;border:2px solid #151515;background:#fff;color:#151515;box-shadow:3px 3px #151515;text-decoration:none;transition:background-color .14s,box-shadow .14s}.showcase-article-preview:hover{background:#f1f4ff;box-shadow:4px 4px #151515}.showcase-article-preview:focus-visible{outline:3px solid #304fff;outline-offset:5px}.showcase-article-preview-image{grid-column:1;grid-row:1 / 4;display:block;overflow:hidden;aspect-ratio:4 / 3;border:2px solid #151515;background:#fff}.showcase-article-preview-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.showcase-article-preview-image.is-diagram img{-o-object-fit:contain;object-fit:contain}.showcase-article-preview-heading{grid-column:2;grid-row:1;min-width:0}.showcase-article-preview-heading time{display:block;margin-bottom:4px;color:#505050;font-size:14px;font-weight:650;line-height:1.5}.showcase-article-preview-heading :is(h2,h3){margin:0;color:#151515;font-size:21px;font-weight:800;line-height:1.35;letter-spacing:-.025em}.showcase-article-preview-description{grid-column:2;grid-row:2;margin:0;max-width:850px;color:var(--showcase-copy-ink);font-size:var(--showcase-summary-copy-size);line-height:1.55;font-weight:500}.showcase-article-preview-tags{grid-column:2;grid-row:3;color:#454545;font-size:14px;font-weight:650;line-height:1.5}.showcase-article-preview-arrow{grid-column:3;grid-row:1;margin-top:4px}.showcase-article-preview.has-no-image{grid-template-columns:minmax(0,1fr) 22px}.showcase-article-preview.has-no-image>:is(.showcase-article-preview-heading,.showcase-article-preview-description,.showcase-article-preview-tags){grid-column:1}.showcase-article-preview.has-no-image>.showcase-article-preview-arrow{grid-column:2}@media(max-width:780px){.showcase-article-preview{grid-template-columns:136px minmax(0,1fr) 22px;-moz-column-gap:16px;column-gap:16px}}@media(max-width:560px){.showcase-article-preview{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:14px}.showcase-article-preview-image{grid-row:1;aspect-ratio:1}.showcase-article-preview-heading{padding-right:22px}.showcase-article-preview-heading :is(h2,h3){font-size:18px}.showcase-article-preview-description,.showcase-article-preview-tags{grid-column:1 / -1}.showcase-article-preview-arrow{position:absolute;top:14px;right:12px;width:18px;height:18px;margin:0}.showcase-article-preview.has-no-image{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.showcase-article-preview{transition:none}}