: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.75rem;--padding:1.25rem 1.5rem;--image-width:28%}.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);overflow:hidden;transition:background-color .2s ease;&:hover{background-color:var(--color-surface);color:var(--color-text)}}.wp-blogcard-item{display:flex;flex-direction:row-reverse;text-decoration:none!important}.wp-blogcard-figure{align-self:stretch;flex-shrink:0;height:auto;margin:0;overflow:hidden;width:var(--image-width)}.wp-blogcard-figure img{height:100%;object-fit:cover;width:100%}.wp-blogcard-content{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:var(--padding)}.wp-blogcard-title{color:var(--color-text);display:-webkit-box;font-kerning:normal;font-size:.875rem;font-weight:700;-webkit-line-clamp:2;line-height:1.5;margin:0;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical}.wp-blogcard-description{display:none}.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-title{font-size:1rem}.wp-blogcard-description{color:var(--color-text-light);display:-webkit-box;font-size:.75rem;hyphens:auto;-webkit-line-clamp:2;margin:0;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical}.wp-blogcard-domain{font-size:.75rem}}