/* Scoped to article related posts: feed, sidebar and navigation stay unchanged. */
.ank-related-design .related-grid{display:grid;grid-template-columns:repeat(var(--related-columns,3),minmax(0,1fr));gap:var(--related-gap,24px)}
.ank-related-design .ank-related-card{min-width:0;padding:0 0 18px;border-bottom:var(--related-border,1px dashed #ddd)}
.ank-related-design .ank-related-card .thumb{display:block;width:100%;max-width:100%;aspect-ratio:var(--related-ratio,1.5);overflow:hidden;margin:0 0 12px;border-radius:var(--related-radius,5px);box-shadow:var(--related-shadow,0 2px 7px #0003);background:#eef0f5}
.ank-related-design .ank-related-card h3{margin:0;font-size:var(--related-desktop-size,18px);font-weight:var(--related-weight,700);line-height:var(--related-leading,1.55);overflow-wrap:anywhere;color:var(--related-color,#333)}
.ank-related-design .ank-related-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--related-lines,3);overflow:hidden;color:inherit}
.ank-related-design .ank-related-card h3 a:hover,.ank-related-design .ank-related-card h3 a:focus-visible{color:var(--related-hover,#ff172b)}
@media(max-width:800px){
 .ank-related-design .related-grid{grid-template-columns:minmax(0,1fr);gap:var(--related-mobile-gap,12px)}
 .ank-related-design .ank-related-card{display:flex;align-items:flex-start;gap:12px;padding-bottom:var(--related-mobile-gap,12px)}
 .ank-related-design .ank-related-card .thumb{width:min(var(--related-mobile-image,124px),40%);flex-shrink:0;margin:0}
 .ank-related-design .ank-related-card h3{flex:1;min-width:0;font-size:var(--related-mobile-size,17px)}
}