/* ---------- Tabs (minimal override) ---------- */
.tabs {
    display: flex;
}

/* ---------- Table visibility ---------- */
.season-table {
    display: none;
}

.season-table.active {
    display: block;
}

/* ---------- Column sizing ---------- */
th:nth-child(1),
td:nth-child(1) {
    width: 120px;
}

th:nth-child(2),
td:nth-child(2) {
    width: 120px;
}

/* ---------- Fix alignment (IMPORTANT) ---------- */
td:nth-child(3) {
    text-align: left;
}

/* ---------- Effect content ---------- */
.orb-name {
    font-weight: 600;
    margin-bottom: 4px;
}

.orb-detail {
    font-size: 14px;
    line-height: 1.4;
}

.orb-icon {
    width: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

/* ---------- Expand / collapse ---------- */
.expand-row-btn {
    margin-top: 8px;
    cursor: pointer;
    user-select: none;
    color: #aaa;
    font-size: 13px;
}

.expand-row-btn:hover {
    color: #fff;
}

.expand-icon {
    display: inline-block;
    transition: transform 0.2s;
}

/* ---------- Resonance block ---------- */
.resonance-container {
    display: none;
    margin-top: 10px;
    padding: 8px;
    background: #1a1a1a;
    border: 1px solid #444;
}

.resonance-container.active {
    display: block;
}

.resonance-block {
    padding: 6px 0;
}

.tier-line {
    font-size: 13px;
    margin-bottom: 6px;
}

.tier-name {
    font-weight: 600;
    margin-right: 6px;
}

.grade-label {
    color: #888;
    font-style: italic;
    margin-right: 6px;
}

.tier-values {
    color: #00ccff;
}