.article[data-v-b84832ff]{display:grid;grid-template-rows:auto 1fr;position:relative;row-gap:12px;width:100%}@media (max-width:767px){.article[data-v-b84832ff]{grid-template-rows:auto;row-gap:0}}.article:hover .thumbnail[data-v-b84832ff]{transform:scale(1.2)}.article__top[data-v-b84832ff]{display:grid;gap:12px;grid-template-columns:auto 1fr;overflow:hidden}.article__top .thumbnail__wrapper[data-v-b84832ff]{border-radius:5px;overflow:hidden;width:96px}.article__top .thumbnail[data-v-b84832ff]{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100%}.article__top .title[data-v-b84832ff]{-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;align-self:start;color:#25213b;display:-webkit-box;font-size:14px;font-weight:300;letter-spacing:.05em;line-height:1.563;max-height:calc(14px * 1.563 * $line-clamp);min-width:0;overflow:hidden;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:1024px){.article__top .title[data-v-b84832ff]{line-height:1.5;max-height:calc(14px * 1.5 * $line-clamp)}}.article__bottom[data-v-b84832ff]{display:grid;grid-template-columns:1fr auto;justify-content:end}@media (max-width:767px){.article__bottom[data-v-b84832ff]{grid-template-columns:1fr auto auto;grid-template-rows:1fr auto;width:100%}}.article__bottom .createdat[data-v-b84832ff],.article__bottom .updatedat[data-v-b84832ff]{align-items:center;color:#868686;display:flex;font-size:14px;gap:.35vw;justify-content:flex-end;letter-spacing:.05em;line-height:1em}.article__bottom .createdat img[data-v-b84832ff],.article__bottom .updatedat img[data-v-b84832ff]{height:auto;width:14px}.article__bottom .updatedat[data-v-b84832ff]{margin-left:.35vw}