/* ── 거르기 줄 ───────────────────────────────────────────────────────── */
.eq-filter { display: flex; flex-wrap: wrap; gap: .3rem; }
.eq-btn {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .22rem .55rem;
    border: 1px solid #e9ebec;
    border-radius: .3rem;
    background: #fff;
    color: #495057;
    font-size: .8rem;
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
}
.eq-btn:hover { border-color: #405189; color: #405189; }
.eq-btn.is-on { background: #405189; border-color: #405189; color: #fff; font-weight: 600; }
.eq-btn em { font-style: normal; opacity: .6; font-size: .72rem; }

/* ── 장비 카드 ───────────────────────────────────────────────────────── */
.eq-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: .7rem;
}
.eq-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #e9ebec;
    border-radius: .4rem;
    background: #fff;
    padding: .6rem;
}
/* 시트에 이름이 안 채워진 줄 — 채워야 할 것이 눈에 띄게 */
.eq-card.is-unnamed { border-style: dashed; background: #fffdf7; }

.eq-head { display: flex; gap: .55rem; align-items: flex-start; }
.eq-icon {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex-shrink: 0;
    image-rendering: -webkit-optimize-contrast;
}
.eq-icon-none {
    border: 1px dashed #dfe2e6;
    border-radius: .25rem;
}
.eq-title { min-width: 0; }
.eq-name { font-weight: 600; line-height: 1.25; word-break: keep-all; }
.eq-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem; margin-top: .25rem; }
.eq-meta a { text-decoration: none; }

.eq-classes { display: flex; flex-wrap: wrap; gap: .2rem; margin-top: .4rem; }
.eq-class {
    font-size: .7rem;
    padding: .05rem .3rem;
    border-radius: .2rem;
    background: #f3f6f9;
    color: #495057;
}

.eq-stats {
    margin-top: .4rem;
    font-size: .78rem;
    font-weight: 600;
    color: #405189;
    line-height: 1.4;
}
.eq-effect {
    margin-top: .35rem;
    padding-top: .35rem;
    border-top: 1px solid #f1f2f4;
    font-size: .78rem;
    line-height: 1.45;
    color: #495057;
    word-break: keep-all;
}
.eq-date { margin-top: .35rem; font-size: .7rem; color: #878a99; }