.uif-blog-archive { font-family: var(--uif-font); color: var(--uif-ink); line-height: var(--uif-lh); }
.uif-blog-archive__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--uif-sp-6); }
.uif-blog-archive__card { min-width: 0; margin: 0; border: 1px solid var(--uif-line); border-radius: var(--uif-r-card); background: var(--uif-white); box-shadow: var(--uif-sh-card); overflow: hidden; }
.uif-blog-archive .uif-blog-archive__link { display: flex; flex-direction: column; height: 100%; color: var(--uif-ink); text-decoration: none; }
.uif-blog-archive__image { display: block; width: 100%; height: auto; aspect-ratio: 5/3; object-fit: contain; background: var(--uif-soft); }
.uif-blog-archive__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: var(--uif-sp-3); padding: var(--uif-sp-6); }
.uif-blog-archive__category { background: var(--uif-warm-fill); color: var(--uif-warm-ink); border-radius: var(--uif-r-badge); padding: var(--uif-sp-1) var(--uif-sp-2); font-size: var(--uif-fs-xs); font-weight: 700; }
.uif-blog-archive .uif-blog-archive__title { margin: 0; font-size: var(--uif-fs-xl); font-weight: 800; line-height: 1.5; color: var(--uif-ink); }
.uif-blog-archive__meta { margin: 0; font-size: var(--uif-fs-xs); color: var(--uif-muted); }
.uif-blog-archive__excerpt { margin: 0; font-size: var(--uif-fs-sm); color: var(--uif-ink); }
.uif-blog-archive__cta { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--uif-sp-4); min-height: 44px; margin-top: auto; padding: var(--uif-sp-2) var(--uif-sp-4); border-radius: var(--uif-r-control); background: var(--uif-yellow); color: var(--uif-ink); font-size: var(--uif-fs-sm); font-weight: 800; }
.uif-blog-archive__link:hover { background: var(--uif-warm-surface); }
.uif-blog-archive__link:focus-visible { outline: 3px solid var(--uif-ink); outline-offset: -3px; }
.uif-blog-archive__link:active { background: var(--uif-warm-fill); }
.uif-blog-archive__link[aria-disabled="true"] { opacity: .6; pointer-events: none; }
.uif-blog-archive__pagination { display: flex; flex-wrap: wrap; gap: var(--uif-sp-2); margin: var(--uif-sp-10) 0; }
.uif-blog-archive__pagination .page-numbers { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding: var(--uif-sp-2) var(--uif-sp-3); border: 1px solid var(--uif-line); border-radius: var(--uif-r-control); color: var(--uif-ink); font-weight: 700; text-decoration: none; }
.uif-blog-archive__pagination .current { background: var(--uif-yellow); }
.uif-blog-archive__pagination a:hover { background: var(--uif-warm-fill); }
.uif-blog-archive__pagination a:focus-visible { outline: 3px solid var(--uif-ink); outline-offset: 2px; }
.uif-blog-archive__pagination a:active { background: var(--uif-yellow); }
.uif-blog-archive__intro { margin-bottom: var(--uif-sp-6); }
@media(max-width:700px) { .uif-blog-archive__grid { grid-template-columns: minmax(0,1fr); } }