.art-index{padding:var(--space-10,2.5rem) var(--space-4) var(--space-16,4rem);max-width:1100px}.art-index__header{text-align:center;margin-bottom:var(--space-10,2.5rem)}.art-index__title{font-family:var(--font-primary);font-size:clamp(1.8rem, 5vw, 2.6rem);font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 var(--space-3)}.art-index__subtitle{color:var(--color-text-muted);font-size:.95rem;max-width:580px;margin:0 auto;line-height:1.65}.art-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6,1.5rem);margin-bottom:var(--space-8)}.art-card{display:flex;flex-direction:column;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}.art-card:hover{box-shadow:0 12px 40px rgb(0 0 0 / .1);transform:translateY(-3px)}.art-card__img-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface)}.art-card__img-wrap--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark,#0a9ab0) 100%)}.art-card__img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.art-card:hover .art-card__img{transform:scale(1.04)}.art-card__body{padding:1.25rem 1.35rem 1.4rem;display:flex;flex-direction:column;gap:var(--space-2);flex:1}.art-card__badge{display:inline-block;padding:3px 10px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:fit-content}.art-card__title{font-family:var(--font-primary);font-size:1.03rem;font-weight:var(--fw-bold);color:var(--color-text);line-height:1.4;margin:0}.art-card__excerpt{font-size:.865rem;color:var(--color-text-muted);line-height:1.6;margin:0;flex:1}.art-card__read-more{font-size:.8rem;font-weight:700;color:var(--color-primary);margin-top:var(--space-2)}.art-pagination{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}.art-pagination .page-numbers{padding:6px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--color-text);text-decoration:none;transition:border-color .15s,color .15s}.art-pagination .page-numbers.current,.art-pagination .page-numbers:hover{border-color:var(--color-primary);color:var(--color-primary)}.art-index__disclaimer{text-align:center;font-size:.76rem;color:var(--color-text-muted);margin-top:var(--space-6);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.art-index__empty{text-align:center;padding:var(--space-16) 0;color:var(--color-text-muted)}