.item[data-v-f06c64a1]{background-color:var(--autumn-black);border:1px solid var(--autumn-mid-color);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:clamp(300px,30vw,400px)}.item[data-v-f06c64a1]:hover{border-color:var(--autumn-mid-color);transform:translateY(-5px)}.image-box[data-v-f06c64a1]{aspect-ratio:1200/630;background-color:#222;position:relative}.image-box img[data-v-f06c64a1]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.external-badge[data-v-f06c64a1]{background:#55c500;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;position:absolute;right:10px;top:10px}.description-box[data-v-f06c64a1]{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:15px}.tag-list[data-v-f06c64a1]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tag-list .tag[data-v-f06c64a1]{color:var(--autumn-mid-color);font-size:12px;text-decoration:none}.tag-list .tag[data-v-f06c64a1]:hover{text-decoration:underline}.title-link[data-v-f06c64a1]{text-decoration:none}.article-name[data-v-f06c64a1]{color:var(--autumn-white);display:-webkit-box;font-size:1.1rem;line-clamp:3;line-height:1.4;margin-bottom:12px;-webkit-box-orient:vertical;overflow:hidden}.date[data-v-f06c64a1]{align-self:flex-end;color:#888;font-size:.9rem}