:where(.wp-block-su-blogcard){margin-block:1.5rem}.wp-block-su-blogcard{container-type:inline-size;--color-text:#18181b;--color-text-light:#71717b;--color-ui:#e4e4e7;--color-surface:#f4f4f5;--color-background:#fff;--border-radius:0.125rem;--padding:1rem 1.25rem;--gap:1rem;--image-width:5rem;--image-height:5rem}.dark .wp-block-su-blogcard{--color-text:#f4f4f5;--color-text-light:#9f9fa9;--color-ui:#27272a;--color-surface:#18181b;--color-background:#09090b;--color-white:#09090b}.wp-blogcard{background-color:var(--color-background);border:1px solid var(--color-ui);border-radius:var(--border-radius);color:var(--color-text);transition:background-color .2s ease;&:hover{background-color:var(--color-surface);color:var(--color-text)}}.wp-blogcard-item{display:flex;flex-direction:row-reverse;gap:var(--gap);padding:var(--padding);text-decoration:none!important}.wp-blogcard-figure{flex-shrink:0;height:var(--image-height);margin:0;overflow:hidden;width:var(--image-width)}.wp-blogcard-figure img{border-radius:var(--border-radius);height:100%;object-fit:cover;width:100%}.wp-blogcard-content{display:flex;flex:1;flex-direction:column;gap:.5rem}.wp-blogcard-title{color:var(--color-text);font-size:.875rem;font-weight:700}.wp-blogcard-description,.wp-blogcard-title{display:-webkit-box;-webkit-line-clamp:2;margin:0;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical}.wp-blogcard-description{color:var(--color-text-light);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-text-light);font-size:.675rem}@container (min-width: 32rem){.wp-blogcard{--padding:1.25rem;--gap:1.25rem;--image-width:6rem;--image-height:6rem}.wp-blogcard-title{font-size:1rem}.wp-blogcard-domain{font-size:.75rem}}