.card{background-color:var(--color-back-white);border-radius:10px;display:flex;gap:16px;height:120px;padding:10px;text-decoration:none;width:100%}.card:first-child{flex-direction:column;gap:0;height:auto;padding:0}.card:first-child .card-image{width:100%}.card:first-child .card-image__img{border-radius:10px 10px 0 0}.card:first-child .card-wrap{gap:8px;padding:10px 16px 16px}@media (min-width:1024px){.card:first-child .card-wrap{padding:16px 10px 24px}.card.is-horizontal.is-no-image{padding:10px 10px 10px 16px}.card.is-horizontal{flex-direction:row;gap:20px;padding:10px}.card.is-horizontal .card-image{flex-shrink:0;height:188px;width:137px}}@media (min-width:1024px) and (min-width:1024px){.card.is-horizontal .card-image{width:275px}}@media (min-width:1024px){.card.is-horizontal .card-image__img{border-radius:5px}.card.is-horizontal .card-wrap{align-self:stretch;display:flex;flex-direction:column;gap:12px;height:auto;padding:0}.card.is-horizontal .card__title{font-size:24px;line-height:1.3}.card{flex-direction:column;gap:0;height:auto;padding:0}}.card:hover .card__title{color:var(--color-text-purple-hover)}.card__title{color:var(--color-text-main-black);font-size:18px;font-weight:500;line-height:1.3}@media (max-width:1025px){.card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}}.card__description{display:none}@media (min-width:1024px){.card__description{color:var(--color-text-black-2);display:inline;font-family:Roboto Slab,serif;font-size:14px;line-height:1.5}}.card__text-wrap{flex-grow:1}.card__text{color:var(--color-text-gray);display:flex;display:-webkit-box;flex-direction:column;gap:4px;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}.card-wrap{display:flex;flex-direction:column;gap:12px;height:100%}@media (min-width:1024px){.card-wrap{padding:16px 10px 24px}}.card-image{align-items:center;display:flex;flex-shrink:0;height:100%;width:137px}@media (min-width:1024px){.card-image{height:292px;width:100%}}.card-image__img{border-radius:5px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:1024px){.card-image__img{border-radius:10px 10px 0 0}}.card-detail{align-items:center;color:var(--color-text-black-3);display:flex;font-size:13px;line-height:1.4;margin-top:auto}@media (min-width:1024px){.card-detail{font-size:11px}}.card-detail__user{align-items:center;display:flex;gap:8px}.card-detail__user-avatar{display:none}@media (min-width:1024px){.card-detail__user-avatar{border-radius:50%;display:block;height:24px;overflow:hidden;width:24px}}.card-detail__user-avatar-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-detail__user-name{display:none}@media (min-width:1024px){.card-detail__user-name{display:block}}.card-detail__category{align-items:center;align-self:stretch;border-left:1px solid var(--color-stroke-gray);display:flex;flex-wrap:wrap;gap:8px;margin-left:8px;padding-left:8px}.card-detail__category-text{color:var(--color-text-black-3)}@media (min-width:1024px){.card-detail__category-text{background-color:var(--color-back-main-purple);border-radius:4px;color:var(--color-text-main-white);padding:2px 8px}}