:where(.wp-blogcard){container-type:inline-size;margin-block:1.5rem}.wp-blogcard-item{--color-dark-gray:#18181b;--color-gray:#52525c;--color-light-gray:#e4e4e7;--color-base:#f4f4f5;--color-background:#fff;--border-radius:0.5rem;--padding:0.875rem;--gap:1rem;--image-width:5rem;--image-height:5rem;--bg-color:pink;background-color:var(--bg-color);background-color:var(--color-background);border:1px solid var(--color-light-gray);border-radius:var(--border-radius);color:var(--color-dark-gray);display:flex;flex-direction:row-reverse;gap:var(--gap);padding:var(--padding);text-decoration:none;transition:background-color .2s ease;&:hover{background-color:var(--color-base);color:var(--color-dark-gray)}}.dark .wp-blogcard-item{--color-background:#18181b;--color-dark-gray:#f4f4f5;--color-gray:#9f9fa9;--color-light-gray:#52525c;--color-base:#27272a}.wp-blogcard-figure{flex-shrink:0;height:var(--image-height);margin:0;overflow:hidden;width:var(--image-width)}.wp-blogcard-figure img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.wp-blogcard-content{display:flex;flex:1;flex-direction:column;gap:.5rem}.wp-blogcard-title{font-size:.875rem;font-weight:700}.wp-blogcard-description,.wp-blogcard-title{display:-webkit-box;margin:0;overflow:hidden;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical}.wp-blogcard-description{color:var(--color-gray);font-size:.75rem;hyphens:auto}.wp-blogcard-cite{align-items:center;color:#999;display:flex;font-size:.9rem;margin:0}.wp-blogcard-favicon{border-radius:.125rem;height:16px;margin-right:.5rem;width:16px}.wp-blogcard-domain{color:var(--color-gray);font-size:.675rem}@container (min-width: 32rem){.wp-blogcard-item{--padding:1.25rem;--gap:1.25rem;--image-width:6rem;--image-height:6rem;--bg-color:orange;--border-radius:0.75rem}.wp-blogcard-title{font-size:1rem}.wp-blogcard-domain{font-size:.75rem}}