.filter[data-v-4cd2ebcc]{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:30px;border-bottom:1px solid var(--line)}.list[data-v-4cd2ebcc]{display:flex;flex-direction:column}.post[data-v-4cd2ebcc]{border-bottom:1px solid var(--line-soft)}.post__link[data-v-4cd2ebcc]{display:grid;grid-template-columns:minmax(150px,.5fr) 1fr auto;align-items:start;gap:clamp(20px,3vw,48px);padding-block:32px;transition:padding-left var(--d-base) var(--ease)}.post__link[data-v-4cd2ebcc]:hover{padding-left:10px}.post__meta[data-v-4cd2ebcc]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:5px}.post__date[data-v-4cd2ebcc]{font-family:var(--font-mono);font-size:var(--t-small);letter-spacing:.14em;color:var(--c-steel)}.post__cat[data-v-4cd2ebcc],.post__line[data-v-4cd2ebcc]{padding:3px 8px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;color:var(--text-faint);border:1px solid var(--line)}.post__body[data-v-4cd2ebcc]{display:flex;flex-direction:column;gap:12px;min-width:0}.post__title[data-v-4cd2ebcc]{margin:0;font-family:var(--font-cn);font-size:clamp(1.0625rem,1.9vw,1.5rem);font-weight:500;line-height:1.55;letter-spacing:var(--ls-h2);color:var(--text-strong);transition:color var(--d-fast) var(--ease)}.post__link:hover .post__title[data-v-4cd2ebcc]{color:var(--c-frost)}.post__excerpt[data-v-4cd2ebcc]{margin:0;max-width:40em;font-size:var(--t-small);line-height:1.85;color:var(--text-muted)}.post__tail[data-v-4cd2ebcc]{display:flex;align-items:center;gap:16px;padding-top:6px}.post__time[data-v-4cd2ebcc]{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.14em;color:var(--text-faint);white-space:nowrap}.post__arrow[data-v-4cd2ebcc]{width:16px;height:10px;color:var(--c-steel);opacity:0;transition:opacity var(--d-fast) var(--ease),transform var(--d-base) var(--ease)}.post__link:hover .post__arrow[data-v-4cd2ebcc]{opacity:1;transform:translate(4px)}.list-move[data-v-4cd2ebcc]{transition:transform var(--d-base) var(--ease)}.list-enter-active[data-v-4cd2ebcc]{animation:listIn-4cd2ebcc var(--d-base) var(--ease)}.list-leave-active[data-v-4cd2ebcc]{animation:listIn-4cd2ebcc var(--d-base) var(--ease) reverse;position:absolute;pointer-events:none}@keyframes listIn-4cd2ebcc{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:860px){.post__link[data-v-4cd2ebcc]{grid-template-columns:1fr;gap:14px}.post__tail[data-v-4cd2ebcc]{padding-top:0}}