.author-comment{background:#f8fafc;border-left:4px solid hsl(var(--primary));border-radius:8px;display:flex;flex-direction:column;gap:1.6rem;margin-bottom:var(--block-spacing);margin-top:0;padding:2.4rem;position:relative}@media(min-width:768px){.author-comment{align-items:flex-start;flex-direction:row}}.author-comment:before{color:#e2e8f0;content:'"';font-family:serif;font-size:6rem;line-height:1;pointer-events:none;position:absolute;right:1.6rem;top:.8rem}.author-comment .avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-shrink:0;height:64px;overflow:hidden;width:64px}.author-comment .avatar picture{border-radius:inherit;display:block;height:100%;overflow:hidden;width:100%}.author-comment .avatar img{height:100%;object-fit:cover;width:100%}.author-comment .avatar-placeholder{align-items:center;background:#e2e8f0;color:#94a3b8;display:flex;height:100%;justify-content:center;width:100%}.author-comment .avatar-placeholder svg{height:32px;width:32px}.author-comment .content{flex:1;z-index:1}.author-comment .name{color:hsl(var(--foreground));font-size:1.6rem;font-weight:700;margin:0 0 .2rem}.author-comment .job{color:#64748b;display:block;font-size:1.3rem;font-weight:500;margin-bottom:1.2rem}.author-comment .text{color:#334155;font-size:1.6rem;font-style:italic;line-height:1.6}.author-comment .text p{margin:0 0 1.2rem}.author-comment .text p:last-child{margin-bottom:0}