.comment-card{--img-width:50px;display:grid;grid-template-columns:var(--img-width) 1fr;gap:15px;row-gap:10px;align-items:center}.comment-card__img{width:var(--img-width);aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:50%}.comment-card__title--container{display:flex;flex-direction:column;gap:5px;-moz-column-gap:15px;column-gap:15px;overflow:hidden;max-width:100%}.comment-card__title{font-size:var(--font-normal);font-weight:600;color:var(--color-text-300);transition:all .3s ease;flex:1}.comment-card__date,.comment-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-card__date{font-size:var(--font-sm);color:var(--color-text-250)}.comment-card:hover .comment-card__title{color:#000}.comment-card__content{font-size:var(--font-sm);color:var(--color-text-300);grid-column:span 2}@media only screen and (min-width:565px){.comment-card__img{grid-row:1/3}.comment-card__title--container{flex-direction:row;justify-content:space-between}.comment-card__content{grid-column:2/3}}.rb-card{--img-width:80px;display:grid;grid-template-columns:var(--img-width,80px) 1fr;align-items:center;gap:15px}.rb-card__img{width:var(--img-width);aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:4px}.rb-card__title{font-size:var(--font-normal);font-weight:600;color:var(--color-text-300);transition:all .3s ease;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rb-card:hover .rb-card__title{color:#000}.bd__container{display:grid;grid-template-columns:1fr;gap:25px}.bd__title{font-size:var(--font-xl);font-weight:700;color:var(--color-text-300);line-height:1.5;font-size:clamp(var(--font-xl),4vw,var(--font-2xl))}.bd__sidebar{display:flex;flex-direction:column;gap:35px}.bd__siderbar--item,.bd__siderbar--items{display:flex;flex-direction:column;gap:15px}@media only screen and (min-width:848px){.bd__title{font-size:var(--font-2xl)}}@media only screen and (min-width:1080px){.bd__container{grid-template-columns:2.5fr 1fr;gap:75px}.bd__container aside{position:sticky;top:var(--nav-height);height:-moz-max-content;height:max-content}}